Поля html

Безимени-195Ниже описаны способы регулировки полей вокруг html страницы, что является незаменимым и очень полезным навыком. Для этого есть специальные так называемые атрибуты для оформления html страницы. К ним относятся:
topmargin – для установки ширины верхнего поля (отступа) в html-документе;
bottommargin – задаёт нижнюю ширину в документе html;
leftmargin – задаёт отступ слева в документе html;
rightmargin – задаёт отступ справа документа html.
Все вышеупомянутые атрибуты прописаны для тега <body>. Они непосредственно влияют на все объекты, которые находятся между тегами <body>. Html код будет выглядеть следующим образом:

Ниже дан пример, иллюстрирующий размещение кода на странице:

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

 

В данном примере мы задали числовые значения для атрибутов с целью регулировки полей вокруг html документа нулевое, то есть поля вокруг документа мы убрали совсем. Поля регулируются за счёт значений, заданных в пикселях. Предположительно нам необходимо задать значения поля вверху и внизу документа в размере 80 пикселей, а справа и слева – 100 пикселей. Исходя из заданных параметров, код html будет иметь такой вид:

 

Размещение данного кода на странице html осуществляется за аналогом такого примера:

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

 

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

Существенное преимущество состоит в том, что этот код может поддерживаться абсолютно любыми браузерами. Также прописывается в теге <body>.
Ниже есть пример размещения данного кода на 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 Яндекс.Метрика