Шестой этаж - Html под знаком параграфа

Ну и каким бы был документ хтмл, не будь в нем параграфов? Да никаким! Не верите? Тогда давайте на этаже номер шесть поговорим об этом подробнее.

Просим любить и жаловать, тэг <p></p>  собственной, так сказать, персоной. Именно с его помощью и проставляются параграфы в html разметке. Таким образом, мы можем запросто центрировать текст – <p align="center">текст</p>, выровнять его влево или вправо, или же растянуть по всему документу. Выглядят все эти преображения примерно так:
<p align="left">текст</p> 
<p align="right">текст</p> 
<p align="justify">текст</p>.

Давайте снова откроем наш пресловутый хтмл файлик, и попробуем попрактиковаться на нем, выравнивая текст так, как хочется вам:

<html>
<head>
<title>Первый этаж</title>
</head>
<body text="#336699" bgcolor="#000000">

<p align="center">
Радуйтесь, я создал(а)свой первый шедевр!

<br>
<font color="#CC0000"> Поздравьте меня!!!</font> </p>
</body>
</html> (посмотреть)

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

Но, вернемся к нашим баранам, вернее, параграфам. Запомните, что значение параграфа никогда нельзя оставлять пустым: <p></p>. Просто на просто, интернет браузер проигнорирует тэг, не придав ему абсолютно никакого значения. Но если вы расстарались заполнить тэг «параграф» текстом, то важно знать, что после его закрытия, последующий текст уже перенесется на следующую строку. Если же в переносе вы не нуждаетесь, то можно воспользоваться альтернативным тегом, который будет выглядеть так:
<p align="center">: 
<center> текст </center>

<html>
<head>
<title>Первый этаж</title>
</head>
<body text="#336699" bgcolor="#000000">
<center>
Радуйтесь, я создал(а)свой первый шедевр!
<br>
<font color="#CC0000"> Поздравьте меня!!!</font> :) </center>
</body>

</html> (посмотреть)Этот пример актуален, если говорить об альтернативном центрировании. Но в современном HTML наиболее часто используется другой вариант оформления – тэг <div></div>.

На практике, выравнивание текста с его помощью выглядит так:

<div align="center"> текст </div> 
<div align="left"> текст </div> 
<div align="right"> текст </div> 
<div align="justify"> текст </div>.


И еще пару ласковых фраз о параграфах. Ни <div> , ни <p> не могут содержать в себе никаких других параграфов! Запомнить эту хтмл истину мы бы посоветовали вам однажды и навсегда. Хотя, у<div>ительно хитрый <div> умудряется все же вмещать в себя кое-какие элементы параграфов:

<div align="right">
<p>текст первого абзаца</p>
<p>текст второго абзаца</p>
<p>текст третьего абзаца</p>
</div>
Вот такие они, эти HTML параграфы. О других функциях тэгов , <p> и <div> мы пока говорить не будем. Ведь нам предстоит прошагать еще много этажей нашего небоскреба, и на одном из них, мы обязательно вернемся к этим тэгам. А сейчас впереди нас ждет счастливый седьмой этаж!