Теги HTML

Документ, написанный на языке HTML, состоит из основного текста и управляющих символов – тегов (дескрипторов). Все теги HTML заключаются в угловые скобки (< >). Многие теги являются парными, т.е. состоят из стартового и завершающего (т.н. контейнер).

Чтобы Web-браузер верно распознал страницу, ее код должен начинаться тегом <HTML> и заканчиваться тегом </HTML>. Как видно, завершающий тег отличается от стартового наличием слэша / (символа «косая черта»).

Для передачи Web-браузеру информации о примененном при создании документа стандарте HTML перед тегом <HTML> может быть указан тег <DOCTYPE. Например, при использовании HTML версии 3.2, вставляется тег

<DOCTYPE HTML PUBLIC “-//W3C/DTD HTML 3.2//EN”>.

Как правило, HTML-текст Web-страницы состоит из нескольких блоков. Первый из них – заголовок – выделяется тегами <HEAD> и </HEAD>. В этом блоке содержится заглавие страницы, а также сведения о кодировке, описание содержания страницы, ключевые слова и сведения об авторе. Текст заглавия появляется в строке заголовка Web-браузера при выводе страницы на экран. Он используется также поисковыми системами Интернет, такими как Yahoo, AltaVista или Rambler. Заглавие устанавливается с помощью тегов <TITLE> и </TITLE>. Для указания кодовой страницы символов, которая использовалась при создании Web-страницы, применяется тег <META> и параметр http-equiv = "Content-Type". Например, для указания кириллической кодировки windows-1251 надо написать:

<META http-equiv="Content-Type" content="text/html; charset=windows-1251">.

Для индексации и каталогизации Web-страницы поисковыми серверами (например, Yahoo!, Lycos, Infoseek и др.) можно использовать тег <META> и параметр name="description" с описанием содержимого страницы. Например: <META name="description" content= "Официальный сайт фирмы EuroRobot, занимающейся разработкой промышленных роботов">. Аналогично можно добавить ключевые слова и имя автора страницы:

<META NAME="keywords" content="Ключевые слова">;

<META NAME="author" content="Имя автора">.

Тело Web-страницы ограничивается тегами<BODY> и </BODY>. В теге <BODY> можно использовать ряд ключевых слов (атрибутов) для установки цвета текста, фона, гиперссылок и др. Например,

<body bgcolor="#FFFFCC" text="#660099" link="#FF3399" alink="#CC3333" vlink="#669966"> Тело страницы </body>,

где bgcolor="#FFFFCC" – цвет фона; text="#660099" – цвет текста; link="#FF3399" – цвет гиперссылок; alink="#CC3333" – цвет активных гиперссылок; vlink="#669966" – цвет посещенных ранее ссылок.

В примере значения цветов приведены в шестнадцатеричном виде в формате RGB-палитры - #RRGGBB: символ#, две первые цифры – интенсивность красной составляющей, следующие две – зеленой, последние две – синей. Основные цвета можно указывать названиями (BLACK, BLUE, GREEN и т.д.).

В другом примере в качестве фона используется рисунок с именем picture1.gif - <body background="picture1.gif">Тело страницы</body>.

Подытоживая данный параграф, приведем структуру Web-страницы:

<DOCTYPE HTML PUBLIC “-//W3C/DTD HTML 3.2//EN”>

<HTML>

<HEAD>

<TITLE>Заглавие</TITLE >

<META http-equiv="Content-Type" content="text/html; charset= windows-1251">

<META name="description" content="Содержимое Web-страницы">

<META NAME="keywords" content="Ключевые слова">

<META NAME="author" content="Имя автора">

</HEAD>

<BODY bgcolor="цвет" text="цвет" link="цвет" alink="цвет" vlink="цвет">