Пример самого короткого HTML-документа:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN">
С чего начинается работа
На самом деле одной строкой дело не обходится. После объявления версии и типа документа необходимо обозначить его начало и конец. Это делается с помощью тега-контейнера
<HTML>. Необходимо отметить, что любой HTML-документ открывется тегом <HTML> и им же закрывается.
Затем, между тегами
<HTML> и </HTML> следует разместить заголовок и тело документа. Вот и все! Начало положено – вы получили прекрасную заготовку. Вот как должен выглядеть ваш базовый HTML-файл перед началом работы:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN">
<HTML>
<HEAD>
<TITLE>Заголовок документа</TITLE>
</HEAD>
<BODY>
Текст документа
</BODY>
</HTML>
<HTML>
<HEAD>
<TITLE>Заголовок документа</TITLE>
</HEAD>
<BODY>
Текст документа
</BODY>
</HTML>
Если приведенный выше пример пояснить схематически, получится следующее:
Из схемы видно, что документ состоит из двух основных блоков – "заголовка" и "тела документа". Заголовок определяется с помощью элемента
HEAD, а тело – элементом BODY.
Заголовок содержит "техническую" информацию о документе, хотя чаще всего используется только для обозначения его названия (см. элемент
TITLE).
Тело документа – святая святых. Именно в нем находится все то, что отображается на странице: текст, картинки, таблицы. Соответственно, делаем вывод: большинство ваших HTML-экспериментов будет проводиться в пространстве между тегами
<BODY> и </BODY>
Заголовок
Создается с помощью элемента HEAD, между тегами которого размещаются элементы, содержащие техническую информацию о документе. Заголовок обычно располагается до тела документа .
Элементы, относящиеся к заголовку документа
HEAD- Определяет начало и конец заголовка документа
TITLE- Определяет имя всего документа, которое отображается в заголовке окна браузера
BASE- Определяет базовый адрес, от которого отсчитываются относительные линки внутри документа
STYLE- Используется для вставки в документ таблицы стилей CSS
LINK- Описывает взаимосвязь документа с другими объектами
META- Используется для вставки метаданных
HEAD
(HTML 1.0) - HeadОпределяет начало и конец заголовка документа. Является контейнером для элементов, содержащих техническую информацию о документе. (TITLE,BASE,STYLE,LINK,META).Пример:
<HTML>
<!-- Начинаем заголовок... -->
<HEAD>
<title>Справочник по HTML</title>
</HEAD>
<!-- ...кончили. Дальше пошло тело документа -->
<BODY>
Текст документа
</BODY>
</HTML>
TITLE
(HTML 2.0) - TitleОпределяет имя всего документа. Имя, как правило, отображается в заголовке окна браузера. Данный элемент обязателен для любого HTML-документа и может быть указан не более одного раза.Пример:
...
<HEAD>
<TITLE>Руководство по эксплуатации</TITLE>
</HEAD>
...Примечания:
- Комментарии, расположенные внутри элемента
TITLE(как, впрочем, и любые другие теги) трактуются как текст и будут видны в заголовке окна. Иначе говоря, тег<!-- -->внутриTITLEне действует.
- Комментарии, расположенные внутри элемента
Комментариев нет:
Отправить комментарий