Краткое описание приемов работы
Элементы HTML-документа
Структура HTML-документа
В общем виде HTML-документ состоит из трех частей: декларации <!DOCTYPE>, заголовка и тела (см. рисунок 1).
Рисунок 1 Структура HTML-документа
Теги
Большинство документов имеют стандартные элементы, такие, как заголовок, абзацы, списки, таблицы и т.д. Для обозначения этих элементов в HTML-страницах используются специальные команды разметки – теги. HTML-теги условно разделяются на две категории: теги, определяющие, как будет отображаться браузером тело документа в целом; теги, описывающие общие свойства документа, такие как заголовок или автор документа.
Теги начинаются с символа "<" и заканчиваются символом ">". Как правило, существует открывающий тег и завершающий тег. Завершающий тег выглядит так же, как открывающий, и отличается от него прямым слешем перед именем тега внутри угловых скобок. Например, тег <TITLE> - открывающий, а тег </TITLE> - соответствующий ему завершающий. Некоторые теги, такие, как <P> (тег, определяющий абзац), не требуют завершающего тега, но его использование придает исходному тексту HTML-документа улучшенную читаемость и структурируемость.
Ниже приведен пример разметки фрагмента текста с помощью тега <title>:
<TITLE> Заголовок документа </TITLE>
Шаблон HTML-документа
Ниже приводится общий вид HTML-документа, который может использоваться в качестве шаблона.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN">
<HTML>
<HEAD>
<TITLE>Пример HTML-документа</TITLE>
... другие элементы заголовка
</HEAD>
<BODY>
... тело документа
</BODY>
</HTML>
Тег <HTML> должен открывать документ, а тег </HTML> - закрывать его. Между этими двумя основными тегами располагается заголовок HTML-документа (теги <HEAD> и </HEAD>) и его тело (теги <BODY> и </BODY>). В заголовке HTML-документа обязательно должен присутствовать тег <TITLE>, задающий текст заголовка. Декларация <!DOCTYPE>, при работе с локальными HTML-документами может быть опущена.
HTML-документы могут быть созданы при помощи любого текстового редактора или специализированных HTML-редакторов. Выбор редактора зависит от личных пристрастий каждого автора. При выполнении лабораторных работ будет использоваться текстовый редактор Notepad (Блокнот).