Каждый 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>.