Структура простого html документа

Страница 1 из 1
1

Кирилл

Среда, 27.07.2011, 18:41 | Сообщение # 1

Сообщений:

358

Награды:

Замечания:

Прежде всего хочу пояснить что HTML документ состоит из тегов, из которых и собирается вся интернет страничка. Тэг - это единица HTML-кода. Например ,,.
Структура самого простого HTML документа имеет следующий вид:

Code

<HTML>
<HEAD>
<TITLE>ЗАГОЛОВОК ДОКУМЕНТА</TITLE>
</HEAD>
<BODY>
ПЕРВЫЙ ТЕКСТ НА СТРАНИЧКЕ
</BODY>
</HTML>

Перепечатайте данный код и сохраните его например UROK1.HTM ( название файла должно состоять из латинских букв или цифр, расширение файла должно быть ИМЯ.HTM либо ИМЯ.HTML ). Затем запускаем интернет обозреватель и открываем сохраненный нами файл.

Теперь подробнее познакомимся с каждым тегом.

Любой HTML документ должен начинаться с тега и заканчиваться тегом . Это дает понять интернет обозревателю, что это действительно HTML документ, а не MP3 ( музыка ), или GIF ( картинка ).

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

Следующий тег -

Далее следует закрывающийся тег . Он говорит что название документа закончилось.
За ним следует другой закрывающийся тег - . Он в свою очередь говорит, что завершена служебная информация.

Далее между открывающимся тегом и закрывающимся , следует информация, располагаемая на самой странице, ту которую мы видим. ( Текс, рисунки, ... ). В приведенном нами коде

Code

<HTML>
<HEAD>
<TITLE>ЗАГОЛОВОК ДОКУМЕНТА</TITLE>
</HEAD>
<BODY>
ПЕРВЫЙ ТЕКСТ НА СТРАНИЧКЕ
</BODY>
</HTML>

Это текст: <<ПЕРВЫЙ ТЕКСТ НА СТРАНИЧКЕ >>.

Ну и в конце, как говорилось ранее, закрывающийся тег . Он говорит о завершении страницы.

Схематически весь наш HTML документ будет выглядеть так:

Code

<HTML>
Начало документа.

<HEAD>
Служебная информация. ( Название страницы, ее автор, ключевые слова, и т.д. )
</HEAD>

<BODY>
Тело документа. ( Все, что видно на страничке - текс, рисунки, и т.д. )
</BODY>

</HTML>
Конец документа.

Структура простого html документа

Страница 1 из 1
1