Параграфы и выравнивание текста в HTML - 4.2 out of 5 based on 5 votes

В прошлом уроке мы учились создавать HTML заголовки, сегодня мы продолжаем изучать html и рассмотрим, как устанавливать html параграфы и производить выравнивание текста в HTML.

Параграфы и выравнивание текста в HTML

Параграфы или абзацы устанавливаются в html с помощью тэга <p> и парного закрывающего его </p>. Текст помещенный между двумя этими тегами и будет являться параграфам.

При этом между параграфами устанавливается небольшой отступ, который называется отбивкой. Ниже приведен пример кода с двумя параграфами, вставьте его в текстовый документ Блокнот, после чего пройдите в пункт меню "Файл" >> "Сохранить как...", и сохраните этот файл с расширением .html

 <html>
<head>
<title>Моя первая страница </title>
</head>
<body>
Вот вы и создали свою первую web страницу!!!
<p> Параграф №1. Это пятый урок посвященный html. В нем мы рассмотрим как создаются html параграфы и что самое важное как в html осуществлять выравнивание текста с помощью параграфов. </p>
<p> Параграф №2. Как делать форматирование текста - менять размер шрифта,делать текст курсивом, жирным, подчеркнутым, менять гарнитуру и т. д. читайте в остальных уроках на WEBMASTERMIX.RU </p>
</body>
</html>

Затем откройте эту страницу при помощи вашего браузера и вы увидите текст, разбитый на два абзаца.

Далее мы рассмотрим, как при помощи тэга <p> производить выравнивание текста в html.

Тэг <p> имеет атрибут align с помощью которого можно выравнивать текст необходимым нам образом. Этот атрибут имеет следующие параметры:

align="left" будет сделано выравнивание текста по левому краю;

С левой стороны текст выравнивается по умолчанию, однако в некоторых случаях данный параметр может пригодиться.

align="right" будет сделано выравнивание текста по правому краю;

align="center" будет сделано выравнивание текста по центру;

align="justify" данный параметр выравнивает текст по обоим краям, в результате все строчки становятся выровненными, как и на этом сайте.

Теперь добавим этот атрибут с различными параметрами к нашим двум абзацам, которые мы создали выше. Для этого в открывающий тэг параграфа <p> необходимо добавить атрибут align= с необходимым значением.

Это будет выглядеть так:

<p align="center">Параграф №1...... </p>
<p align="right">Параграф №2...... </p>

В данном случае один абзац будет выровнен по центру, а второй сдвинут в право. Попробуйте поставить в параграфы другие значения, например к первому justify, а ко второму left, затем сохраните текстовый документ и обновите страницу в вашем браузере.

Первый абзац будет выровнен с двух сторон, а второй прижат к левому краю. Существует также тег альтернативный <p align="center">, это тег <center> и парный закрывающий его </center>. Попробуйте вставить эти теги на вашу страницу, а между ними разместите какой либо текст и он будет отображаться по центру. В следующем уроке мы рассмотрим как задавать цвет фона HTML документа, а также как изменять цвет текста в html документе

Материал подготовлен порталом: webmastermix.ru

Рекомендуем ознакомиться:

Обсуждение материала

Войдите или зарегистрируйтесь,
чтобы добавить вопросы, идеи или ошибки, по данному материалу!

1 1 1 1 1 1 1 1 1 1 Рейтинг 4.30 (5 Голосов)