Меню

Атрибут тега body который позволяет изменять цвет активных гиперссылок



Цвет ссылок

С помощью HTML можно задавать цвета всех ссылок на странице, а также изменять цвета для отдельных ссылок.

Задание цвета всех ссылок на странице

Цвета ссылок задаются в качестве атрибутов тега . Атрибуты являются необязательными и если они не указаны используются значения по умолчанию.

link — определяет цвет ссылок на веб-странице (цвет по умолчанию синий, #0000FF).

alink — цвет активной ссылки. Цвет ссылки меняется при нажатии на ней кнопки мыши. Цвет по умолчанию красный, #FF0000.

vlink — цвет уже посещенных ссылок. Цвет по умолчанию фиолетовый, #800080.

В HTML цвета задаются обычно цифрами в шестнадцатеричном коде, в виде #rrggbb , где r, g и b обозначают соответственно красную, зеленую и синюю составляющую. Для каждого цвета задается шестнадцатеричное значение от 00 до FF, что соответствует диапазону от 0 до 255 в десятичном исчислении. Затем эти значения объединяются в одно число, перед которым ставится символ # (пример 1).

Пример 1. Задание цветов ссылок

Цвет не обязательно задавать в шестнадцатеричном формате, можно использовать и ключевые слова. В данном примере цвет фона веб-страницы установлен черным, а цвет ссылок — красным.

Для изменения цвета ссылок удобнее использовать CSS. Чтобы установить цвет для всех ссылок на веб-странице применяются следующие псевдоклассы, которые добавляются к селектору A .

visited — Стиль для посещенной ссылки.

active — Стиль для активной ссылки. Активной ссылка становится при нажатии на нее.

hover — Стиль для ссылки при наведении на нее мышью.

В примере 2 показано, как изменить цвет ссылок на веб-странице с помощью стилей. Для этого воспользуемся стилевым свойством color , оно задает цвет определенного текста, в данном случае, ссылок.

Пример 2. Цвет ссылок, заданных через стили

Задание цвета отдельных ссылок на странице

Вышеописанный способ задания цветов работает для всех ссылок веб-страницы. Однако, иногда возникает необходимость одновременно использовать разные цвета. Светлые, например, для темных областей веб-страницы, а темные цвета — соответственно для светлых. Для этого также можно воспользоваться стилями.

Пример 3. Изменение цвета ссылки с помощью стилей

В данном примере приведены три разных способа задания цвета с помощью стилей.

Источник

Атрибут тега body который позволяет изменять цвет активных гиперссылок

Тэг предназначается для выделения той части документа, которая будет визуализирована для пользователя. Он имеет как начальный, так и конечный теги. Начальный тег может иметь несколько атрибутов .

Вложенные атрибуты тэга


  • BACKGROUND
    Атрибут задает графическое изображение, которое как черепица заполнит фон документа. Файл с изображением должен быть сохранен в формате GIF или JPEG .
    Синтаксис: (URL)(путь) имя файла «>
    В данном случае файл с изображением фона лучше размещать в том же каталоге, что и сам файл, тогда (URL) и (путь) указывать не нужно.
  • BGCOLOR
    Этот атрибут задает цвет фона документа при помощи шестнадцатеричных значений интенсивности цветов RGB , или при помощи строчного литерала, соответствующего названию цвета.
    Синтаксис: #ff0000 «> или RED «>
  • TEXT
    Этот атрибут задает используемый по умолчанию цвет текста, который не является гиперссылкой. По умолчанию такой текст будет черным.
    Синтаксис: цвет «>
  • LINK
    Этот атрибут задает цвет гиперссылки, в большинстве браузеров он задан по умолчанию темно синим.
    Синтаксис: цвет » >
  • ALINK
    Этот атрибут задает цвет активной гиперссылки, он меняет цвет гиперссылки в момент щелчка по ней мышью, не желательно задавать ему цвет фона по понятным причинам.
    Синтаксис: цвет » >
  • VLINK
    Этот атрибут задает цвет посещенной гиперссылки, не желательно задавать ему цвет фона и цвет атрибута LINK по понятным причинам.
    Синтаксис: цвет » >
  • BGPROPERTIES
    Этот атрибут задает свойства фонового изображения. В данный момент браузерами поддерживается единственное его значение fixed , запрещающее скроллинг изображения.
    Синтаксис: fixed » >
  • TOPMARGIN
    Этот атрибут задает верхнюю границу страницы в пикселях.
    Синтаксис: число >
  • BOTTOMMARGIN
    Этот атрибут задает нижнюю границу страницы в пикселах.
    Синтаксис: число >
  • LEFTMARGIN
    Этот атрибут задает границу страницы в пикселях слева.
    Синтаксис: число >
  • RIGHTMARGIN
    Этот атрибут задает границу страницы в пикселях справа.
    Синтаксис: число >

Если Вы не нашли что искали, то рекомендую воспользоваться поиском по сайту:

Источник

Атрибуты тега BODY

В се атрибуты тега BODY оказывают своё влияние на объекты, находящиеся между тегами и . Т. е. на все элементы html-страницы. Это означает, что, по-умолчанию, браузер будет выводить html-страницу так, как это прописано или не прописано в теге BODY.

Е сли в каком-либо месте html-документа нужно отобразить текст, фон или другой элемент иначе, то это нужно прописывать в значениях атрибутов соответствующего тега. Т.е. значения тега BODY являются общими для всех элементов документа. И для изменения оформления какого-то одного достаточно указать это в его атрибутах.

Я пока не рассматриваю каскадные таблицы стилей (CSS), с помощью которых также можно задать отображение html-страницы. Кроме того, в этом разделе я не буду рассказывать об абсолютно всех атрибутах тега BODY. Я расскажу только об основных.

И так, наиболее часто используемые атрибуты тега BODY:

bgcolor — цвет фона html-страницы. По-умолчанию, браузер заполняет фон сплошным цветом (в настройках по дефолту — белым) или в зависимости от настроек пользователя этого браузера. Допустим, если вам нужен html-документ с чёрным фоном, то нужно написать так:

Добрый! Классный сайт у вас.правда я только про тег body прочитала. Надо будет попробовать замутить страничку)
Целый день читала про енто дело, а тут еду с работы и натыкаюсь на этот сайт. Очень доступно написано
Это я как истинный чайник говорю.
Спасибо что создали такое

