Структура Web-страницы
Перед началом работы с документом необходимо обозначить его начало и конец. Это делается с помощью тега-контейнера <HTML>. Необходимо отметить, что любой HTML-документ открывается тегом <HTML> и им же закрывается. Содержимое страницы находится между тегами <HTML> и </HTML> и делится на две части, которые заключаются в парные теги <HEAD> и <BODY>, в которые следует разместить, соответственно, заголовок и тело документа: 1. Тег <HEAD> (от английского head — голова) заключает в себе теги заголовка: · <TITLE>…</TITLE> содержит слова, которые появляются в строке заголовка браузера. Данный элемент обязателен для любого HTML-документа и может быть указан не более одного раза. · <BASE> - Определяет базовый адрес, от которого отсчитываются относительные линки внутри документа. · <STYLE> - Используется для вставки в документ таблицы стилей CSS. · <LINK> - Описывает взаимосвязь документа с другими объектами. · <META> - Используется для вставки метаданных, используемых поисковыми серверами. 2. В рабочую область браузера (тело документа) выводится все, что находится внутри тега <BODY> (от английского body — тело). Именно внутри этого блока надо размещать текст, рисунки, таблицы и т.п. Классический пример HTML-документа:
<HEAD> <TITLE>Моя первая Web-страница</TITLE> </HEAD> <BODY> Привет! </BODY> </HTML>
А вот как выглядит:
Вот некоторые атрибуты тега BODY (он должен встречаться в документе не более одного раза): · TOPMARGIN – определяет ширину (в пикселах) верхнего и нижнего полей документа. Работает только в браузерах Internet Explorer. · LEFTMARGIN – определяет ширину (в пикселах) левого и правого полей документа. Работает только в браузерах Internet Explorer. · BACKGROUND – определяет изображение для "заливки" фона. Значение задается в виде полного URL или имени файла с картинкой в формате GIF или JPG: <BODY BACKGROUND = “dog.gif”> · BGCOLOR – определяет цвет фона документа. Цвет задается словом или кодом RGB: <BODY BGCOLOR = “red”> или <BODY BGCOLOR = “#FF0000”>, · TEXT – определяет цвет текста в документе: <BODY BGCOLOR = “red” TEXT=“blue”>. Например, в следующем примере задан черный цвет текста на желтом фоне для всей страницы: BODY TEXT="#000000" BGCOLOR="yellow">...</BODY> · LINK – определяет цвет гиперссылок в документе, по которым пользователь еще «не ходил» · ALINK – определяет цвет подсветки гиперссылок в момент нажатия. · VLINK – определяет цвет гиперссылок на просмотренные пользователем документы. Например, следующий тег устанавливает желтый цвет для обычных ссылок, красный — для активных и синий — для посещенных: <BODY LINK="yellow" ALINK="red" VLINK="blue">...</BODY> · BGPROPERTIES = “fixed” – фоновый рисунок не прокручивается вместе со страницей. Значения атрибутов BGCOLOR, TEXT, LINK, ALINK и VLINK задаются либо RGB-значением в шестнадцатеричной системе, либо одним из 16 базовых цветов. Несмотря на то, что с помощью атрибутов тега BODY можно задать много полезных параметров HTML документа, в настоящий момент целесообразнее использовать CSS – каскадные таблицы стилей (см далее). Пример1: <HTML> <BODY BACKGROUND="images/bricks.jpg" BGCOLOR="#202020" TEXT="#FFFFFF" LINK="#FF0000" VLINK="#505050" TOPMARGIN="30" LEFTMARGIN="40"> ... Текст документа. ... </BODY> </HTML>
|
