В этом уроке мы рассмотрим, как устанавливать параграфы и производить выравнивание текста в HTML. Параграфы или абзацы устанавливаются в html с помощью тега <p> и парного закрывающего его тега </p>. Текст помещенный между двумя этими тегами и будет являться абзацем.
При этом между абзацами устанавливается небольшой отступ, который называется отбивкой. Ниже приведен пример кода с двумя параграфами, вставьте его в текстовый документ Блокнот, после чего пройдите в пункт меню "Файл" >> "Сохранить как...", и сохраните этот файл с расширением .html
Code
<html>
<head>
<title>Моя первая страница </title>
</head>
<body>
Вот вы и создали свою первую web страницу!!!
<p> Абзац №1. Это пятый урок посвященный html. В нем мы рассмотрим как создаются параграфы в html и что самое важное как осуществлять выравнивание текста с помощью параграфов. </p>
<p> Абзац №2. Как делать форматирование текста - менять размер шрифта,делать текст курсивом, жирным, подчеркнутым, менять гарнитуру и т. д. читайте в остальных уроках на Logical-Portal.Ru </p>
</body>
</html>
</html>
Затем откройте эту страницу при помощи вашего браузера и вы увидите текст, разбитый на два абзаца. Далее мы рассмотрим, как при помощи тега <p> производить выравнивание текста в html.
Тег <p> имеет атрибут align с помощью которого можно выравнивать текст необходимым нам образом. Атрибут align имеет следующие параметры:
align="left" текст будет выровнен по левому краю;
По левому краю текст выравнивается по умолчанию, однако в некоторых случаях данный параметр может пригодиться.
align="right" текст будет выровнен по правому краю;
align="center" тест будет выровнен по центру;
align="justify" данный параметр выравнивает текст по обоим краям, в результате все строчки становятся выровненными.
Теперь добавим атрибут align с различными параметрами к нашим двум абзацам, которые мы создали выше. Для этого в открывающий тег параграфа <p> необходимо добавить атрибут align= с необходимым значением.
Это будет выглядеть так:
Code
<p align="center">Абзац №1...... </p>
<p align="right">Абзац №2...... </p>
В данном случае один абзац будет выровнен по центру, а второй по правому краю. Попробуйте поставить в параграфы другие значения, например к первому justify, а ко второму left, затем сохраните текстовый документ и обновите страницу в вашем браузере.
Первый абзац будет выровнен с двух сторон, а второй прижат к левому краю.Существует также тег альтернативный тегу <p align="center">, это тег <center> и парный закрывающий его </center>. Попробуйте вставить эти теги на вашу страницу, а между ними разместите какой либо текст и он будет отображаться по центру.
