logo

Разметка страницы html

Название страницы

Сразу скажу, что html не является языком программирования, он предназначен для разметки страниц сайта. С помощью html мы размечаем всё что будет находиться на странице — текст, таблицы, картинки и т.д. За разметку расположения на странице всех элементов отвечают специальные метки, которые называются тегами.

Страница состоит из двух основных раздела — это верх сайта, или по другому его называют шапкой сайта, и тела страницы, где располагается текст, картинки и другие элементы. Рассмотрим код:

<html>
<head>
<title>Моя первая страница</title>
</head>
<body>
Ура!!! Получилось!!!

Можно развивать страницу дальше!
</body>
</html>

Всё, что располагается в фигурных скобках <> называется тегами. Рассмотрим каждый из них.

Теги <html></html> означают, что это документ html. Тег <html> открывает документ и после наполнения документа информацией он обязательно должен закрываться закрывающим тегом </html>

Внутри html-документа располагаются две части страницы:

  1. <head></head> - это верхняя часть документа, в которой в основном располагается служебная информация
  2. <body></body> - между этими тегами располагается непосредственное содержание документа - вставляете текст картинки и т.д.

Как Вы заметили, в верхней части документа есть еще один обязательный тег — <title>. Этот тег выводит название страницы в браузере, смотрите на рисунке:

Вывод названия страницы

Это основные теги разметки страниц. Между ними может располагаться еще большое количество разнообразных тегов, которые будут отвечать за расположение элементов страниц.

Все открывающие теги обязательно закрываются закрывающимися. Есть еще теги, которые закрывать не надо, такие как <br> -перенос строки, <hr> — разделительная полоса и т.д. Такие теги всё реже встречаются, но иногда могут пригодиться.

Разметка страницы html обновлено: Июль 31, 2016 автором: admin

Оставить комментарий

▲Вверх