Создание документа и описание его свойств


Каждый HTML-документ должен начинаться с тэга <html> и заканчиваться тэгом </html>, а между ними будет находиться все остальное. Эти тэги указывают начало и конец html-документа. То есть Internet Explorer начинает расшифровку с тэга <html> и заканчивет ее после </html>

Внутри html-документа различают две основных части: голова и тело документа. Голова Документа заключается в тэги <head> и </head>. В голове документа мы описываем содержание документа, кодировку и надпись в заголовке окна. В теле мы описываем все, что будет находиться в главном окне броузера.


Содержимое головы документа

<title> </title> текст, размещенный между этими тэгами будет в заголовке окна (строка, в которой слева размещается название программы и открытого в ней файла, а справа - кнопки управления окном
<meta name=”keywords” content=”...“ > в этом тэге вместо многоточия через запятую указываются ключевые слова, которые просматриваются поисковым сервером во время поиска того или иного сатйа
<meta name=”description” content=”...”> в этом тэге вместо многоточия указывается описание сайта, которое появляется на экране в результате поиска Вашего сайта по ключевым словам
<meta http-equiv="Content-type" content="text/html; charset=windows-1251"> данный тэг говорит о том, что Ваш сайт должен отображаться на русском языке, в данном случае кодировка сайта - "Windows-1251" (Кириллица-Windows)
<meta name="autor" Content="Ваши Ф.И.О., E-Mail..."> здесь указывается информация о создателе сайта
<meta http-equiv="Expires" Content="Mon, 1 Feb 2004 00:00:01 GMT"> дата и время последнего обновления сайта

ПРИМЕЧАНИЕ: Meta-тэги не требуют закрывающих тэгов и указываются в единственном экземпляре. В зависимости от указываемых атрибутов имеют разное значение.

Рассмотрим этот материал на примере сайта, который Вы сейчас читаете. Здесь показано, как в meta-тэгах главного файла этого сайта (index.html) записаны ключевые слова, описание, кодировка и заголовок:

<html>
<head>
<meta name=”keywords” content=”HTML, web-дизайн, язык html“>
<meta name=”description” content=”Краткое руководство по созданию web-сайтов для начинающих web-мастеров”>
<meta http-equiv="Content-type" content="text/html; charset=windows-1251">
<title>Краткое пособие по HTML</title>
</head>
</html>

То, что находится между тэгами "title" Вы можете лицезреть в заголовке окна.

Все Ваши html-файлы должны иметь такое же начало, как показано выше, но с другими значениями атрибутов. То есть, в заголовке окна, в описании и ключевых словах Вы должны указать то, что соответствует теме, которой будет посвящен Ваш сайт.


Тело документа

После того, как мы описали голову документа, мы можем приступать к телу. Тело документа - это то, что будет отображаться непосредственно в окне броузера, в котором находится сейчас читаемый Вами текст. Описывается тело тэгами <body> и </body>. Причем, в открывающем тэге может быть много разных атрибутов. Сначала посмотрим какой все это должно иметь вид, а затем рассмотрим эти атрибуты отдельно.

<html>
<head>
<meta name=”keywords” content=”HTML, web-дизайн, язык html“>
<meta name=”description” content=”Краткое руководство по созданию web-сайтов для начинающих web-мастеров”>
<meta http-equiv="Content-type" content="text/html; charset=windows-1251">
<title>Краткое пособие по HTML</title>
</head>
<body bgcolor="#ffffff" text="#000000" link="#0000ff" alink="#0000ff" vlink="#0000ff" background="bg.jpg" bgproperties="fixed" leftmargin="4" rightmargin="4" topmargin="2" bottommargin="6">

Здесь размещается то, что должно быть в главном окне

</body>
</html>

Рассмотрим теперь все указанные выше атрибуты тэга "body":

bgcolor="#ffffff" в кавычках со знаком "#" указывается цвет фона, в данном случае - белый (кодирование цвета в другом разделе)
text="#000000" цвет текста (здесь - черный)
link="#0000ff" цвет ссылкок (здесь - синий)
alink="#0000ff" цвет ссылок в момент нажатия (здесь - синий)
vlink="#0000ff" цвет ссылок на которые пользователь уже нажимал (здесь - синий)
background="bg.jpg" в качестве фона можно использовать картинки, в данном случае это файл "bg.jpg". Если есть этот атрибут, то атрибут "bgcolor" можно не указывать
bgproperties="fixed" этот атрибут делает картинку, которая используется в качестве фона, неподвижной при использовании полосы прокрутки
leftmargin="4" левое поле (расстояние от края окна до текста), в кавычках пишется количество пикселов
rightmargin="4" правое поле
topmargin="2" верхнее поле
bottommargin="6" нижнее поле

Ни один из указанных атрибутов не является обязательным. Если не указать цвет, которым будут отображаться те или иные элементы страницы, то будут использовани значения "по умолчанию" (то есть стандартные значения): фон будет белым, текст - черным, ненажатые ссылки - ярко-синими, нажатые - фиолетовыми.

ПРИМЕЧАНИЕ: тщательно подбирайте цвета фона и текста. Если пользователь увидит нечитабельный сайт, он его тут же покинет. Цветовая палитра Вашего сайта не должна быть пыткой для зрения!!!

ВНИМАНИЕ: во всех остальных разделах (кроме раздела "фреймы") рассказывается о содержимом тела документа, то есть о том, что размещается между тэгами <body> и </body>.

НАЗАД    ДАЛЬШЕ