З десь нужно коротко сказать о способах представления цвета в HTML. Цвета в HTML можно задать либо именем цвета из предопределенного списка, либо шестнадцатеричным (hex) значением выбранного цвета. В предопределенном списке содержится 140 цветов и все они соответствуют так называемой Web-палитре. Использование цветов из этой палитры гарантирует их одинаковое воспроизведение всеми браузерами.

С писок цветов из Web-палитры ты найдёшь на странице Приложения. Там же ты найдёшь и шестнадцетиричные (hex) значения этих цветов (при использовании шестнадцетиричных (hex) значений перед числом нужно ставить символ #). В hex-значении цвета используется модель RGB: первые две цифры задают яркость красной (Red), вторые две цифры — зелёной (Green), а последние две цифры — синей (Blue) составляющей цвета.

Д ля того, чтобы использовать цвета, не входящие в Web-палитру, нужно знать их hex-значение. Я для этого использую программу, которую можно взять с моего сайта: ColorT Final.

С представлением цвета в HTML разобрались, теперь продолжим разговор об атрибутах тега BODY.

background — позволяет задать в качестве фона html-страницы картинку. Допустим, есть картинка logo.jpg, расположенная по адресу http://www.seoded.ru/images/logo.jpg . Для того, чтобы сделать её фоном html-страницы нужно записать так:

Е сли html-страница и картинка logo.jpg находятся в одном каталоге (папке), то можно записать так:

Е сли logo.jpg находится в подкаталоге images каталога с html-страницей (т.е. в папке images, которая находится в каталоге с html-страницей), то можно записать так:

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

text — устанавливает цвет текста html-документа. Например, сделаем текст зелёным:

С ледующие атрибуты относятся к представлению вида ссылок на странице:

link — цвет ещё неиспользованной (непросмотренной) ссылки (по умолчанию синий).

vlink — цвет уже использованной (просмотренной) ссылки.

alink — цвет гиперссылок при наведении на них курсора мыши.

Д опустим, нам нужно, чтобы цвет ещё неиспользованных ссылок был красным (#FF0000), а уже нажатых — синим (#0000FF). Сделать это можно так:

Д а, я думаю, ты уже заметил, что атрибут в теге (не только BODY, но и в любом другом) может быть как один, так и несколько сразу. А может и ни одного, в этом случае браузер будет использовать настройки по-умолчанию. В следующем примере мы создадим html-страницу с чёрным фоном, зелёным текстом, неиспользованные ссылки — красные, а посещённые — синие. Весь этот ужас можно создать так:

Н абери этот html-код в любом текстовом редакторе или визуальном. Набирай весь код вручную. Между тегами и вставь текст, какой захочёшь, сохрани этот файл под любым именем (латинскими буквами или цифрами), но обязательно с расширением html (т. е., например, primer.html). А затем открой его в браузере и наслаждайся открывшейся тебе авангардистской картиной.

Примечание. Не забывай — я ставлю после скобки НЕ НАДО.

П омимо собственных атрибутов (атрибуты, которые используются только в этом теге) в теге BODY можно применять атрибуты и других тегов (их можно употреблять в разных тегах, они общие для них всех). О них ты узнаешь в следующих частях этого раздела. Пока же настоятельно рекомендую поэкспериментировать с полученными знаниями. Только на практике ты увидишь результаты этих знаний и поймёшь, как это работает. И только поняв и запомнив, как атрибуты тега BODY используются при создании html-страницы, переходи к следующей главе, в которой мы поговорим о форматировании текста в HTML.

Поделись ссылкой на Seoded.ru с друзьями, знакомыми и собеседниками в соцсетях и на форумах! А сам сайт добавь в закладки ! Так победим.

Поделиться ссылкой на эту страницу в:

Источник

Тест по «Интернет-технологии и основы WEB-программирования». Ответы

1. Укажите правильный вариант определения изо6ражения в качестве гиперссылки.

Ответ: а

2. Найдите ошибочное определение гиперссылки.

Ответ: b

3. В какой таблице ширина промежутков между ячейками составит 20 пикселей?

Ответ: а

4. Как указать выравнивание текста в ячейке таблицы?

  • а. с помощью атрибута CELLPАDDING
  • b. с помощью атрибута VАLIGN
  • с. с помощью атрибута АLIGN

Ответ: b, с

5. Какой атрибут элемента FОRМ определяет список кодировок для водимых данных?

  • а. аltb. ассерt-сhаrsеt
  • с. еnсtyре-сhаrsеt

Ответ: b

6. Что определяет атрибут CELLSPАCING у элемента разметки ТАBLE?

  • а. расстояние от содержания до границы ячейки
  • b. расстояние между ячейкамис. ширину границы
  • d. ширину ячейки

Ответ: b

7. Какой атрибут тэга BОDY позволяет задать цвет фона страницы?

Ответ: d

8. Какой атрибут тега задает горизонтальное расстояние между вертикальной границей страницы и изображением?

Ответ: b

9. Какой из приведенных тегов позволяет создавать нумерованные списки?

Ответ: а

10. Какой полный URL будет сформирован для ссылки в приведенном фрагменте? httр://аlехfinе.ru»> Документ 1

  • а. httр://аlехfinе.ru/dосs/doс1.html
  • b. httр://аlехfinе.ru/dос1.html
  • с. правильный URL не может быть сформирован

Ответ: b

11. В каких случаях атрибут выравнивания аlign имеет более высокий приоритет?

Ответ: а

12. Какой атрибут принадлежит тегу ?

Ответ: b

13. Какай тэг определяет заголовок документа HТМL?

Ответ: d

14. Какой из приведенных примеров задает гипертекстовую ссылку из документа 1.html на другой документ?

Ответ: с

15. Выберите вариант корректного описания синтаксиса тега SCRIPТ.

  • а. текст программы
  • b. текст программы
  • с. текст программы

Ответ: а

16. Какой из приведенных фрагментов кода создает переключатель?

Ответ: с

17. Какие значения атрибута АLIGN используются для определения положения изображения относительно окружающего текста?

Ответ: а, b, с, d, е

18. В какой таблице текст выровнен по центру ячеек?

Ответ: с

19. Какие из приведенных тегов неверно описывают активное изображение?

Ответ: а, с

20. Какой тэг определяет тело документа HТМL?

Ответ: b

21. В каких примерах правильно организован синтаксис тега ВАSE?

  • а. httр://www.аlехfinе.ru/intro.html» ТАRGEТ=nеw>
  • b.
  • с. httр://www.аlехfinе.ru/intro.html»>

Ответ: а, с

22. В каком примере корректно описан элемент ТR?

Ответ: а

23. Какой атрибут тега указывает файл изображения и путь к нему?

Ответ: а

24. Укажите неверные варианты описания синтаксиса тега SCRIPТ.

  • а. текст программы
  • b. текст программы
  • с. текст программы

Ответ: а, b

25. В каком случае форма будет отравлена методом «рost»?

Ответ: а, b

26. Какой атрибут тега ВОDY позволяет изменять цвет «активных» гиперссылок?

Ответ: с

27. В каких примерах данные формы будут переданы обработчику как часть URL?

Ответ: а, d

28. НТМL — это:

  • а. язык редактирования
  • b. язык структурной разметки
  • с. язык программирования
  • d. язык гипертекстовой разметки

Ответ: d

29. С помощью какого элемента можно создавать прокручивающиеся списки в формах?

Ответ: с

30. Какие методы можно применять для отправки формы?

Ответ: а, е

Всем удачи!

Возможно вам так же будет интересно:

Если я Вам помог — оставьте свой отзыв или поделитесь сайтом с друзьями в социальных сетях!

Источник

Читайте также:  Какие обои лучше наклеить цвет обоев