 |
Элементы, теги и атрибуты HTML
|
|
|
|
Понятие о HTML
HTML – Hypertext Markup Language – язык разметки гипертекста – основной язык, используемый для представления документов в Интернет и, в частности, в World Wide Web (WWW). Документ на языке HTML представляет собой обычный плоский текст, включающий в себя помимо основного содержания (контента) особые ключевые слова, определяющие его форматирование.
Для создания и редактирования документов HTML пригодны как простейшие редакторы (такие как Блокнот Windows, редакторы, встроенные в файловые менеджеры FAR, Windows Commander и другие), так и универсальные текстовые процессоры, например, Microsoft Word. Разработана масса специализированных HTML-редакторов, с помощью которых достаточно легко создавать не только простейшие WEB-страницы, но и крупные сайты. Необходимо учитывать, что успех созданной WEB-страницы в большей степени определяется её содержанием и умением автора, а не навороченностью инструмента разработки. В дальнейшем будем предполагать, что создаваемые нами WEB-страницы пишутся во встроенном в файловый менеджер редакторе.
Для просмотра WEB-страниц, написанных на HTML (они обычно имеют расширение htm или html), используются браузеры, самыми распространёнными среди которых являются Microsoft Internet Explorer и Netscape Navigator.
Несмотря на то, что сам по себе HTML-документ является обычным плоским текстом, он позволяет создавать очень сложное форматирования документа, включающее в себя изменения стиля, размера, цвета текста и фона, вставку изображений (в том числе анимированных и видеоклипов), звукового сопровождения, таблиц любой сложности, элементов интерфейса (кнопки, поля ввода и редактирования).
В настоящее время разработаны и продолжают разрабатываться расширения стандартного языка HTML, предназначенные для представления документов различных типов (XML – для сложно структурированных документов и баз данных, VRML – для описания трехмерных сцен «виртуальной реальности», Voice HTML - для распознавания речи и голосового управления WEB-страницами и другие).
|
|
|
Важнейшим свойством HTML-документа, благодаря которому он называется языком разметки гипертекстовых документов, является возможность создания ссылок на другие документы. Таким образом, набор HTML-документов, связанных между собой ссылками, образует сеть документов.
Структура документа HTML
Структура HTML-документа в самом общем виде выглядит следующим образом:
<html>
<head>
<title>Название документа</title>
</head>
<body>
Тело документа
</body>
</html>
Документ в целом заключается в теги <html>…</html> и состоит из заголовка (<head>…</head>) и тела (<body>…</body>). Заголовок часто имеет титул – название документа, отображаемое в заголовке окна браузера (<title>…</title>). Всё содержание документа (контент) помещается внутри тела между тегами <body> и </body>.
В принципе, все распространённые браузеры будут показывать документы, в которых отсутствует некоторые (или даже все) элементы выше показанной структуры. Однако всё же следует придерживаться правила включать в документ хотя бы самые основные элементы, предписанные стандартом HTML.
Разрывы строк, повторные пробелы и знаки табуляции не влияют на внешний вид страницы в браузере и используются исключительно для удобства создания и редактирования HTML-документа. Например, показанный выше текст страницы будет выглядеть в браузере так же и при отсутствии разрывов строк:
<html><head><title>Название документа</title></head><body>Тело документа</body></html>
Точно так же будет выглядеть документ и при наличии дополнительных пробелов и разрывов строк:
Более того, регистр (то есть набор прописными или строчными буквами) ключевых слов в документе HTML также не имеет никакого значения:
|
|
|
<html>
<head>
<title>
Название документа
</title>
</head>
<body>
Тело документа
</body>
</html>
<HTML>
<HEAD>
<TITLE>
Название документа
</TITLE>
</HEAD>
<BODY>
Тело документа
</BODY>
</HTML>
Проверьте, действительно ли приведённые примеры страниц в браузере выглядят одинаково.
Элементы, теги и атрибуты HTML
Ключевые слова в документе HTML называются элементами или тегами и заключаются в угловые скобки (знаки «меньше» и «больше»): < и >. Все теги представляют собой сокращения от английских слов, или полные слова, помогающие понять назначение тега. Как уже было отмечено выше, регистр тегов значения не имеет. Стандарт HTML содержит около сотни различных тегов.
Большинство тегов являются парными, они имеют две формы: открывающий и закрывающий теги, между которыми заключён фрагмент HTML-документа. Некоторые теги являются непарными, или пустыми, то есть внутри тега не может содержаться фрагмент HTML-документа. Фрагмент документа, заключённый между тегами, в ряде случаев также может содержать теги. В этом случае теги называются вложенными.
Открывающий тег имеет вид <имя_тега>, закрывающий содержит после знака “<” слэш: </имя_тега>.
В HTML-документе каждый открывающий парный тег должен иметь соответствующий закрывающий тег.
Многие теги могут иметь атрибуты, уточняющие действие тега. Общий вид тега с атрибутами следующий: <имя_тега атрибут1=”…” атрибут2=”…” …>. Закрывающие теги атрибутов не имеют. Атрибуты, как и теги, представляют собой английские слова или их сокращения. Значение атрибута отделяется от имени тега знаком «равно» и может заключаться в кавычки или апострофы. Бывают атрибуты, значение которых не указывается.
Если в документе содержится не существующий тег (например, если он набран с ошибкой), то браузер при отображении страницы просто игнорирует его, ничего не отображая на его месте (браузер вообще игнорирует неизвестный ему текст, заключённый между символами < и >, а переносы строк, множественные пробелы и табуляции принимает за один пробел). Точно также игнорируются неверные или несуществующие атрибуты тегов. Никакого сообщения об ошибке в HTML браузером в этих случаях не выводится, что может несколько затруднить отладку страниц, зато не мешает просмотру документа, содержащего некорректные или не поддерживаемые данным браузером теги документа.
|
|
|
