Теперь перейдём непосредственно к содержанию страницы. Содержание страницы - это то что мы видим в браузере (текст, картинки и другие элементы веб-страницы). Содержание страницы заключается в тег <body>
.
Большие тексты принято делить на заголовки и подзаголовки. Они в языке HTML обозначаются шестью тегами: от <h1>
до <h6>
. Причём, <h1>
является более важным заголовком, то есть заголовком верхнего уровня.
Абзац выделяется с помощью тега <p>
.
Например, мы хотим описать страницу собственного веб-сервера умного дома. Попробуем описать простейшую страницу с помощью тегов описания текста.
<body> <h1>Состояние световых приборов</h1> <p>Все лампочки выключены</p> </body>
Здесь мы описали заголовок и затем основной текст страницы поместили в теги абзаца.
Можно выделить текст цветом (и/или назначить определённый шрифт и размер). Делается это с помощью тега <font>
и его атрибутов: color
- отвечает за цвет, face
отвечает за шрифт, size
отвечает за размер текста. Попробуем выделить текст “выключены” красным цветом:
<p>Все лампочки <font color=red>выключены</font></p>
Полностью код страницы будет следующий:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Мой веб-сервер Гиккон</title> </head> <body> <h1>Состояние световых приборов</h1> <p>Все лампочки <font color=red>выключены</font></p> </body> </html>
Вид страницы в браузере:
Окно страницы в браузере.
Запомнить:
<h1>
до <h6>
в зависимости от важности<h1>
- является наиболее важным, тег <h6>
- наименее важен<p>
, а с помощью тега <font>
можно менять стиль текста.