Определяет текстовый абзац. Элемент p является блочным, всегда начинается с новой строки, абзацы текста идущие друг за другом разделяются между собой отбивкой. Величиной отбивки можно управлять с помощью стилей. Если закрывающего тега нет, считается, что конец абзаца совпадает с началом следующего абзаца или другого блочного элемента.
Буква «p» взята из слова «paragraph», что как-раз обозначает «абзац».
Внутри параграфа должен быть только текст и строчные элементы. Списков, таблиц, картинок внутри параграфа быть не должно. Это будет считаться ошибкой.
Хотя закрывающий тег у параграфа теоретически не обязателен, но я крайне рекомендую всегда закрывать все параграфы. Таким образом вы избежите путаницы и ваш код будет более валидным.
Конечно, абзацы помогают в структурировании документов. Но для того, чтобы разбить большой текст на меньшие логические части, можно озаглавить каждую из них. Каждая часть может содержать еще подчасти, со своими заголовками нижнего уровня, и так далее. Для задания заголовка, служат теги h1, h2, h3, h4, h5, h6. Заголовок тем ниже уровнем, чем больше это число. То есть, заголовок самого верхнего уровня будет называться h1, а самого нижнего — h6. По-умолчанию, текст, находящийся в этих заголовках, отображается большим шрифтом с отступами. Этот текст отображается на всю строку, то есть теги h являются блочными. У тега h1 шрифт самый крупный, а у тега h6 — самый мелкий. Как правило, на странице один, максимум — два тега верхнего уровня h1. С понижением уровня, количество тегов возрастает. Но редко какой веб-мастер сможет разбить текст так, что ему понадобятся заголовки 5 или 6 уровня. Даже 4 уровень применяется редко.
Создадим несколько примеров
Иногда требуется перевести строку, не заканчивая при этом мысль, не закрывая абзац. То есть, просто перейти на новую строку. Для этого есть одиночный тег br. Вот пример его применения:
Я памятник себе воздвиг нерукотворный,
К нему не зарастет народная тропа,
Вознесся выше он главою непокорной
Александрийского столпа.
Это очень спецэфичное средство для визуального разделения частей. Часто его можно заменить, применив CSS, но иногда этот тег может оказаться полезен. А вот и его пример:
Можно заметить, что тег одиночный. Если поместить его на страницу, то мы увидим горизонтальную линию, настолько широкую, на сколько позволяет рястянуться область, в которую она вставлена. Линия имеет ширину 2 пикселя и серый цвет. Но это легко меняется при помощи CSS. Пожалуй, это все, что стоит сказать про этот тег.