Параграфы
Четверг, 12 августа 2010 г.Рубрика: Уроки HTML -> Работа с текстом
Метки: align | p | параграфы
Просмотров: 734
Подписаться на комментарии по RSS
В этом уроке мы поговорим о параграфах. Параграфы вводятся тэгом:
<p></p>
С помощью параграфов мы можем центрировать текст:
<p align="center">текст</p>
С помощью параграфов мы можем выровнять текст по левому краю:
<p align="left">текст</p>
По правому краю документа:
<p align="right">текст</p>
По обоим краям документа:
<p align="justify">текст</p>
Теперь введем параграфы в нашу страницу и посмотрим наглядно, что
получится (в наш пример мы подставили параграф с атрибутом центрирования
текста (align="center"), попробуйте подставить в параграф атрибут align
с другими значениями: Left, Right, Justify).
Кстати, правильно говорить не выравнивание, а выключка: выключка по
левому краю, правому, центру, по обоим краям.
<tt><html> <head> <title>Мой первый сайт </title> </head> <body text="#336699" bgcolor="#000000"> <p align="center"> Это мой сайт <br> <font color="#CC0000"> Добро пожаловать!</font></p> </body> </html> </tt>
Вернемся к нашему HTML и параграфам. Запомните: никогда нельзя вводить в
документ подобную конструкцию:
<tt><p></p> </tt>
Пустые элементы <p> без какого-либо содержания (других тэгов или
текста) могут игнорироваться броузерами. Не забывайте это. Заметьте, что
текст в документе, если не задавать параграфы, всегда выравнивается (
по умолчанию ) по левому краю. Также запомните, что после закрывающего
тега </p> автоматически происходит перенос строки. Но что делать,
если вам этот перенос никак не нужен? Есть тэг альтернативный <p
align="center">:
<tt><center> текст </center> </tt> <p class="script"> <tt><html> <head> <title>Мой первый сайт</title> </head> <body text="#336699" bgcolor="#000000"> <center> Это мой сайт <br> <font color="#CC0000"> Добро пожаловать!</font></center> </body> </html> </tt>
Конечно тэг <center> хорош, но он остался ещё с прошлых версий
html. Пока что этот тэг никто не отменял, и его можно использовать, но
это не слишком желательно.
Как же лучше поступить? Лучше использовать тэг <div></div>,
одно из назначений которого - выравнивание содержимого вашей страницы.
Все четыре значения атрибута align можно употреблять с <div>:
<tt><div align="center"> текст </div> <div align="left"> текст </div> <div align="right"> текст </div> <div align="justify"> текст </div> </tt><p class="script"> <tt><html> <head> <title>Мой первый сайт</title> </head> <body text="#336699" bgcolor="#000000"> <div align="center"> Это мой сайт <br> <font color="#CC0000"> Добро пожаловать!</font></div> <p align="justify"> Этот текст был выровнен по обоим краям документа при помощи атрибута justify. И при помощи тега Р. Вы также можете выравнивать этот текст любыми другими атрибутами, которые относятся к именно к этому тегу Р. </p> </body> </html> </tt>
Параграф не может содержать в себе другие параграфы, и также тэг
<div></div>. Т.е. следующие конструкции будут не верны, и
вводить их в страницу нельзя:
<tt><tt><p align="right"> <p>текст</p> <p>текст</p> <p>текст</p> </p> </tt></tt>
и
<tt><tt><p align="right"> <div>текст</div> <p>текст</p> <div>текст</div> </p> </tt></tt>
Однако <div> может содержать в себе параграфы: с помощью него
мы можем сгруппировать их, допустим, по правому краю.
<div align="right">
<p>текст первого абзаца</p>
<p>текст второго абзаца</p>
<p>текст третьего абзаца</p>
</div>
Конечно, <p> и <div> не несут в себе исключительно
функцию выравнивания элементов. Но поскольку мы хотели в этом уроке
освоить с вами только выравнивание, то к другим возможностям
использования <div> и <p> мы вернемся гораздо позже, т.к.
это уже более сложная тема для разговора, и вы пока что к ней не готовы.
Очень интересная, обширная и познавательная статья. Узнал о параграфах много нового.