Всё о html -> Для сайтостроителей -> Форум oleh4.pp.ua: общение без ограничения

�

"Тег - основной элемент HTML"
Что такое HTML страница - это обычный текстовый файл имеющий расширение .html Для создания HTML страницы не требуется никаких специальных программ. Подойдет любой текстовый редактор умеющий сохранять файлы в обычном текстовом формате. Таким редактором, например, являются Notepad (Блокнот), входящий в стандартные средства Windows. Итак, давайте рассмотрим основные элементы из которых состоит любая HTML страница. Для начала необходимо дать определение тега.

HTML Тег:
Это специальное указание того как нужно отображать элемент (текст, картинка и т.п.) на странице. Можно рассматривать тег как команду содержащую название и параметры.
Тег выглядит следующим образом:
<ТЕГ>элемент страницы</ТЕГ>
Далее в этом руководстве все HTML теги будут помечены красным цветом, а текст будет отмечены зеленым. Как видите тег состоит из треугольных скобок '<>'. Между треугольными скобками пишется название тега и его параметры.

"Правила написания тегов"
Итак, вы познакомились с понятием тегов в HTML. Давайте теперь рассмотрим правила написания тегов. Существуют следующие правила:

• Все теги пишутся в треугольных скобках '<ТЕГ>'
Открывающий тег состоит из треуголных скобок, названия тега и его параметров(необязательно). Закрывающий тег состоит из скобок, символа '/' слеш и названия тега.
• Параметры тега пишутся через пробел.
После названия тега могут стоять его параметры. Все параметры разделяются пробелом. Перенос строки в HTML равнозначен пробелу.
<ТЕГ ПАРАМЕТР1=значение ПАРАМЕТР2=значение ...>
• Значение параметра заключается в кавычки.
Значение параметры пишется после знака равно и заключается в кавычки "". Если значение параметра не содержит пробелов, то кавычки можно опустить. Для избежания путаницы лучше писать все значения параметров в кавычках.
• Большинство тегов требует закрытия.
Если вы не закроете тег, то в больштнстве случаев ошибки не будет, но он будет действовать до конца страницы. Исключением являются таблицы (обсуждается в разделе о таблицах).
• Правило закрытия тегов
Всегда закрывайте теги в порядке очередности. Первым закрывайте тот тег, который открыли последним, затем тот, который открыли перед ним и т.д. <ТЕГ1> <ТЕГ2> <ТЕГ3> ... </ТЕГ3> </ТЕГ2> </ТЕГ1>
• Регистр букв не имеет значения.
В HTML не важно какими буквами маленькими или большими написан код. Можно писать все теги большими и маленькими буквами или даже так <тЕг></ТеГ> Совет: пишите все теги в одном стиле. Например, пишите все теги и названия параметров большими буквами. Так в будущем вам будет легче разобраться в коде собственных страниц.
• Порядок параметров не имеет значения.
Не имеет значения в каком порядке написаны параметры внутри тегов. Оба следующих варианта верны:
<ТЕГ1 ПАРАМ1=знач. ПАРАМ2=знач. ПАРАМ3=знач.>
<ТЕГ1 ПАРАМ3=знач. ПАРАМ1=знач. ПАРАМ2=знач.>
"Ваша первая HTML страница"
Давайте создадим свою первую HTML страницу. Откройте любой обычный текстовый редактор способный сохранять файлы в обычном текстовом формате. Например вы можете открыть Notepad (Блокнот), входящий в стандартный набор программ Windows. Чтобы запустить Notepad откройте меню Windows в правом нижнем углу Start(Пуск), затем Programs(Программы), затем Accessories(Стандартные) и Notepad(Блокнот). Или же просто выберите пункт меню Start(Пуск), а затем Run(Выполнить) и в появившемся диалоговом окне напечатайте "Notepad".

Теперь давайте напечатаем следующий HTML код в Блокноте(сначала напечатайте текст, а затем мы разберем подробно каждую строку и каждый тег): <HTML>

<HEAD>
<TITLE>Моя первая страница!</TITLE>
</HEAD>

<BODY BGCOLOR=white>

Привет! 
Это моя первая страница.

</BODY>

</HTML>

Для того, чтобы увидеть как будет выглядеть эта страница, нажмите здесь. Теперь можете сохранить свою страницу в Notepad, назвав ее например myfirstpage.html

Запомнить:
Любая HTML страница имеет расширение .html или .htm

Можете теперь открыть вашу первую страницу в броузере и убедиться что она выглядит именно так как в нашем примере. Для этого можно просто нажать два раза мышкой на названии страницы в Explorer(Проводнике) Windows. Или же запустите броузер (Internet Explorer, Netscape Navigator или другой) и впишите в строке адреса disk:\путь\название.html Здесь disk - ваш диск (C,D и т.д.), путь - путь до директории в которую вы сохранили файл (например \Documents\HTML\), название.html - название файла (в нашем примере это myfirstpage.html).

"Структура HTML документа"
Рассмотрим структуру HTML документа на примере только что созданной вашей первой страницы. Откройте в Notepad сохраненную страницу myfirstpage.html Основными элементами любого HTML документа являются следующие составляющие:

<HTML>
этот тег открывается в самом начале документа и закрывается в самом конце документа. Единственное его назначение - сообщить программе открывающей документ, что этот документ является именно HTML документом.
<HEAD>
После тега HEAD идет заголовочная часть HTML документа, в которой сообщается системная информация о странице. Единственной системной информацией в нашем примере является тег TITLE
<TITLE>
Этот тег вставляется между открывающим тегом <HEAD> и закрываюшим тегом </HEAD> Информация между открывающим и закрывающим тегами TITLE является названием вашей страницы. Это название будет использоваться программой просмотра (броузером) и поисковыми системами в Интернет. В нашем примере заголовок Моя первая страница! высвечивается в самой верхней области броузера.
<BODY>
Все что находится между открывающим и закрывающим тегами BODY является телом вашей страницы и отображается непосредственно на странице. Если вы напишите текст или вставите картинку не между открывающим и закрывающим тегами BODY они все равно отобразятся на вашей странице. Но этого не следует делать, по той причине, что это может повлиять на отображение в некоторых нестандартных броузерах, а также может отразится на регистрации ваших страниц в поисковых системах.
Итак, в общем случае любая ваша HTML страница должна вписываться в следующую схему(черным цветом выделены комментарии не относящиеся содержанию HTML кода): <HTML> начало HTML документа
<HEAD> начало заголовочной части
<TITLE>...</TITLE> название страницы
<HEAD> конец заголовочной части
<BODY BGCOLOR=white> начало тела документа

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

</BODY> конец тела документа
</HTML> конец HTML документа

