Итак, начнем с начала. Язык гипертекстовой разметки это просто правила, подчиняясь которым браузер клиента форматирует текст и отображает графику. Правила представляют собой набор тегов (контейнеров) имеющих свойства.
Рассмотрим три основных контейнера присутствующие в любой web-странице.
<html>...</html>
тег содержит в себе остальные теги или всё содержимое страницы. Другими словами код web-страницы всегда начинается с тега
<html> и заканчивается тегом </html>.
Далее существуют два основных тега, которые делят страницу как бы на две части: техническую и пользовательскую.
<head>...</head>
тег
содержит служебную информацию, которая не видна для пользователя (кроме заголовка), но является инструкциями для браузера пользователя.
<body>...</body>
тег содержит информацию видимую для пользователя. Скажем простой текст между этими тегами будет виден в окне браузера.
:: Пример 1 (<head>)
<head>
<title>999.9 школа web-дизайна</title>
<meta name="Description" content="Графические интерфейсы для создания сайта">
<meta name="Keywords" content="web-дизайн, создание сайта, разработка сайта, базы данных, каталог, интернет-магазин, форум, чат, гостевая книга, доска объявлений">
</head>
Описание вложенных тегов контейнера <head> было вВыпуске 3
:: Пример 2 (<body>) <body bgcolor="#2C3A52" alink="#FFFFFF" vlink="#999999" text="#828282">
Простой текст видимый на странице
</body>
ниже раскрыты свойства тега <body>
bgcolor="#2C3A52" - цвет фона страницы
alink="#FFFFFF" - цвет активной ссылки
vlink="#999999" - цвет ссылки, по которой был переход text="#828282"- цвет текста на странице :: Пример 3 (страница полностью)
<html>
<head>
<title>999.9 школа web-дизайна</title>
<meta name="Description" content="Графические интерфейсы для создания сайта">
<meta name="Keywords" content="web-дизайн, создание сайта, разработка сайта, базы данных, каталог, интернет-магазин, форум, чат, гостевая книга, доска объявлений">
</head>
<body bgcolor="#2C3A52" alink="#FFFFFF" vlink="#999999" text="#828282">
Простой текст видимый на странице
</body>
</html>
Из вышеизложенного видно, что главный тег <html> содержит в себе два основных тега <head> и <body>. Каждый из которых, в свою очередь может содержать другие теги. Скажем, кроме текста тег <body> может содержать графику и это будет выглядеть в коде таким образом:
:: Пример 4
<body bgcolor="#2C3A52" alink="#FFFFFF" vlink="#999999" text="#828282">
Простой текст видимый для пользователя на странице.
<img src="filename.jpg">
</body>
где filename.jpgграфический файл.
:: тематический архив лекций по web-дизайну (машина времени)