Previous Entry Share Next Entry
Основные атрибуты тега BODY и их значения.
htmlprovodnik
Все атрибуты тега BODY оказывают свое влияние на объекты, находящиеся между тегами < BODY> и < /BODY>, т.е. на все элементы html-страницы. Это означает, что по умолчанию браузер будет выводить html-страницу так, как это прописано или не прописано в теге BODY. Если в каком-либо месте html-документа нужно отобразить текст, фон или другой элемент иначе, то это нужно прописать в значениях атрибутов соответствующего тега html. Я пока не рассматриваю каскадные таблицы стилей (CSS), с помощью которых также можно задать отображение html-страницы. Кроме того, я в этом разделе не буду рассказывать обо всех атрибутах тега BODY.   Итак, наиболее часто используемые атрибуты тега BODY:
bgcolor — цвет фона html-страницы. По умолчанию браузер заполняет фон сплошным цветом (в настройках по дефолту — белым) или в зависимости от настроек пользователя этого браузера. Допустим, если вам нужен html-документ с черным фоном, то нужно написать так:
< BODY bgcolor="black">< /BODY>
или так:
< BODY bgcolor="#000000">< /BODY>
    Здесь нужно коротко сказать о способах представления цвета в HTML. Цвета в HTML можно задать либо именем цвета из предопределенного списка, либо шестнадцатеричным (hex) значением выбранного цвета. В предопределенном списке содержится 140 цветов и все они соответствуют так называемой 
[Error: Irreparable invalid markup ('<a [...] solidlucho.files.wordpress.com>') in entry. Owner must fix manually. Raw contents below.]

