Прописывание параграфов в html документе.

Для того чтобы текст не был расположен хаотично на странице, служат html параграфы. Другими словами параграфы html предназначены для центрирования Вашего контекста на странице и выделение абзацев. Параграфы обозначаются тегом <p></p>.
С помощью них можно производить следующие операции:

центрировать текст относительно краёв документа HTML:

<p align=»center»>контекст</p>

 

выровнять текст по правому краю:

<p align=»right»>контекст</p>

 

выровнять текст по левому краю:

<p align=»left»>контекст</p>

 

по обоим краям документа:

<p align=»justify»>контекст</p>

Эти тэги предназначены в основном для выравнивания текста.
Теперь вставим любой из выше перечисленных вариантов в наш HTML код и посмотрим, что получится.

<html>
<head>
<title>Животный мир нашего края.</title>
</head>
<body>
<H1>Животные, обитающие в нашей области.</H1>
<H2>Животные леса.</H2>
<br>
 <p align="justify">
Животный мир нашего края достаточно
разнообразен и представлен беспозвоночными
и позвоночными животными различных классов,
отрядов и видов.</p>
 <p align="justify"> На территории области 
учтено 54 вида млекопитающих. На территории
области обитает 200-250 видов птиц; 163 вида 
из них гнездятся на территории области, 
<font size="+2">восемь видов встречаются
только в зимнее время</font>
, 60 - во время пролета и сезонных 
миграций; 16 видов птиц области занесены в 
Красные книги бывшего СССР и РСФСР.</p>
 <p align="justify"> На 
территории области обитает 10 видов земноводных, 
шесть видов рептилий и около 3 500 видов 
насекомых (13 видов насекомых занесено в 
Красную книгу бывшего СССР и Красную книгу
России). В водоемах области обитает 38 видов
рыб, из которых наиболее распространенными 
являются карп, сазан, лещ, карась, жерех 
и др. Самыми крупными рыбами водоемов области 
являются сом и щука.</p> 

</body>
</html>

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

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

<html>
<head>
<title>Животный мир нашего края.</title>
</head>
<body>
<H1>Животные, обитающие в нашей области.</H1>
<H2>Животные леса.</H2>
<br>
 <p align="justify">
Животный мир нашего края достаточно
разнообразен и представлен беспозвоночными
и позвоночными животными различных классов,
отрядов и видов.</p>
 <center> На территории области 
учтено 54 вида млекопитающих. На территории
области обитает 200-250 видов птиц; 163 вида 
из них гнездятся на территории области, 
<font size="+2">восемь видов встречаются
только в зимнее время</font>
, 60 - во время пролета и сезонных 
миграций; 16 видов птиц области занесены в 
Красные книги бывшего СССР и РСФСР.</center>
 <p align="justify"> На 
территории области обитает 10 видов земноводных, 
шесть видов рептилий и около 3 500 видов 
насекомых (13 видов насекомых занесено в 
Красную книгу бывшего СССР и Красную книгу
России). В водоемах области обитает 38 видов
рыб, из которых наиболее распространенными 
являются карп, сазан, лещ, карась, жерех 
и др. Самыми крупными рыбами водоемов области 
являются сом и щука.</p> 

</body>
</html>

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

Я думаю, что здесь всё понятно.
Теперь давайте поместим наш заголовок и подзаголовок по центру. Это делается с помощью тега <div></div>. Все четыре значения атрибута align можно употреблять и с <div>.

<div align=»center»> текст </div>

<div align=»left»> текст </div>

<div align=»right»> текст </div>

<div align=»justify»> текст </div>

<html>
<head>
<title>Животный мир нашего края.</title>
</head>
<body>
<div align="center">
<H1>Животные, обитающие в нашей области.</H1>
<H2>Животные леса.</H2>
</div>
<br>
 <p align="justify">
Животный мир нашего края достаточно
разнообразен и представлен беспозвоночными
и позвоночными животными различных классов,
отрядов и видов.</p>
 <center> На территории области 
учтено 54 вида млекопитающих. На территории
области обитает 200-250 видов птиц; 163 вида 
из них гнездятся на территории области, 
<font size="+2">восемь видов встречаются
только в зимнее время</font>
, 60 - во время пролета и сезонных 
миграций; 16 видов птиц области занесены в 
Красные книги бывшего СССР и РСФСР.</center>
 <p align="justify"> На 
территории области обитает 10 видов земноводных, 
шесть видов рептилий и около 3 500 видов 
насекомых (13 видов насекомых занесено в 
Красную книгу бывшего СССР и Красную книгу
России). В водоемах области обитает 38 видов
рыб, из которых наиболее распространенными 
являются карп, сазан, лещ, карась, жерех 
и др. Самыми крупными рыбами водоемов области 
являются сом и щука.</p>
</body>
</html>

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

Также тег <div></div> можно употреблять и для всего контекста.

<html>
<head>
<title>Животный мир нашего края.</title>
</head>
<body>
<div align="center">
<H1>Животные, обитающие в нашей области.</H1>
<H2>Животные леса.</H2>
<br>
 <p align="justify">
Животный мир нашего края достаточно
разнообразен и представлен беспозвоночными
и позвоночными животными различных классов,
отрядов и видов.</p>
 <center> На территории области 
учтено 54 вида млекопитающих. На территории
области обитает 200-250 видов птиц; 163 вида 
из них гнездятся на территории области, 
<font size="+2">восемь видов встречаются
только в зимнее время</font>
, 60 - во время пролета и сезонных 
миграций; 16 видов птиц области занесены в 
Красные книги бывшего СССР и РСФСР.</center>
 <p align="justify"> На 
территории области обитает 10 видов земноводных, 
шесть видов рептилий и около 3 500 видов 
насекомых (13 видов насекомых занесено в 
Красную книгу бывшего СССР и Красную книгу
России). В водоемах области обитает 38 видов
рыб, из которых наиболее распространенными 
являются карп, сазан, лещ, карась, жерех 
и др. Самыми крупными рыбами водоемов области 
являются сом и щука.</p>
</div>
</body>
</html>

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

Оба варианта будут правильными. На этом наше повествование о html параграфах заканчивается.
В следующем разделе мы поговорим о шрифтах.

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

Прописывание параграфов в html документе.
Прописывание параграфов в html документе.
Прописывание параграфов в html документе.
Прописывание параграфов в html документе.
Прописывание параграфов в html документе.
Прописывание параграфов в html документе.

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

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

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