Основные понятия языка HTML
Документ, выполненный в формате HTML, называется HTML-документом, web-документом или web-страницей. Такие страницы, как правило, имеют расширение HTM или HTML.
Группа Web-страниц, взаимосвязанных общими гиперссылками, образует структуру, которая называется Web-узлом или Web-сайтом.
HTML-документы можно создавать в любом текстовом редакторе. HTML-документ является простым текстовым файлом, который содержит текст и HTML-теги.
Теги HTML
Тег — это команда HTML, указывающая браузеру, каким образом он должен обрабатывать соответствующее значение. Это значение называется атрибутом тега.
При отображении документа в браузере сами теги не отображаются, но влияют на способ отображения документа. Когда HTML-документ открывается в браузере, он просматривает HTML-код, находит в нем теги, и использует их для вставки изображений, изменения вида текста, создания ссылок на другие страницы и др.
Тег HTML состоит из следующих друг за другом в определенном порядке элементов:
— левой угловой скобки <
— слэша (/), который означает, что тег является конечным, закрывающим некоторую структуру;
— имени тега;
— необязательных атрибутов;
— правой угловой скобки>.
Например: <H1>, <H1 ALIGN=LEFT>
В общем виде тег можно записать так:
<TEГ АТРИБУТ_1=ЗНАЧЕНИЕ_1 АТРИБУТ_2=ЗНАЧЕНИЕ_2 … АТРИБУТ_N=ЗНАЧЕНИЕ_N> Обрабатываемое значение </ТЕГ>
HTML-тэги могут быть условно разделены на две категории:
— тэги, определяющие, как будет отображаться браузером тело документа в целом;
— тэги, описывающие общие свойства документа, такие как заголовок или автор документа.
Большинство тегов являются парными. Это означает, что за открывающим тегом следует соответствующий закрывающий тег, а между ними содержится текст или другие теги.
Например: <H1> Foreword </H1>
В таких случаях два тега и часть документа, отделенная ими, образуют блок, называемый HTML-элементом.
Открывающий тег создает эффект, а закрывающий — прекращает его действие. Данное свойство HTML позволяет использовать принцип вложения одного тега в другой, когда обрабатываемым значением одной команды может служить другая команда.
Например, <ТЕГ1> <ТЕГ2> Обрабатываемое значение </ТЕГ2> </ТЕГ1>
В зависимости от того, где вы поставили закрывающий тег, отображение данных в браузере может быть различным.
Регистр букв в написании тегов не имеет значения, их можно вводить как большими, так и маленькими буквами. Например, <body>, <BODY> и <Body> будут восприняты браузером одинаково, хотя общепринято использовать прописные буквы, чтобы теги отличались от обычного текста документа.
Если по ошибке в теге указано ключевое слово, отсутствующее в языке HTML, то тег игнорируется целиком.
При работе с кодом HTML необходимо запомнить одно правило: если где-то в тексте программы встречается открывающий тег, обязательно должен присутствовать и закрывающий. Несоблюдение этого правила вызовет ошибку при обработке такого документа интерпретатором браузера.
Дополнительные пробелы, символы табуляции, добавленные в исходный текст HTML-документа для его лучшей читаемости, браузером игнорируется за исключением случаев, когда они помещены внутрь тэгов <PRE> и </PRE>.
Некоторые теги, например <HR>, являются непарными. Т.е. у них нет закрывающегося тега.
Атрибуты тегов
Открывающие теги часто могут содержать атрибуты, позволяющие расширить возможности тега. Большинство тегов допускает один или несколько атрибутов, однако атрибутов может и совсем не быть.
В общем случае такое выражение выглядит следующим образом:
<ТЕГ АТРИБУТ=«ЗНАЧЕНИЕ_1; „ЗНАЧЕНИЕ_2“; … ЗНАЧЕНИЕ_N»>
Например, <H1 ALIGN=«LEFT»>
Значения атрибутов заключаются в прямые кавычки (») и отделяются друг от друга пробелами или незаполненными строками.
Если внутри атрибута какого-либо тега встречается другое значение, заключенное в кавычки, то есть имеет место вложение одних кавычек в другие, в качестве внутренних кавычек рекомендуется использовать одинарные (»).
Кавычки в записи атрибутов можно и не использовать. В основном это относится для атрибутов, которые состоят из следующих символов:
— символов английского алфавита;
— цифр;
— промежутков времени;
— дефисов.
Тег может и не иметь атрибутов. Например, тег <HTML>. Также не имеют атрибутов и закрывающие теги.
Также следует отметить, что некоторые значения атрибутов могут выступать и в роли тегов. Например, запись <H1 ALIGN=«LEFT»> аналогична записи <H1> <LEFT>.
Классификация тегов HTML
Все теги HTML можно классифицировать на три основные категории:
— заголовочные, содержащие информацию о документе в целом: HEAD, TITLE, ISINDEX, BASE, META, LINK, SCRIPT, STYLE;
— блоковые, организующие структуру документа: H1, H2, H3, H4, H5, H6, ADDRESS, P, UL, OL, DL, PRE, DIV, CENTER, BLOCKQUOTE, FORM, ISINDEX, HR, TABLE;
— текстовые, включающие: Escape-последовательности (например, &); выражения разметки: EM, STRONG, DFN, CODE, SAMP, KBD, VAR, CITE; разметку шрифта: I, B, U, STRIKE, BIG, SMALL, SUB, SUP; специальные элементы: A, IMG, APPLET, FONT, BASEFONT, BR, SCRIPT, MAP; элементы формы: INPUT, SELECT, TEXTAREA.
Блоковые теги могут содержать как текстовые, так и другие блоковые теги, т.е. блоки могут быть вложенными. Текстовые элементы также могут быть вложенными. Но текстовые элементы не могут включать блоковые элементы.
Например, выражение <CITE> <H3> Текст </H3> </CITE> неверно (так как CITE — текстовый элемент, а H3 — блоковый элемент). Тогда как запись <H3> <CITE> Текст </CITE> </H3> правильная, хотя отдельные браузеры воспринимают это с трудом.
Единицы измерения
В языке HTML существует два способа задать линейные размеры элемента: пиксели и проценты. В CSS единиц длины гораздо больше.
Условно единицы измерения можно разделить на три группы.
Первая группа — это величины, которые используются для измерения длин реальных предметов. К ним относятся:
— in — дюймы;
— cm — сантиметры;
— mm — миллиметры.
Ко второй группе можно отнести величины, которые пришли в CSS из типографии. То есть они используются для установки размеров шрифта, межстрочных интервалов и прочих типографских величин. К ним относятся:
— pt — типографский пункт;
— pc — пика;
— ex — высота