<span style="font-size: larger;"><span class="pb">В</span>се <strong>атрибуты тега BODY</strong> оказывают свое влияние на объекты, находящиеся между тегами &lt; BODY&gt; и &lt; /BODY&gt;, т.е. на все элементы html-страницы. Это означает, что <strong>по умолчанию</strong> браузер будет выводить html-страницу так, как это прописано или не прописано в теге BODY.<img align="right" src="http://solidlucho.files.wordpress.com/2009/12/html.jpg?w=300&amp;h=225" alt="" /> Если в каком-либо месте html-документа нужно отобразить текст, фон или другой элемент иначе, то это нужно прописать в значениях атрибутов соответствующег</span><span style="font-size: larger;">о тега html. Я пока не рассматриваю каскадные таблицы стилей (CSS),<!--ВСТАВИТЬ ССЫЛКУ НА CSS --> с помощью которых также можно задать отображение html-страницы. Кроме того, я в этом разделе не буду рассказывать обо всех атрибутах тега BODY.</span><span style="font-size: larger;">&nbsp;&nbsp; <span class="pb">И</span>так, наиболее часто используемые атрибуты тега BODY:</span><br /><span style="font-size: larger;"><strong><u>bgcolor</u></strong> &mdash; цвет фона html-страницы. По умолчанию браузер заполняет фон сплошным цветом (в настройках по дефолту &mdash; белым) или в зависимости от настроек пользователя этого браузера. Допустим, если вам нужен html-документ с черным фоном, то нужно написать так:</span><br /><span style="font-size: larger;">&lt; BODY bgcolor=&quot;black&quot;&gt;&lt; /BODY&gt;</span><br /><span style="font-size: larger;">или так:</span><br /><span style="font-size: larger;">&lt; BODY bgcolor=&quot;#000000&quot;&gt;&lt; /BODY&gt;</span><br /><span style="font-size: larger;">&nbsp;&nbsp;&nbsp; <span class="pb">З</span>десь нужно коротко сказать о способах представления <strong>цвета в HTML</strong>. Цвета в HTML можно задать либо <strong>именем цвета</strong> из предопределенного списка, либо <strong>шестнадцатеричным (hex) значением</strong> выбранного цвета. В предопределенном списке содержится 140 цветов и все они соответствуют так называемой&nbsp; </span><a align="right" solidlucho.files.wordpress.com="" http:="" title="Безопасные цвета, &lt;br &gt;&lt;/a&gt;&lt;img src=" href="http://www.seoded.ru/beginner/pril/bezopasnie_cveta.html">Веб-палитра&quot;&gt;</a><span style="font-size: larger;">web-палитре. Использование цветов из этой палитры гарантирует их одинаковое воспроизведение всеми браузерами. Список цветов из Web-палитры ты найдешь на странице </span><span style="font-size: larger;">Приложения. Там же ты найдешь и шестнадцетиричные (hex) значения этих цветов (при использовании шестнадцетиричных (hex) значений перед числом нужно ставить символ #). В hex-значении цвета используется модель RGB: первые две цифры задают яркость красной (Red), вторые две цифры &mdash; зеленой (Green), а последние две цифры &mdash; синей (Blue) составляющей цвета. Для того, чтобы использовать цвета, не входящие в Web-палитру, нужно знать их hex-значение. Я для этого использую программу, которую можно взять с моего сайта:</span> <span style="font-size: larger;">Color Final.</span><br /><span style="font-size: larger;">&nbsp;&nbsp;&nbsp; <span class="pb">С</span> представлением цвета в HTML разобрались, теперь продолжим разговор об атрибутах тега BODY:</span><br /><span style="font-size: larger;"><strong><u>background</u></strong> &mdash; позволяет задать в качестве фона html-страницы картинку. Допустим есть картинка logo.jpg, расположенная по адресу http://www.seoded.ru/images/logo.jpg. Для того, чтобы сделать ее фоном html-страницы нужно записать так:</span><br /><span style="font-size: larger;">&lt; BODY background=&quot;http://www.seoded.ru/images/logo.jpg&quot;&gt;&lt; /BODY&gt;</span><br /><span style="font-size: larger;">&nbsp;&nbsp;&nbsp; <span class="pb">Е</span>сли html-страница и картинка logo.jpg находятся в одном каталоге (папке), то можно записать так:</span><br /><span style="font-size: larger;">&lt; BODY background=&quot;logo.jpg&quot;&gt;&lt; /BODY&gt;</span><br /><span style="font-size: larger;">&nbsp;&nbsp;&nbsp; <span class="pb">Е</span>сли logo.jpg находится в подкаталоге images каталога с html-страницей (т.е. в папке images, которая находится в каталоге с html-страницей), то можно записать так:</span><br /><span style="font-size: larger;">&lt; BODY background=&quot;images/logo.jpg&quot;&gt;&lt; /BODY&gt;</span><br /><span style="font-size: larger;">&nbsp;&nbsp;&nbsp; <span class="pb">О</span>бычно в качестве фона используется небольшой и простой рисунок, так называемая <strong>текстура</strong>, который многократно выводится на экран, заполняя все окно. Поскольку размер такого изображения небольшой, то создание фона происходит очень быстро. Думаю с этим атрибутом все понятно, перейдем к следующим:</span><br /><span style="font-size: larger;"><strong><u>text</u></strong> &mdash; устанавливает цвет текста html-документа. Например, сделаем текст зеленым:</span><br /><span style="font-size: larger;">&lt; BODY text=&quot;#008000&quot;&gt;&lt; /BODY&gt;</span><br /><span style="font-size: larger;">&nbsp;&nbsp;&nbsp; <span class="pb">С</span>ледующие атрибуты относятся к представлению вида ссылок на странице:</span><br /><span style="font-size: larger;"><strong><u>link</u></strong> &mdash; цвет еще неиспользованной (непросмотренной) ссылки (по умолчанию синий).</span><br /><span style="font-size: larger;"><strong><u>vlink</u></strong> &mdash; цвет уже использованной (просмотренной) ссылки.</span><br /><span style="font-size: larger;"><strong><u>alink</u></strong> &mdash; цвет гиперссылок при нажатии.</span><br /><span style="font-size: larger;">&nbsp;&nbsp;&nbsp; <span class="pb">Д</span>опустим, нам нужно, чтобы цвет еще неиспользованных ссылок был красным (#FF0000), а уже нажатых &mdash; синим (#0000FF). Сделать это можно так:</span><br /><span style="font-size: larger;">&lt; BODY link=&quot;#FF0000&quot; vlink=&quot;#0000FF&quot;&gt;&lt; /BODY&gt;</span><br /><span style="font-size: larger;">&nbsp;&nbsp;&nbsp; <span class="pb">Д</span>а, я думаю ты уже заметил, что атрибутов в теге (не только &lt; BODY&gt;, но и в любом другом) может быть как один, так и несколько сразу. А может и ни одного, в этом случае браузер будет использовать настройки по умолчанию. В следующем примере мы создадим html-страницу с черным фоном, зеленым текстом, неиспользованные ссылки &mdash; красные, а посещенные &mdash; синие. Весь этот ужас можно создать так:</span><br /><p><span style="font-size: larger;">&lt; HTML&gt;<br />&lt; HEAD&gt;<br />&lt; /HEAD&gt;<br />&lt; BODY bgcolor=&quot;#000000&quot; text=&quot;#008000&quot; link=&quot;#FF0000&quot; vlink=&quot;#0000FF&quot;&gt;<br />&lt; /BODY&gt;<br />&lt; /HTML&gt;</span></p><span style="font-size: larger;">&nbsp;&nbsp;&nbsp; <span class="pb">Н</span>абери этот html-код в любом &nbsp;</span><span style="font-size: larger;"> текстовом редакторе или</span><span style="font-size: larger;"> визуальном. Набирай весь код вручную. Между тегами &lt; BODY&gt; и &lt; /BODY&gt; вставь текст, какой захочешь, сохрани этот файл под любым именем, но <strong>обязательно с расширением html</strong>. А затем открой его в</span><span style="font-size: larger;"> браузере и наслаждайся открывшейся тебе авангардистской картиной.</span><br /><div class="prim"><span style="font-size: larger;"><span class="slink" style="font-weight: bold;">Примечание.</span> Не забывай &mdash; <em>я ставлю после скобки &lt; пробел</em> для того, чтобы браузер выводил код HTML, как текст. В самом html-коде этого делать <strong>НЕ НАДО</strong>.</span></div><span style="font-size: larger;">&nbsp;&nbsp;&nbsp; <span class="pb">П</span>омимо собственных атрибутов (атрибуты, которые используются только в этом теге) в теге BODY можно применять атрибуты и других тегов (их можно употреблять в разных тегах, они общие для них всех). О них ты узнаешь в следующих частях этого раздела. Пока же настоятельно рекомендую поэкспериментировать с полученными знаниями. Только на практике ты <strong>увидишь результаты</strong> этих знаний и поймешь, как это работает. И только поняв и запомнив, как <strong>атрибуты тега BODY</strong> используются для создания html-страницы, переходи к следующей главе, в которой мы поговорим о </span><span style="font-size: larger;">форматировании текста в HTML</span>.

?

Log in