В этом уроке поговорим о параграфах.
Параграф обозначается элементом <p>...</p>.Тег <p> имеет атрибут ALIGN, который выравнивает параграф относительно горизонтальных сторон документа при помощи следующих значений:
- align="center" — выравнивание по центру
- align="right" — выравнивание по правому краю страницы
- align="left" — выравнивание по левому краю окна браузера(по умолчанию)
- align="justify" — выравнивание одновременно по обоим краям веб-страницы
Рассмотрим всё на примерах, для этого в шаблон вставим элементы параграфа с тремя разными значениями:
<html>
<head>
</head>
<body>
<p align="center">Абзац, выравненный по центру</p>
<p align="right">Абзац, выравненный по правому краю</p>
<p align="justify">Абзац, выравненный по обоим краям веб-страницы (это значение «justify» параметра «align» работает только, если длина текста превышает размеры документа), при меньшей длине — выравнивание по-умолчанию.</p>
</body>
</html>
В браузере этот код выглядит так:
Следует заметить, что после закрывающего тега </p> происходит автоматический перенос строки. Но как быть, если Вам совсем не нужен этот перенос? Есть тэг альтернативный тегу <p align="center"> — это тег <center></center>. Отличие в расстоянии между строками наглядно видно из нижнего скриншота, после вставки в тело шаблона следующих строк:
<html>
<head>
</head>
<body>
<center>Центрирует текст без переноса строки</center>
<center>Центрирует текст без переноса строки</center>
</body>
</html>
А так на мониторе:
Разделение текста на параграфы значительно улучшает читабильность текста и не отпугивает посетителей сайта. Попробуйте сами написать длинный текст, или скопируйте на любом сайте и вставьте в шаблон вначале без разделения на абзацы.А затем используйте тег <p> — и Вы сразу почувствует разницу.