Работа с текстом. Абзацы и переносы строк в HTML.

Настало время познакомиться с первыми тэгами HTML, которые мы будем использовать на веб-странице.

Давайте начнем знакомство с тэгами HTML с тэгов, которые предназначены для работы с текстом. 

Все основное содержимое, которое должно выводиться в браузере, должно располагаться внутри элемента <body>. Все команды и тэги будем писать именно там. Давайте вставим туда какой-либо произвольный текст, которые не содержит пока никаких тэгов.

Обратите внимание, что внутри текстового редактора для вставленного текста есть абзацы, переносы строк и.т.д. Т.е. текст отформатирован.

Если же открыть этот текст внутри браузера, все отступы и абзацы пропадают. Браузер воспринимает всю текстовую информацию как одну строку. 

Каким образом можно разбить этот текст на абзацы?

Для того, чтобы разбить текст на абзацы, существует специальный HTML - элемент, который пишется следующим образом:

<p>Содержимое абзаца.</p>

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

Давайте с помощью этого элемента оформим сейчас наш текст. Каждый абзац разместим в этот тэг.

После этого текст будет разбит на абзацы и все будет отображаться намного лучше.

Возникает еще одна проблема. Как быть если нам нужно текст, который находится внутри одного абзаца, сделать в какой-то определенной его точки принудительный перенос строки.

Часто это может понадобиться при форматировании определенным образом текста на странице. 

Для того, чтобы выполнить этот самый перенос строки в HTML есть специальный тэг, который называется:

<br>

Этот тэг нужно вставить в то место, где нужно выполнить принудительный перенос строки.

Элементы p и br - это одни из самых часто встречаемых элементов на веб-странице. С ними часто приходится работать при создании веб-страниц и работе с HTML.

Попробуйте сейчас поработать и поэкспериментировать с ними. 

Чтобы оставить комментарий или отчет по выполнению задания, зарегистрируйтесь на сайте.