Параграфы для html документа

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

Варианты центрирования текста на странице с помощью тега <p></p>:
1. При использовании параметра align=”center текст выровняется по центру документа:

2. Если использовать параметр align=”right, то получим текст, отцентрированный по правому краю:

3. Чтобы текст выровнять по левому краю, используем параметр align=”left:

4. Параметр align=”justify позволяет увидеть текст параграфа отцентрированным по обеим краям страницы:

Вставив один из перечисленных вариантов в код HTML, получим следующее:

посмотреть результат

 

Используйте старый, но работающий тег <center></center>. Его назначение в горизонтальном выравнивании любой части текста по центру документа, аналогично тэгу <p></p> с параметром align=”center. Это один из простых и удобных тэгов, с помощью которого легко выровнять текст по центру страницы. Попробуем заменить во втором абзаце нашего текста тэг <p align=”justify”> на тэг <center></center>

посмотреть результат

 

Думаю, теперь более менее разобрались, как работают тэги <p></p> и <center></center>, и какие атрибуты можно применять с тэгом <p></p> при форматировании страницы документа.

Попробуем теперь разобраться, как работает тэг <div></div>. Его удобно применять для выравнивания текста и элементов HTML. С его помощью можно разместить по центру заголовок и подзаголовок нашего текста. Сам по себе, без параметров тэг <div></div> ни как не влияет на элементы страницы HTML. Применяется с атрибутом «align», также как и тэг <p></p>. Все варианты значений атрибута «align»: align=”center, align=”right, align=”left и align=”justify применяются в тэге <div></div>.

посмотреть результат

 

А можно использовать тэг <div></div> целиком для всего текста документа HTML.

 посмотреть результат

 

При этом использование обоих вариантов будет правильным.

Поделиться в соц. сетях

Опубликовать в Google Buzz
Опубликовать в Google Plus
Опубликовать в LiveJournal
Опубликовать в Мой Мир
Опубликовать в Одноклассники

Оставить комментарий

http://rabotapad.ru/wp-content/plugins/wp-monalisa/icons/wpml_bye.gif 
http://rabotapad.ru/wp-content/plugins/wp-monalisa/icons/wpml_good.gif 
http://rabotapad.ru/wp-content/plugins/wp-monalisa/icons/wpml_negative.gif 
http://rabotapad.ru/wp-content/plugins/wp-monalisa/icons/wpml_scratch.gif 
http://rabotapad.ru/wp-content/plugins/wp-monalisa/icons/wpml_wacko.gif 
http://rabotapad.ru/wp-content/plugins/wp-monalisa/icons/wpml_yahoo.gif 
http://rabotapad.ru/wp-content/plugins/wp-monalisa/icons/wpml_cool.gif 
http://rabotapad.ru/wp-content/plugins/wp-monalisa/icons/wpml_heart.gif 
http://rabotapad.ru/wp-content/plugins/wp-monalisa/icons/wpml_rose.gif 
http://rabotapad.ru/wp-content/plugins/wp-monalisa/icons/wpml_smile.gif 
http://rabotapad.ru/wp-content/plugins/wp-monalisa/icons/wpml_whistle3.gif 
http://rabotapad.ru/wp-content/plugins/wp-monalisa/icons/wpml_yes.gif 
http://rabotapad.ru/wp-content/plugins/wp-monalisa/icons/wpml_cry.gif 
http://rabotapad.ru/wp-content/plugins/wp-monalisa/icons/wpml_mail.gif 
http://rabotapad.ru/wp-content/plugins/wp-monalisa/icons/wpml_sad.gif 
http://rabotapad.ru/wp-content/plugins/wp-monalisa/icons/wpml_unsure.gif 
http://rabotapad.ru/wp-content/plugins/wp-monalisa/icons/wpml_wink.gif 
 

Goon Каталог сайтов Рейтинг@Mail.ru Яндекс.Метрика