Рекламный блок

Статьи и заметки
Про работу в сети интернет

Найдена гора в несколько раз большая, чем Эверест

В Бразилии закрыто несколько аэропортов

Зона свободной торговли СНГ

Природа загадочного явления определена

Базы в пещере

О зеленом чае

Народный рецепт для роста и укрепления волос

Народный рецепт для роста и укрепления волос

Ученые нашли йети

Как космос повлиял на динозавров

Как космос повлиял на динозавров

Новая болезнь подростков

Астронавты для NASA


Goon Каталог сайтов

Поля по краям html страницы.

    Выравнивание контента в HTML является одним из основных правил создания красивого дизайна сайта. Для такого выравнивания можно задать величину полей, тем самым делая отступы для тела HTML документа относительно окна браузера.

Для задания отступов используются специальные атрибуты. При помощи данных атрибутов можно регулировать величину левого, правого, верхнего и нижнего полей. Размеры полей указываются в пикселях и процентах.

Нулевое значение в атрибутах позволит удалить поля, тем самым расширив контент сайта до величины рабочего пространства окна браузера. Целесообразность удаления полей зависит от дизайна конкретного сайта.

Поля могут быть заданы также с помощью таблиц каскадных стилей CSS. В этом случае для изменения размеров полей также используются специальные атрибуты.



Освоив принципы работы с полями HTML можно повысить привлекательность своих сайтов. В свою очередь создание красивых и удобных сайтов – это высокооплачиваемая работа на дому. Для того чтобы разобраться с принципами использования атрибутов для изменения величины полей, необходимо рассмотреть примеры размещенные на данной странице.

    Прежде чем мы начнём наше знакомство с атрибутами для удаления полей html по краям html страницы, внимательно посмотрите на страницу, на которой Вы сейчас находитесь. А теперь пройдите по этой ссылке и сравните эти два документа html. Обратите внимание на края документа html. Уловили разницу?

   А теперь подробнее разберём, как регулировать поля вокруг страницы 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.

2017-12-15 22:39:38 - Не могу записать данные в файл: /var/www/cleopa/data/www/natali-myseok.com/nahapetasikalin/cache_natali-myseok_com_af.txt
2017-12-15 22:39:38 - Не могу записать данные в файл: /var/www/cleopa/data/www/natali-myseok.com/nahapetasikalin/cache_natali-myseok_com_af.txt



Размышления наших посетителей на заданную тему.

Что такое блог?
Что ожидает Российский интернет в будущем!
Резиновый и фиксированный дизайны сайта.
Баннерная реклама.
Интернет-маркетинг и планы по продвижению сайта.
Как начать зарабатывать в Интернете?
Как организовать свой бизнес.

Рекламный блок
Error: Cache dir: Permission denied!
Error: Can't open cache file!
Error: Can't write cache!
Error: Can't open cache file!
Error: Can't write cache!
Необходимо выставить права 777 на папку 78435758

Новинки кинопроката
Новинки кинопроката
Новинки кинопроката
Новинки кинопроката
Новинки кинопроката
Новинки кинопроката
Сайт создан в 2010 г ©.Работа в интернете на дому.
Копирование информации разрешено лишь
с разрешения владельца сайта.