Регулировка полей

Давайте подробнее разберём, как регулировать поля вокруг страницы html. В этом нам помогут атрибуты:

topmargin – задаёт ширину верхнего поля документа html;
bottommargin — задаёт ширину нижнего поля документа html;
leftmargin – задаёт ширину левого поля документа html;
rightmargin — задаёт ширину правого поля документа html.

Все эти атрибуты прописываются для тега <body>. Код html будет выглядеть так:

<body text=»#FF0033″ bgcolor=»#99FFCC» rightmargin=»0″ bottommargin=»0″ topmargin=»0″ leftmargin=»0″>

Пример размещения данного кода на странице html:

<html>
<head>
<title>Животный мир нашего края.</title>
</head>
<body text="#FF0033" bgcolor="#99FFCC" rightmargin="0" 
bottommargin="0" topmargin="0" leftmargin="0">
<div align="center">
<H1>Животные, обитающие в нашей области.</H1>
<H2><font color="#0000CC">Животные леса.</font></H2>
<br> 
<font color="#633000"> 
 <p align="justify"><font face="Garamond,  Arial, Verdana">
Животный мир нашего края достаточно разнообразен и 
представлен беспозвоночными и позвоночными животными 
различных классов, отрядов и видов.</font></p>
 <p align="justify"><font face="Garamond,  Arial, Verdana">
На территории области учтено 54 вида млекопитающих. 
На территорииобласти обитает 200-250 видов птиц; 163 вида 
из них гнездятся на территории области, восемь видов 
встречаются только в зимнее время, 60 - во время пролета 
и сезонных миграций; 16 видов птиц области занесены в 
Красные книги бывшего СССР и РСФСР.</font></p>
 <p align="justify"><font face="Garamond,  Arial, Verdana"> 
На территории области обитает 10 видов земноводных, 
шесть видов рептилий и около 3 500 видов насекомых 
(13 видов насекомых занесено в Красную книгу бывшего 
СССР и Красную книгу России). В водоемах области обитает 
38 видов рыб, из которых наиболее распространенными 
являются карп, сазан, лещ, карась, жерех и др. Самыми 
крупными рыбами водоемов области являются сом и щука.
</font></p>
</font>
</div>
</body>
</html>

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

В этом примере мы прописали значения для атрибутов регулировки полей вокруг документа html нулевое, другими словами мы убрали поля вокруг документа. Значение величин для регулировки полей задаются в пикселях. Допустим, мы хотим задать поля вверху и внизу нашего документа html 80 писелей, а по краям, слева и справа 100 пикселей. В таком случае код html будет выглядеть так:

<body text=»#FF0033″ bgcolor=»#99FFCC» rightmargin=»100″ topmargin=»80″ bottommargin=»80″ leftmargin=»100″>

Пример размещения данного кода на странице html:

<html>
<head>
<title>Животный мир нашего края.</title>
</head>
<body text="#FF0033" bgcolor="#99FFCC" rightmargin="100" 
topmargin="80" bottommargin="80" leftmargin="100">
<div align="center">
<H1>Животные, обитающие в нашей области.</H1>
<H2><font color="#0000CC">Животные леса.</font></H2>
<br> 
<font color="#633000"> 
 <p align="justify"><font face="Garamond,  Arial, Verdana">
Животный мир нашего края достаточно разнообразен и 
представлен беспозвоночными и позвоночными животными 
различных классов, отрядов и видов.</font></p>
 <p align="justify"><font face="Garamond,  Arial, Verdana">
На территории области учтено 54 вида млекопитающих. 
На территорииобласти обитает 200-250 видов птиц; 163 вида 
из них гнездятся на территории области, восемь видов 
встречаются только в зимнее время, 60 - во время пролета 
и сезонных миграций; 16 видов птиц области занесены в 
Красные книги бывшего СССР и РСФСР.</font></p>
 <p align="justify"><font face="Garamond,  Arial, Verdana"> 
На территории области обитает 10 видов земноводных, 
шесть видов рептилий и около 3 500 видов насекомых 
(13 видов насекомых занесено в Красную книгу бывшего 
СССР и Красную книгу России). В водоемах области обитает 
38 видов рыб, из которых наиболее распространенными 
являются карп, сазан, лещ, карась, жерех и др. Самыми 
крупными рыбами водоемов области являются сом и щука.
</font></p>
</font>
</div>
</body>
</html>

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

Можно использовать более продвинутый метод для удаления полей вокруг документа html, это CSS – таблицы каскадных стилей. Код выглядит так:

<style type=»text/css»>
<!— body{margin:0px;padding:0px;} —></style>

Преимущества в том, что этот код поддерживается любыми
браузерами. Прописывается также в теге <body>.
Пример размещения данного кода на странице html:

<html>
<head>
<title>Животный мир нашего края.</title>
</head>
<body text="#FF0033" bgcolor="#99FFCC">
<style type="text/css">
<!--body{margin:0px;padding:0px;}--></style>
<div align="center">
<H1>Животные, обитающие в нашей области.</H1>
<H2><font color="#0000CC">Животные леса.</font></H2>
<br> 
<font color="#633000"> 
 <p align="justify"><font face="Garamond,  Arial, Verdana">
Животный мир нашего края достаточно разнообразен и 
представлен беспозвоночными и позвоночными животными 
различных классов, отрядов и видов.</font></p>
 <p align="justify"><font face="Garamond,  Arial, Verdana">
На территории области учтено 54 вида млекопитающих. 
На территорииобласти обитает 200-250 видов птиц; 163 вида 
из них гнездятся на территории области, восемь видов 
встречаются только в зимнее время, 60 - во время пролета 
и сезонных миграций; 16 видов птиц области занесены в 
Красные книги бывшего СССР и РСФСР.</font></p>
 <p align="justify"><font face="Garamond,  Arial, Verdana"> 
На территории области обитает 10 видов земноводных, 
шесть видов рептилий и около 3 500 видов насекомых 
(13 видов насекомых занесено в Красную книгу бывшего 
СССР и Красную книгу России). В водоемах области обитает 
38 видов рыб, из которых наиболее распространенными 
являются карп, сазан, лещ, карась, жерех и др. Самыми 
крупными рыбами водоемов области являются сом и щука.
</font></p>
</font>
</div>
</body>
</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 Яндекс.Метрика