Параграфы

ПараграфВ этом уроке поговорим о параграфах.
Параграф обозначается элементом <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>

В браузере этот код выглядит так:

 

paragraph
Следует заметить, что после закрывающего тега </p> происходит автоматический перенос строки. Но как быть, если Вам  совсем не нужен этот перенос? Есть тэг альтернативный  тегу <p align="center"> — это тег <center></center>. Отличие в расстоянии между строками наглядно видно из нижнего скриншота, после вставки в тело шаблона следующих строк:

<html>
<head>
</head>
<body>
<center>Центрирует текст без переноса строки</center>
<center>Центрирует текст без переноса строки</center>
</body>
</html>

А так на мониторе:

 

тег_center
Разделение текста на параграфы значительно улучшает читабильность текста и не отпугивает посетителей сайта. Попробуйте сами написать длинный текст, или скопируйте на любом сайте и вставьте в шаблон вначале без разделения на абзацы.А затем используйте тег <p> — и Вы сразу почувствует разницу.

Поделиться в соц. сетях

Опубликовать в Google Buzz
Опубликовать в Google Plus
Опубликовать в LiveJournal
Опубликовать в Мой Мир
Опубликовать в Одноклассники

Реклама

Оставить комментарий

Перед отправкой формы:
Human test by Not Captcha