Учебник HTML : структура web страницы)
аголовка (начинающийся тэгом <HEAD>) и раздела содержательной части документа (начинающийся тэгом <BODY>). Для документов, описывающих фреймовые структуры, вместо раздела BODY используется раздел FRAMESET (с тэгом <FRAMESET>).
<HEAD> </head>
От англ. - голова. Область заголовка Web-страницы. Иными словами, ёё первая часть. Так же как и HTML, HEAD служит только для форматирования общей структуры документа. В этот элемент допускается вложени элементов TITLE, META и других не часто употребляемых.
<BODY> </body>
Этот элемент заключает в себе гипертекст, который определяет собственно Web-страницу. Эта та часть документа, которую разрабатывает автор страницы и которая отображается броузером. Соответственно, конечный тег этого элемента надо искать в конце HTML-файла. Внутри BODY можно использовать все элементы, предназначенные для дизайна Web-страницы. Внутри стартового тега элемента BODY можно расположить ряд атрибутов, обеспечивающих установки для всей страницы целиком.
Структура head
Стало весьма популярным применение элемента <META> для решения некоторых типичных задач. В качестве примера можно привести указание ключевых слов, используемых поисковыми системами. Этот способ позволяет включать в индекс документа дополнительные слова, которые могут явно не входить в его содержание. Для этого в тэге <META> в качестве значения параметра NAME указывается имя некоторого свойства. А при помощи параметра CONTENT указывается значение данного свойства. Спецификация HTML не определяет каких-либо конкретных имён свойств, записываемых в тэге <META>. Однако есть несколько часто применяемых свойств, например, description, keywords, author, robots и др.:
<META NAME="description" CONTENT="Описание возможностей HTML 4.0">
<META NAME="keywords" CONTENT="тэг, гипертекст, HTML, браузер">
Тэг <META> может иметь параметры, указанные в таблице:
Параметр | Назначение |
HTTP-EQUIV | Определяет свойства для тэга |
NAME | Обеспечивает дополнительное писание тэга. Если этот параметр опущен, он считается эквивалентным параметру HTTP-EQUIV |
URL | Определяет адрес документа для свойства |
CONTENT | Определяет возвращаемое значения для свойства |
Ешё одно важное предназначение тэга <META> - это указание кодировки текста. Так, для текста на русском языке в кодировке Windows нужно записать следующую строчку:
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=Windows-1251">
Раздел BODY, тег BODY
В этом разделе документа распологается его содержательная часть. Большинство тэгов рассматриваемых далее, должно располагаться в данном разделе документа. Здесь мы рассмотрим лишь некоторые общие вопросы.
Раздел докумета BODY должен начинаться тэгом <BODY> и завершаться тэгом </BODY>, между которыми распологается всё содержимое данного раздела. Строго говоря наличие этих тэгов не является обязательным, поскольку браузеры могут определить начало содержательной части документа по контексту. Однако их употребление рекомендуется.
Тэг <BODY> имеет ряд параметров, ни один из которых не ывляется обязательным. Перечень параметров приведён в таблице:
Параметр | Назначение |
ALINK | Определяет цвет активной ссылки |
BACKGROUND | Указывает на URL-адрес изображения, которое используется в качестве фонового |
BOTTOMMARGIN | Устанавливает границу нижнего поля документа в пикселах |
BGCOLOR | Определяет цвет фона документа |
BGPROPERTIES | Если установлено значение FIXED, фоновое изображение не прокручивается |
LEFTMARGIN | Устанавливает границу левого поля документа в пикселах |
LINK | Определяет цвет ещё не просмотренной ссылки |
RIGHTMARGIN | Устанавливает границу правого поля документа в пикселах |
SCROLL | Устанавливает наличие или отсутствие полос прокрутки окна браузера |
TEXT | Определяет цвет текста |
TOPMARGIN | Устанавливает границу верхнего поля документа в пикселах |
VLINK | Определяет уже просмотренные ссылки |
Разработчики Web-страниц могут управлять цветом фона документа, а также указывать изображения, используемые в качестве фонового. Идея применения фоновых изображений хорошо знакома пользователям системы Windows, в которой предусмотрен ряд возможностей по изменению переметров рабочего стола (desktop).
Во многом аналогично выполняется настройка параметров фона для HTML-документов. Для задания цвета фона употребляется параметр bgcolor тэга <BODY>, а фоновое изображение включается в документ при помощи параметра background. В качестве значения параметра указывается название цвета или его составляющие в шестнадцатеричном коде. В качестве фонового изображения должен использоваться графический файл формата GIF или JPG.
Фоновое изображение для HTML-документа всегда заполняет всё окно просмотра (в отличии от рабочего стола Windows, где изображение может не размножаться). Если размер изображения меньше размеров окна просмотра, то оно будет размножено по принципу мозаики. Поэтому фоновые изображения должны создаваться так, чтобы при появлении на экране границы сшивки повторяющихся изображений били невидимы. Эта задача напоминает подбор рисунка при оклеивании обоями стен комнаты.
Обычно в качестве фонового берётся небольшое изображение, для загрузки которого по сети не требуется значительного времени. Другим часто используемым вариантом является фоновое изображение в виде бледного рельефного логотипа. Такая графика ясно идентифицирует сайт и не мешает восприятию материала.
Приведём пример записи тэга <BODY> с указанием фонового цвета и фонового изображения:
<BODY bgcolor="gray" background="texture. gif">
Заметим, что одновременное задание параметров background и bgcolor вовсе не обязательно. Любой из них, равно как и оба вместе, могут отсутствовать.
На первый взгляд может показаться, что указание фонового цвета излишне при задании фонового изображения. В действительности всё наоборот. Можно рекомендовать всегда указывать цвет фона документа если задаётся фоновое изображение. Дело в том, что при загрузке документа прежде всего отображается текстовая часть, а на следующем проходе будут загружаться изображения, в том числе и изображения, используемые в качестве фонового. До момент загрузки и отображения фонового изображения цвет фона документа будет определяться значением параметра bgcolor или устанавливаться по умолчанию. Опыт работы с HTML-документами, получаемыми по сети, показывает, что до загрузки фонового изображения порой проходит достаточное количество времени, в течении которого пользователь знакомиться с уже загруженным текстом. В какой-то момент проявляется фоновое изображение, изменяя гамму цветов документа. Чтобы предотвратить резкое изменение гаммы цветов, следует задавать значение цвета фона близким к цветам фонового изображения.
Разработчики Web-страниц могут управлять цветом фона документа, а также указывать изображения, используемые в качестве фонового. Идея применения фоновых изображений хорошо знакома пользователям системы Windows, в которой предусмотрен ряд возможностей по изменению переметров рабочего стола (desktop).
Во многом аналогично выполняется настройка параметров фона для HTML-документов. Для задания цвета фона употребляется параметр bgcolor тэга <BODY>, а фоновое изображение включается в документ при помощи параметра background. В качестве значения параметра указывается название цвета или его составляющие в шестнадцатеричном коде. В качестве фонового изображения должен использоваться графический файл формата GIF или JPG.
Фоновое изображение для HTML-документа всегда заполняет всё окно просмотра (в отличии от рабочего стола Windows, где изображение может не размножаться). Если размер изображения меньше размеров окна просмотра, то оно будет размножено по принципу мозаики. Поэтому фоновые изображения должны создаваться так, чтобы при появлении на экране границы сшивки повторяющихся изображений били невидимы. Эта задача напоминает подбор рисунка при оклеивании обоями стен комнаты.
Обычно в качестве фонового берётся небольшое изображение, для загрузки которого по сети не требуется значительного времени. Другим часто используемым вариантом является фоновое изображение в виде бледного рельефного логотипа. Такая графика ясно идентифицирует сайт и не мешает восприятию материала.
Приведём пример записи тэга <BODY> с указанием фонового цвета и фонового изображения:
<BODY bgcolor="gray" background="texture. gif">
Заметим, что одновременное задание параметров background и bgcolor вовсе не обязательно. Любой из них, равно как и оба вместе, могут отсутствовать.
На первый взгляд может показаться, что указание фонового цвета излишне при задании фонового изображения. В действительности всё наоборот. Можно рекомендовать всегда указывать цвет фона документа если задаётся фоновое изображение. Дело в том, что при загрузке документа прежде всего отображается текстовая часть, а на следующем проходе будут загружаться изображения, в том числе и изображения, используемые в качестве фонового. До момент загрузки и отображения фонового изображения цвет фона документа будет определяться значением параметра bgcolor или устанавливаться по умолчанию. Опыт работы с HTML-документами, получаемыми по сети, показывает, что до загрузки фонового изображения порой проходит достаточное количество времени, в течении которого пользователь знакомиться с уже загруженным текстом. В какой-то момент проявляется фоновое изображение, изменяя гамму цветов документа. Чтобы предотвратить резкое изменение гаммы цветов, следует задавать значение цвета фона близким к цветам фонового изображения.
|
Из за большого объема этот материал размещен на нескольких страницах:
1 2 3 |
