Параграфы и выравнивание текста в HTML
В прошлом уроке мы учились создавать HTML заголовки, сегодня мы продолжаем изучать html и рассмотрим, как устанавливать html параграфы и производить выравнивание текста в HTML.
Параграфы или абзацы устанавливаются в html с помощью тэга <p> и парного закрывающего его </p>. Текст помещенный между двумя этими тегами и будет являться параграфам.
При этом между параграфами устанавливается небольшой отступ, который называется отбивкой. Ниже приведен пример кода с двумя параграфами, вставьте его в текстовый документ Блокнот, после чего пройдите в пункт меню "Файл" >> "Сохранить как...", и сохраните этот файл с расширением .html
Затем откройте эту страницу при помощи вашего браузера и вы увидите текст, разбитый на два абзаца.
Далее мы рассмотрим, как при помощи тэга <p> производить выравнивание текста в html.
Тэг <p> имеет атрибут align с помощью которого можно выравнивать текст необходимым нам образом. Этот атрибут имеет следующие параметры:
align="left" будет сделано выравнивание текста по левому краю;
С левой стороны текст выравнивается по умолчанию, однако в некоторых случаях данный параметр может пригодиться.
align="right" будет сделано выравнивание текста по правому краю;
align="center" будет сделано выравнивание текста по центру;
align="justify" данный параметр выравнивает текст по обоим краям, в результате все строчки становятся выровненными, как и на этом сайте.
Теперь добавим этот атрибут с различными параметрами к нашим двум абзацам, которые мы создали выше. Для этого в открывающий тэг параграфа <p> необходимо добавить атрибут align= с необходимым значением.
Это будет выглядеть так:
В данном случае один абзац будет выровнен по центру, а второй сдвинут в право. Попробуйте поставить в параграфы другие значения, например к первому justify, а ко второму left, затем сохраните текстовый документ и обновите страницу в вашем браузере.
Первый абзац будет выровнен с двух сторон, а второй прижат к левому краю. Существует также тег альтернативный <p align="center">, это тег <center> и парный закрывающий его </center>. Попробуйте вставить эти теги на вашу страницу, а между ними разместите какой либо текст и он будет отображаться по центру. В следующем уроке мы рассмотрим как задавать цвет фона HTML документа, а также как изменять цвет текста в html документе
Материал подготовлен порталом: webmastermix.ru
- Подробности
-
Обновлено: 04 Сентябрь 2013
-
Создано: 12 Январь 2010
-
Просмотров: 28123