Абзац в веб-документе

Теперь, когда у вас есть базовая структура документа HTML, можно наконец добавить немного контента.

Вернитесь в текстовый редактор и добавьте в код вашей веб-страницы еще одну строку:


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
    <title>Моя первая веб-страница</title>
</head>
<body>
    Это моя первая веб-страницы
    Вот здорово
</body>
</html>

Посмотрите на получившийся документ в браузере.

Наверное, вы ожидали, что в браузере ваш документ будет отображаться так же, как вы его писали, т.е. на двух строчках. Однако вместо этого вы увидите что-то вроде:


Это моя первая веб-страница Вот здорово

Это произошло потому, что браузер совершенно не обращает внимание на количество строк, на которых расположен код веб-страницы. Также ему безразлично сколько пробелов вы ввели между словами (вы получите тот же результат, если напишите " Это моя первая веб-страница Вот здорово").

Если вы хотите, чтобы текст отображался на разных строках, вы должны ясно указать это, определив абзац HTML.

Измените две строки вашего контента следующим образом:


<p>Это моя первая веб-страница</p>
<p>Вот здорово</p>

Тег <p> создает параграф или абзац HTML.

Посмотрите на получившуюся веб-страницу в браузере: теперь две строки текста в браузере отображаются также на двух строках.

Рассматривайте контент HTML документа, как текст книги – с делением на параграфы и абзацы HTML там, где это необходимо.

Выделение текста

Вы можете внутри абзаца HTML выделять текст при помощи тега <em> (акцент) и тега <strong> (усиленный акцент). Оба эти тега в принципе делают одно и то же – выделяют текст, хотя традиционно браузеры отображают текст внутри тега <em> курсивом, а внутри тега <strong> жирным шрифтом.


<p>
    Вот это <em>простой акцент</em>.
    А это <strong>усиленный акцент</strong>.
</p>

Разрыв строки

Для разделения строк также можно использовать тег разрыва строки <br>:


Это моя первая веб-страница<br />
Вот здорово!

Тем не менее, данный метод часто приводит к разным злоупотреблениям и в тех случаях, когда один блок текста должен быть отделен от другого, не рекомендуется к использованию (так как если речь идет об абзацах HTML, то лучше использовать элемент <p>).

Обратите внимание, что в связи с тем, что внутри элемента разрыва строки не используется контент, у него нет закрывающего тега, и он закрывает сам себя при помощи символа "/", который следует за именем тега "br".