Тэгов много, и они разные. Но среди них есть несколько, которые являются обязательными. Обязательные тэги, это такие тэги, которые вы всегда должны прописывать для каждой своей страницы. Посмотрите внимательно картинку и пример.
<html> </html> - обозначает начало и конец любого html-документа; <head> </head> - голова документа; <body> </body> - тело документа.
Все тэги, расположенные между <head> </head>, это что-то вроде служебной информации. Например <title>- заголовок. Зачем он? Откройте IE (Internet Explore) с нашим документом и устремите свой взгляд на заголовок окна... Увидели?
Все тэги, расположенные между <body> </body> - непосредственное содержание документа. Следующие несколько ступенек будут посвящены именно этим тэгам: мы узнаем, как менять цвет текста, фона, как делать текст крупнее-мельче, поговорим о картинках и многом другом.
Заголовок html-документа (<head> </head>)
Теперь давайте немного поговорим о том, что должно быть в заголовочной части страницы, - о тэгах <title>, <meta>.
Тэг <title> (контейнерный </title>) определяет название документа. Это единственный обязательный элемент заголовочной части документа. Вы можете его увидеть в самом верху окна браузера.
Сразу позаботьтесь о продуманных, отражающих содержание названиях (избегайте присваивать названия типа <Моя страница>, или <Добро пожаловать>, или <Домашняя страница>). Это может существенно усложнить поиск вашей странички через поисковые системы в Интернете.
Тэги <meta> (одиночный тэг) используют для предоставления поисковым машинам информации о документе, состоящей из ключевых слов и описания документа. Информация, находящаяся в тэгах <meta>, невидима для посетителя страницы. Метаинформацию всегда размещают в разделе <head> документа. Здесь может находиться любое количество тэгов <meta>.
Структура метатэгов: <meta name="keywords" content="слово1, слово2, слово3"> <meta name="description" content="Краткое описание страницы">
Тело html-документа (<body> </body>)
В теле документа размещается информация, которую вы видите в окне браузера, - абзацы текста, списки, графические изображения, гипертекстовые ссылки, таблицы...
Для начала создадим основу нашей будущей странички. Для этого создайте у себя на компьютере отдельную папку, все создаваемые вами документы помещайте туда. Теперь откройте блокнот - notepad (start - programs - accessories - notepad или пуск - программы - стандартные - блокнот) и скопируйте туда следующий текст:
<html> <head> <title> Моя первая страничка </title> </head> <body> Здравствуйте, это моя первая страница. <br> Добро пожаловать! </body> </html>
Сохраним этот документ, присвоив ему имя *.html. Чтобы в дальнейшем избежать недоразумений, сделаем примечание.
Сохраняйте ваш документ следующим образом:
Файл -> Сохранить Как (File -> Save as)
Дальше вводите имя своего документа, например: index.html (а не просто index; приписочка *.html должна быть обязательно).
Если вы уже сохранили ваш документ, как *.html, то при внесении изменений в этот документ вы можете уже сохранять их через Файл -> Сохранить (File -> Save).
Теперь откроем браузер, допустим, Internet Explorer (не закрывайте блокнот, он нам еще пригодится), и откроем в браузере наш документ. Файл - Открыть - кнопка Обзор - Наш документ (index.html) File - Open - Browse - index.html Если мы что-то изменим в нашем *.html документе (в блокноте), то, чтобы посмотреть, как это выглядит в нашем браузере, надо не забывать нажимать в браузере кнопку ОБНОВИТЬ. Если изменений не видно, то это значит, что вы где-то что-то неправильно написали, или забыли сохранить документ.
Посмотрим теперь, что у нас получилось.
Теперь рассмотрим атрибуты тэга <body>:
BGCOLOR - цвет фона (<body bgcolor="#CCCCCC">);
BACKGROUND - "обои" или бэкграунд (т.е. картинка на заднем фоне, доступны только 3 формата картинок: *.gif, *.jpg, *.bmp);
TEXT - цвет текста;
LINK - цвет гипертекстовой связи (ссылки);
VLINK - цвет ссылки, уже посещенной в прошлом;
ALINK - цвет активной ссылки Флаги, служащие для форматирования текста.
Пример: <body text="#000066" bgcolor="#CCCCCC"> Мы определили цвет текста во всем документе синим, а цвет фона - серым.
<html>