2015-05-14
417
Структура HTML - документа
Основные понятия. HTML-документ хранится на диске компьютера в виде обычного текстового файла с расширением htm или html. В этом документе располагаются теги языка HTML, которые определяют, что и как отобразить в окне браузера, а также дополнительную информацию, используемую браузером и серверными поисковыми системами.
Теги представляют собой предопределенные ключевые слова – имена тегов, заключенные в угловые скобки < и >. HTML-документ начинается с тега <html> и заканчивается тегом </html>.
Большинство тегов допускают использование параметров (атрибутов), задающих их спецификацию. Атрибуты могут задаваться именем или парой имя_атрибута=значение. Значение атрибута называют аргументом. Имя атрибута является ключевым словом, а допустимое значение определяется спецификацией этого атрибута – описанием того, какие значения возможны и как их задавать. Например, для вставки в HTML-документ изображения из графического файла используется тег <img>. Чтобы указать файл графического изображения, следует использовать атрибут src=’’адрес_графического_ файла’’.
Например, <img src=’’picture.jpg’’>.
Значение атрибутов принято задавать в виде строки, заключенной в двойные (”) или одинарные (’) кавычки.
Тег может иметь один или несколько атрибутов или не иметь их совсем. Некоторые теги имеют атрибуты, которые следует обязательно указывать, а другие атрибуты задаются лишь при необходимости. Например, в теге, <img> атрибут src нужен, чтобы сообщить браузеру, где взять файл графического изображения. Атрибуты width и height, определяющие ширину и высоту изображения в браузере, необязательны. Если в теге требуется указать несколько атрибутов, то их можно записывать в произвольном порядке.
Например, следующие записи эквивалентны:
<img src=’’picture.jpg’’ width=100 height=200>
<img src=’’picture.jpg’’ height=200 width=100>
<img height=200 width=100 src=’’picture.jpg’’>
В HTML-документе могут присутствовать контейнерные теги, с помощью которых организуются важнейшие разделы документа:
<head> – раздел заголовка;
<body> – основной раздел;
<style> – содержит таблицу стилей;
<script> – содержит сценарий.
Перечисленные теги не являются обязательными и используются по мере необходимости.
Тег <head> располагается сразу за тегом <html> и может содержать другие теги, кроме <body>. Теги <head> и <body> указываются в документе не более одного раза и один из них не может содержать другой.
Теги <style> и <script> могут встречаться в HTML-документе произвольное количество раз, но не могут содержать другие теги. Внутри тега <style> записываются правила каскадных таблиц стилей (CSS), а тег <script> содержит код сценария, написанного на языке JavaScript или VBScript. Часто, но не всегда, их включают в раздел заголовка, определяемый тегом <head>.
Контейнеры <body>, <div> и <span>. Основной раздел HTML-документа, содержащий текст, ссылки, графические, звуковые и другие объекты заключают в контейнерный тег <body>. Тег <body> обладает следующими атрибутами:
alink – цвет активной заливки;
link – цвет еще не использованной ссылки;
vlink – цвет уже используемой ссылки;
text – цвет текста;
bgcolor – цвет фона документа;
background – URL-адрес графического изображения, используемого в качестве фона документа.
scroll – значение yes устанавливает, а значение no удаляет полосы прокрутки окна браузера.
Расположение элементов. Теги <p>, <br>, <nobr>, <wbr>, <center>, <hr> влияют на расположение любых элементов HTML-документа.
Тег <p> используется для выделения блоков текста. Этот тег приводит к вставке одной пустой строки и размещению находящегося за ним видимого элемента в следующей строке. Тег имеет необязательный атрибут align с возможными значениями center, left, right и justify, позволяющими выровнять весь фрагмент документа по центру, левому краю, правому краю и одновременно по двум сторонам окна браузера соответственно.
Тег <br> служит для перехода на другую строку. Он не является контейнерным и, в отличие от тега <p>, не вставляет дополнительной пустой строки. Тег <br> имеет необязательный атрибут clear, принимающий значения left, right и all.
Контейнерный тег <nobr> предотвращает перенос заключенной в него строки текста. Если при этом строка выходит Зв границу окна браузера, то появляется горизонтальная полоса прокрутки. В тексте, заключенном в контейнер <nobr>, можно указать место возможного перевода строки, который будет выполнен браузером лишь при необходимости. Это делается с помощью тега <wbr>.
Тег <center> выравнивает заключенные в него элементы по центру.
Тег <hr> используется, чтобы отделить один фрагмент от другого с помощью разделительной полосы. Разделительная полоса всегда выводится в новую строку. Тег <hr> имеет следующие необязательные атрибуты:
size – толщина полосы в пикселях;
width – длина полосы в пикселях;
align – способ выравнивания;
noshade – атрибут, не имеющий значений; если указан, то создается сплошная черная полоса без тени.
