|
Атрибуты тега BODYНебывалая толщина этого отчёта
защищала его от опасности быть прочитанным. Уинстон Черчилль. Все атрибуты тега BODY оказывают своё влияние на объекты, находящиеся между тегами < BODY> и < /BODY>. Т. е. на все элементы html-страницы. Это означает, что, по-умолчанию, браузер будет выводить html-страницу так, как это прописано или не прописано в теге BODY. Если в каком-либо месте html-документа нужно отобразить текст, фон или другой элемент иначе, то это нужно прописывать в значениях атрибутов соответствующего тега. Т.е. значения тега BODY являются общими для всех элементов документа. И для изменения оформления какого-то одного достаточно указать это в его атрибутах. Я пока не рассматриваю каскадные таблицы стилей (CSS), с помощью которых также можно задать отображение html-страницы. Кроме того, в этом разделе я не буду рассказывать об абсолютно всех атрибутах тега BODY. Я расскажу только об основных. Итак, наиболее часто используемые атрибуты тега BODY: bgcolor — цвет фона html-страницы. По-умолчанию, браузер заполняет фон сплошным цветом (в настройках по дефолту — белым) или в зависимости от настроек пользователя этого браузера. Допустим, если вам нужен html-документ с чёрным фоном, то нужно написать так: < BODY bgcolor="black">< /BODY> или так: < BODY bgcolor="#000000">< /BODY>
Отзыв посетителя: Добрый! Классный сайт у вас.правда я только про тег body прочитала. Надо будет попробовать замутить страничку) Целый день читала про енто дело, а тут еду с работы и натыкаюсь на этот сайт. Очень доступно написано Это я как истинный чайник говорю. Спасибо что создали такое Крис. Здесь нужно коротко сказать о способах представления цвета в HTML. Цвета в HTML можно задать либо именем цвета из предопределенного списка, либо шестнадцатеричным (hex) значением выбранного цвета. В предопределенном списке содержится 140 цветов и все они соответствуют так называемой Web-палитре. Использование цветов из этой палитры гарантирует их одинаковое воспроизведение всеми браузерами. Список цветов из Web-палитры ты найдёшь на странице Приложения. Там же ты найдёшь и шестнадцетиричные (hex) значения этих цветов (при использовании шестнадцетиричных (hex) значений перед числом нужно ставить символ #). В hex-значении цвета используется модель RGB: первые две цифры задают яркость красной (Red), вторые две цифры — зелёной (Green), а последние две цифры — синей (Blue) составляющей цвета. Для того, чтобы использовать цвета, не входящие в Web-палитру, нужно знать их hex-значение. Я для этого использую программу, которую можно взять с моего сайта: ColorT Final. С представлением цвета в HTML разобрались, теперь продолжим разговор об атрибутах тега BODY. background — позволяет задать в качестве фона html-страницы картинку. Допустим, есть картинка logo.jpg, расположенная по адресу https://www.seoded.ru/images/logo.jpg. Для того, чтобы сделать её фоном html-страницы нужно записать так: < BODY background="https://www.seoded.ru/images/logo.jpg">< /BODY> Если html-страница и картинка logo.jpg находятся в одном каталоге (папке), то можно записать так: < BODY background="logo.jpg">< /BODY> Если logo.jpg находится в подкаталоге images каталога с html-страницей (т.е. в папке images, которая находится в каталоге с html-страницей), то можно записать так: < BODY background="images/logo.jpg">< /BODY> Обычно в качестве фона используют небольшой и простой рисунок, так называемую текстуру, который многократно выводится на экран, заполняя всё окно. Поскольку размер такого изображения небольшой, то создание фона происходит очень быстро. Думаю с этим атрибутом всё понятно, перейдём к следующим. text — устанавливает цвет текста html-документа. Например, сделаем текст зелёным: < BODY text="#008000">< /BODY> Следующие атрибуты относятся к представлению вида ссылок на странице: link — цвет ещё неиспользованной (непросмотренной) ссылки (по умолчанию синий). vlink — цвет уже использованной (просмотренной) ссылки. alink — цвет гиперссылок при наведении на них курсора мыши. Допустим, нам нужно, чтобы цвет ещё неиспользованных ссылок был красным (#FF0000), а уже нажатых — синим (#0000FF). Сделать это можно так: < BODY link="#FF0000" vlink="#0000FF">< /BODY> Да, я думаю, ты уже заметил, что атрибут в теге (не только BODY, но и в любом другом) может быть как один, так и несколько сразу. А может и ни одного, в этом случае браузер будет использовать настройки по-умолчанию. В следующем примере мы создадим html-страницу с чёрным фоном, зелёным текстом, неиспользованные ссылки — красные, а посещённые — синие. Весь этот ужас можно создать так: < HTML> < HEAD> < /HEAD> < BODY bgcolor="#000000" text="#008000" link="#FF0000" vlink="#0000FF"> < /BODY> < /HTML> Набери этот html-код в любом текстовом редакторе или визуальном. Набирай весь код вручную. Между тегами < BODY> и < /BODY> вставь текст, какой захочёшь, сохрани этот файл под любым именем (латинскими буквами или цифрами), но обязательно с расширением html (т. е., например, primer.html). А затем открой его в браузере и наслаждайся открывшейся тебе авангардистской картиной. ! Примечание. Не забывай — я ставлю после скобки < пробел для того, чтобы браузер выводил код HTML, как текст. В самом html-коде этого делать НЕ НАДО. Помимо собственных атрибутов (атрибуты, которые используются только в этом теге) в теге BODY можно применять атрибуты и других тегов (их можно употреблять в разных тегах, они общие для них всех). О них ты узнаешь в следующих частях этого раздела. Пока же настоятельно рекомендую поэкспериментировать с полученными знаниями. Только на практике ты увидишь результаты этих знаний и поймёшь, как это работает. И только поняв и запомнив, как атрибуты тега BODY используются при создании html-страницы, переходи к следующей главе, в которой мы поговорим о форматировании текста в HTML. ⇓ Поделись ссылкой на Seoded.ru с друзьями, знакомыми и собеседниками в соцсетях и на форумах! А сам сайт добавь в закладки! Так победим. Поделиться ссылкой на эту страницу в:
|
|
Только копирайтинг позволяет начать зарабатывать в Интернете без специальных знаний. | Подбор и последующая покупка домена — важные вехи в создании сайта. |