Урок 4. Содержание страницы

Теперь перейдём непосредственно к содержанию страницы. Содержание страницы - это то что мы видим в браузере (текст, картинки и другие элементы веб-страницы). Содержание страницы заключается в тег <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> можно менять стиль текста.

Предыдущий урок

Следующий урок