Структура HTML-документа.

Дата добавления: 2015-07-09; просмотров: 656; Нарушение авторских прав

ПРАКТИЧЕСКАЯ РАБОТА №1

Первое, что вы должны узнать об HTML документах, это то, что они являются обыкновенными текстовыми файлами, содержащими специальные текстовые метки, называемые элементами разметки. Набор этих меток составляет структуру HTML документа и, в общем то, определяет его внешний вид.

Чтобы создать HTML документ с помощью программы EditPlus, воспользуйтесь командой File \ New.... В списке доступных шаблонов выберите HTML Page. После нажатия кнопки "Ok" вашему вниманию предстанет примерно такая структура:

Если "выбросить" из приведенного документа все, что располагается между <body> и </body>, то, что останется, и будет "скелетом" любого HTML документа.

Корневой элемент - <html>

В соответствии с синтаксисом XML, любой документ должен иметь единственный элемент верхнего уровня, в который должны быть вложены остальные элементы. Для HTML документов роль корневого играет элемент <html> ... </html>. В него вкладываются остальные элементы, такие как <head - раздел заголовка и <body> - тело, содержательная часть документа.

Раздел заголовка - <head>

В разделе заголовка обычно размещают информацию, характеризующую страницу в целом. Как то:

Создание заголовка страницы
Указание кодировки страницы
Перечисление ключевых слов, помогающих поисковым системам проиндексировать вашу страницу
Описание или подключение таблиц стилей и сценариев

Заголовок страницы можно указать при помощи элемента <title>.

Например так:

<head> <title>Текст заголовка страницы</title> ...</head>

Этот текст используется различными браузерами по разному. MSIE отображает его в заголовке окна браузера, а Firefox и Opera - в виде названия вкладки, на которой загружена страницы.

Тело документа - <body>

Тело документа представляет собой то, ради чего создается документ - его содержательную часть, то, что увидит конечный пользователь на странице. Здесь происходит разбиение текста страницы на структурные блоки (заголовки и абзацы), выполняется вставка изображений, таблиц, списков и прочих элементов содержания.

В приведенном выше примере документ содержит заголовок 1-го уровня ("h1") и абзац ("p").

<== предыдущая лекция	\|	следующая лекция ==>
Чистые виртуальные функции и абстрактные классы	\|	Правила записи элементов и их атрибутов в HTML.