Урок 2. Документ. Голова. Тело

Запустив даже самый простой текстовый редактор, набрав вот такой текст


<html>
<head>
<meta charset="utf-8" />
<title>Моя первая страница</title>
</head>
<body>
Это работает! ;-)
</body>
</html>

и сохранив его с расширением *.htm или *.html, вы получите простую веб-страницу. Посмотрим?!

А теперь давайте разбираться.

Страница на языке HTML — это обычный текст, в который добавлены теги. Теги — это слова-команды для браузера, благодаря им он определяет, какие типы объектов находятся на странице, и показывает отмеченные объекты в соответствии с заданным стилем. Имя тега заключается в угловые скобки — < >. Многие теги парные, и если есть открывающий тег, то должен быть и закрывающий, например, веб-страница открывается тегом <html> и закрывается тегом </html>. В нашем примере тоже есть эти теги, вот они выделены:


<html>
<head>
<meta charset="utf-8" />
<title>Моя первая страница</title>
</head>
<body>
Это работает! ;-)
</body>
</html>

Итак, теги <html> и </html> — это теги начала и конца веб-страницы.

После того, как мы обозначили начало и конец веб-страницы, можно говорить о ней как о целом. И это целое разделяется на две части. Во-первых, тело страницы — это то, что будет отображено на экране в окне браузера, и, во-вторых, головная информация, которая предшествует телу, но на экране почти не отображается.

Головная информация заключается в теги <head> и </head>. И всё, что находится между этими тегами, является головной информацией.


<html>
<head>
<meta charset="utf-8" />
<title>Моя первая страница</title>
</head>
<body>
Это работает! ;-)
</body>
</html>

Тело страницы заключается в теги <body> и </body>. И почти всё, что находится между этими тегами, будет отображено на экране.


<html>
<head>
<meta charset="utf-8" />
<title>Моя первая страница</title>
</head>
<body>
Это работает! ;-)
</body>
</html>

Тег <meta /> в головной части нашего примера сообщает браузеру, в какой кодировке подготовлена веб-страница. Вы обратили внимание, что тег <meta /> непарный и свойства этого тега прописаны внутри угловых скобок?. Теги <title> и </title> заключают в себе информацию, которая будет отображена в заголовке окна браузера.

Урок 1 Содержание Урок 3