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

Все Web – документы создаются по некоторым общим правилам и поэтому имеют схожую структуру. Ниже приведен документ struct.htm.

<COMMENT>Комментарий к документу</comment>

<HTML>

<HEAD>

<TITLE>Структура Web-страницы</title>

<STYLE> H2 {font-family: Courier New;} CODE {font-family: Arial;} </style>

<META

NAME="Author"

CONTENT="Иван Иванов">

</META

NAME="Keywords"

CONTENT="WWW, HTML, document, element">

</ HEAD >

Переход в <A HREF="#bottom">конец</a> документа<P>

Переход к <A HREF="#S001"><B>ссылке 1</b></a><P>

<P>

<HR>

<H1>Заголовок 1</h1>

<H2>Заголовок 2</h2>

<H3>Заголовок 3</h3>

<H4>Заголовок 4</h4>

<H5>Заголовок 5</h5>

<H6>Заголовок 6</h6>

<HR>

Здесь расположена <B>ссылка 1</b><A NAME="S001"></a>

<HR>

<P>Здесь должен располагаться оригинальный текст Web-страницы

<HR>

Переход в <A HREF="#top">начало</a> документа.

</body>

</html>

В документе использованы следующие элементы:

o <COMMENT> </comment> - текст комментария. Текст, помещенный внутри тегов, игнорируется броузером. Текст комментария не должен содержать теги. Другой вариант комментариев:

<!—Строка комментария -->

<!—Комментарий – Не комментарий – Снова комментарий -->

Комментарий здесь может содержать тэги. Они не будут обрабатываться.

o <HTML> </html> - признак HTML – документа. Включает в себя весь текст документа.

o <HEAD> </head> - область заголовка. Мжет включать другие элементы (TITLE, META, LINK и др.)

o <TITLE> </title> - элемент заголовка. Строка текста будет отображена в заголовке окна броузера.

o <STYLE> </style> - описание стиля. Используется некоторыми элементами Web – страницы. В файле struct.htm переопределены шрифты для элементов H2 и CODE.

<META …. > - элемент для служебной информации. Каждый элемент META содержит два атрибута. Первый определяет тип данных, а второй – содержание. В примере использованы мета-данные

Имя автора Web – страницы:

name=”Author” content=”Имя автора”

Набор ключевых слов для поиска:

name=”Keywords” content=”Слово1, слово2, слово3 …”

o <BODY> <body> - размещается собственно гипертекст Web – страницы. Именно она отображается броузером. Внутри этого элемента размещаются все теги для создания оформления страницы. Внутри стартового тега могут располагаться атрибуты для установки общего для всей страницы оформления. Некоторые из них:

· Задание цвета фона страницы

bgcolor=”#RRGGBB” , где указывают по двухразрядному шестнадцетиричному числу для каждого из трех основных цветов.

· Задание цвета текста

text=”# RRGGBB” , где цвет задается аналогично фону.

· Задание цвета гиперссылок

link=”# RRGGBB” , где цвет задается аналогично фону.

· Задание цвета для уже использованных гиперссылок

vlink=”# RRGGBB” , где цвет задается аналогично фону.

o <H1> </h1> - элемент заголовка. Существуют шесть уровней заголовка от Н1 (самый крупный) до Н6 (самый мелкий). Для заголовка можно использовать атрибут выравнивания:

aligh=”left”

aligh=”center”

aligh=”right”

o <HR> - горизонтальная линия. Элемент не имеет конечного тега. Спомощью атрибутов можно задать:

color=”цвет”

size= толщина в пикселях

width= длина в пикселях

width= длина в процентах

aligh=”left”

aligh=”center”

aligh=”right”

aligh=”justify”

o <A> </a> - метка для гиперссылки. Шаблон для метки следующий:

<A name=”Метка”> </a>. Переход на такую метку внутри документа можно выполнить, используя следующую конструкцию:

Переход к <A href=”#Метка”> метке</a>

В Приложении 1 даны некоторые из элементов языка HTML, которые

можно использовать для оформления Web – страницы.