Гипертекстовый документ - это документ, который содержит гиперссылки на другие документы или ресурсы. Эти ссылки позволяют пользователю легко переходить от одного документа к другому, создавая сеть взаимосвязанных документов. Гипертекстовые документы являются основой Всемирной паутины (World Wide Web).
История гипертекстовых документов
Идея гипертекста была предложена Тедом Нельсоном в 1960-х годах. Он предложил концепцию “Xanadu”, системы, которая позволяла бы пользователям создавать и связывать документы. Однако, только с появлением Всемирной паутины в 1990-х годах гипертекст стал широко использоваться.
HTML
HTML (HyperText Markup Language) - это язык разметки гипертекста, используемый для создания веб-страниц. HTML позволяет структурировать содержимое веб-страницы, добавлять текст, изображения, ссылки, таблицы и другие элементы.
Основные элементы HTML
-
Теги: HTML-документ состоит из элементов, которые определяются тегами. Каждый тег имеет начало и конец, например,
<tag>...</tag>. Некоторые теги могут быть самозакрывающимися, например,<img />. -
Атрибуты: Элементы HTML могут иметь атрибуты, которые предоставляют дополнительную информацию о элементе. Например, тег
<a>(ссылка) может иметь атрибутhref, указывающий URL-адрес, на который ведет ссылка:<a href="https://example.com">Example</a>. -
Гиперссылки: Одной из ключевых особенностей HTML является возможность создания гиперссылок, которые позволяют пользователям переходить между различными документами и ресурсами в Интернете.
-
Мультимедийные элементы: HTML поддерживает включение изображений, видео и аудио на веб-страницы с помощью тегов
<img>,<video>и<audio>соответственно. -
Формы: HTML позволяет создавать интерактивные формы, которые пользователи могут заполнять и отправлять. Формы используются для сбора данных от пользователей и могут включать текстовые поля, кнопки, флажки и другие элементы.
-
Каскадные таблицы стилей (CSS): HTML-документы могут быть стилизованы с помощью CSS, что позволяет изменять внешний вид элементов, такие как цвет, шрифт, размер и расположение.
-
Сценарии (JavaScript): HTML поддерживает включение сценариев на языке JavaScript, которые позволяют добавлять интерактивность и динамическое поведение на веб-страницы.
Пример простого HTML-документа
<!DOCTYPE html>
<html>
<head>
<title>Пример HTML-документа</title>
</head>
<body>
<h1>Заголовок</h1>
<p>Это пример параграфа.</p>
<a href="https://example.com">Ссылка на Example</a>
<img src="/image.jpg" alt="Пример изображения">
</body>
</html>
Этот пример демонстрирует основные элементы HTML-документа: заголовок, параграф, ссылка и изображение.
Основные принципы и логика работы HTML
-
Структура документа: HTML-документ начинается с декларации
<!DOCTYPE html>, которая указывает тип документа. Затем идет элемент<html>, который содержит элементы<head>и<body>. В<head>размещаются метаданные, такие как заголовок страницы и ссылки на стили. В<body>размещается основное содержимое страницы. -
Разметка текста: HTML предоставляет теги для разметки текста, такие как
<h1>-<h6>для заголовков,<p>для параграфов,<a>для ссылок,<strong>для выделения текста жирным шрифтом и<em>для выделения текста курсивом. -
Списки: HTML поддерживает создание упорядоченных (
<ol>) и неупорядоченных (<ul>) списков. Каждый элемент списка определяется тегом<li>. -
Таблицы: HTML позволяет создавать таблицы с помощью тегов
<table>,<tr>(строка таблицы),<th>(заголовок столбца) и<td>(ячейка таблицы). -
Формы: Формы создаются с помощью тега
<form>, который может содержать различные элементы формы, такие как<input>,<textarea>,<select>и<button>. -
Мультимедиа: HTML поддерживает включение мультимедийных элементов с помощью тегов
<img>для изображений,<video>для видео и<audio>для аудио. -
Стилизация: HTML-документы могут быть стилизованы с помощью CSS. Стили могут быть встроенными (внутри тега
<style>), внешними (ссылка на файл CSS) или встроенными в элементы (с помощью атрибутаstyle). -
Сценарии: HTML поддерживает включение сценариев на языке JavaScript с помощью тега
<script>. Сценарии могут быть встроенными (внутри тега<script>) или внешними (ссылка на файл JavaScript).
Заключение
HTML является основным языком разметки для создания веб-страниц. Он позволяет структурировать содержимое, добавлять мультимедийные элементы, создавать формы и гиперссылки, а также стилизовать страницы с помощью CSS и добавлять интерактивность с помощью JavaScript. Гипертекстовые документы и HTML играют ключевую роль в создании и функционировании Всемирной паутины.
