Начиная писать html-документ, имеет смысл идентифицировать его как таковой. Такая идентификация достигается путем вставления в самое начало документа тегов <!doctype html public ``-//w3c//dtd html 3.2//en''> и <html> (соответственно, в конец документа, закрывающего тега </html>; никогда не забывайте закрывать скобки!). Тег doctype является тегом языка sgml и объявляет, что документ будет описан в соответствии со спецификацией html 3.2. Тег html указывает на начало документа. Теперь пора подумать об информационном наполнении. Начнем, естественно, с заголовка. Заголовок html-файла находится в обязательной секции <head>, которая должна находиться в самом начале, то есть сразу после тега <html>. Оформляется заголовок с помощью тега <title>. Назовем наш документ ``the first homepage''. Ниже приведен листинг получившегося html-документа:
<html>
<head>
<title>the first homepage</title>
</head>
</html>
Попробуем просмотреть этот файл с помощью какой-нибудь программы просмотра, например, navigator фирмы netscape communications corp. После загрузки экран программы остался пустым. ``А где же заголовок?'',- спросит возмущенный читатель. Присмотритесь повнимательней к ЗАГОЛОВКУ ОКНА программы просмотра в оконной системе и убедитесь, что заголовок отображен именно там. Тег <title> позволяет задавать название для всего документа. Это название будет появляться в заголовке окна программы просмотра, а также будет появляться в списке закладок (bookmarks, shortcuts в различных терминологиях) при создании таковых.
Другими элементами секции <head>...</head> являются:
<base параметры> - тег для указания url документа. Тег имеет такие параметры:
href - указывает базовый url для документа. Замечание: url должен быть указан в полной форме.
target - указывает окно для отображения документов, на которые ссылается данный документ.
<style> - тег, зарезервированный для использования в будущем для так называемых ``стилей'' (stylesheets). Точный синтаксис тега пока недокументирован.
<meta параметры> - тег, который теоретически должен использоваться для включения в документ некой специфичной информации для программ-индексаторов, каталогизаторов и т. д. Кроме того, у него есть несколько полезных параметров, позволяющих страницам сменять друг друга по прошествии определенных промежутков времени. Тег имеет следующие параметры:
http-equiv=``refresh'' - указывает программе просмотра, что нужно перепрыгнуть на страничку, указанную в параметре content по прошествии указанного там же промежутка времени.
content=``number; url=url'' - задает временной интервал number и url для команды http-equiv=``refresh''.
name=``description'' или name=``keywords'' - указывает серверу, как интерпретировать параметр content - как описание документа или как список ключевых слов.
content=``text или список значений'' - это не опечатка. У параметра content два смысла: один для команды http-equiv=``refresh'', другой для команды name. В последнем случае значение параметра определяет либо описание документа (если параметр name=``description''), либо список разделенных запятыми ключевых слов (если параметр name=``keywords'').
Теперь перейдем к оформлению содержимого документа. В терминах html содержимое документа называется его ТЕЛОМ, или по-английски - body. Именно так и называется тег, в поле действия которого находится все содержимое (то есть, оно заключено между внутри тега <body>...</body>). Тег <body>...</body> может содержать дополнительные параметры, позволяющие изменить цвета, используемые в документе или назначить фоновую картинку:
bgcolor - определяет цвет фона документа. Цвет может быть задан как rgb-триплет (например, bgcolor="#ffffff"-белый цвет), или быть одним из предопределенных символьных имен:
aqua black blue fuch
gray green lome maroon
navy olive purple red
silver teal white yellow
background - позволяет задать фоновую картинку для документа. Картинка будет размножена (tiled) и покроет всю видимую площадь области отображения окна программы просмотра.
text - задает цвет текста документа. Цвет задается так же как и для параметра bgcolor.
link - задает цвет для текста и рамок изображений в активных зонах документа, содержащих ссылки (anchors).
vlink - (visited links color) задает цвет для ранее выбранных ссылок.
alink - (active links color) задает цвет для ссылок в момент выбора.
