ВНИМАНИЕ! Конкурс по программированию!

Проект Programmers.kz и школа hotPen3D2D предлагает Вам курсы по веб-дизайну, веб-программированию и компьютерной графике. Подробности здесь.

 
Информация к новости
 (голосов: 1)

Структура HTML-документа

Категория: WEB-Design » HTML » Уроки HTML

Проведем анализ написанного нами в прошлый раз HTML файла test.html. Любой HTML документ, как отмечалось, начинается с тега

<html> и заканчивается   </html>
Все, что расположено между этими двумя тэгами
<html> ... </html>
представляет собой содержимое HTML-документа.

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

<head> и закрывающий </head>
Все что находится между ними
<head> ... </head>
представляет собой заголовок документа. Если сравнить HTML-документ с книгой, то любая книга имеет обложку с названием (заголовком). Применительно к HTML-документу названием является то, что расположено между тэгами
<title> ... </title>
Как мы уже заметили, название входит в заголовок, т.е. располагается между тэгами
<head> ... </head>
Важна последовательность записи тэгов, но не их расположение в документе. Описанную ранее страничку test.html может быть записана и как:
 
<html>
<head><title>Пример простейшей HTML странички.<title>
</head>
<body>
<p>Простейшая HTML страничка</p>
</body>
</html>

или в каком-либо другом виде. Броузер все равно правильно отобразит страницу.

Все, что располагается между

<body> ... </body>

представляет собой "тело" документа (от англ. body - тело). Т.е., применительно к книге, это то, что расположено внутри обложки книги, составляя ее содержимое.

Содержимое же в нашем случае задается с помощью пары тэгов <p> ... </p>. Символ "p" - это первая буква английского слова paragraph, означающего "абзац". Таким образом абзацы текста книги, т.е. нашего HTML-документа задаются парой тэгов <p> ... </p>. Разумеется не трудно сделать вывод о том, что пар тэгов:

<p> ... </p>

может быть сколь угодно много, но "тело" <body> ... </body> может быть только одно. Равно как и
<head> ... </head>, <title> ... </title> и <html> ... </html> - в одном экземпляре на HTML-документ.


Источник: web-brodilka.ru
Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.

Добавление комментария

Имя:*
E-Mail:
Комментарий:
Введите два слова, показанных на изображении: *