HTML, XHTML и CSS на 100%. Игорь Квинт

Читать онлайн.
Название HTML, XHTML и CSS на 100%
Автор произведения Игорь Квинт
Жанр Интернет
Серия
Издательство Интернет
Год выпуска 2010
isbn 978-5-498-07594-5



Скачать книгу

слова имеет смысл использовать, если вы хотите применить стандартный цвет. Ну а если вы собираетесь устанавливать нестандартные цвета, придется воспользоваться HEX-форматом.

      В примере из листинга 1.12 представлены оба варианта записи.

Листинг 1.12. Цвет ссылок

      <!DOCTYPE HTML PUBLIC «-//W3C//DTD HTML 4.01 Transitional//EN»

      "http://www.w3.org/TR/html4/loose.dtd">

      <html>

      <head>

      <base href="http://www.test.test/" target="_blank" />

      <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />

      <title>Использование элемента BODY</title>

      </head>

      <body alink="#00FF00" vlink="red" link="#330000">

      </body>

      </html>

      В примере для активной и непосещенной ссылки цвет задан с помощью цифр и букв: они определяют код цвета в шестнадцатеричном формате и записываются в качестве значения соответствующего атрибута после знака #. Для посещенной ссылки цвет задан ключевым словом. Использовать ключевые слова просто. В качестве обозначения цвета с их помощью применяются стандартные названия цветов на английском языке. Указывайте простые названия цветов вроде blue, red, black и не ошибетесь.

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

      Элемент BODY предоставляет большие возможности для управления фоном страницы. Рассмотрим атрибуты, отвечающие за это.

      Для начала надо задать фоновый цвет страницы. Это делается с помощью атрибута bgcolor, значение которого определяет цвет фона. Потом нужно указать фоновый рисунок страницы с помощью атрибута background, значение которого представляет собой адрес файла с рисунком для фона. При этом старайтесь ставить цвет фона, близкий к цветовой гамме фонового рисунка. Это пригодится, если у пользователя не загрузится фоновый рисунок. Когда цвет фона близок к цвету рисунка, не будет дисбаланса в общем виде страницы.

      Следующий атрибут управляет прокруткой фона и называется bgproperties. Он определяет, будет ли фон прокручиваться вместе с текстом. Этот атрибут принимает всего одно значение fixed, позволяющее зафиксировать фон документа и не прокручивать его вместе с текстом. В противоположном случае нужно просто удалить этот атрибут. При выборе параметров прокрутки фона надо действовать очень осторожно и следить за тем, чтобы при прокрутке не терялась читаемость текста.

      В листинге 1.13 представлен пример использования атрибутов элемента BODY, отвечающих за фон документа.

Листинг 1.13. Параметры фона

      <!DOCTYPE HTML PUBLIC «-//W3C//DTD HTML 4.01 Transitional//EN»

      "http://www.w3.org/TR/html4/loose.dtd">

      <head>

      <base href="http://www.test.test/" target="_blank" />

      <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />

      <title>Использование элемента BODY</title>

      </head>

      <body background="test.jpg" bgcolor="#0033CC" bgproperties="fixed">

      </body>

      </html>

      В примере из листинга 1.13 файл test. jpg оформлен в синих тонах, поэтому и цвет фона взят из синей гаммы. Прокрутка фона вместе с текстом запрещена.

      После того как мы разобрались с фоном, можно задать положение содержимого страницы относительно границ окна браузера.

      За отступ от границ окна отвечают следующие атрибуты элемента BODY:

      • bottommargin – определяет расстояние от нижнего края окна браузера до содержимого страницы;

      •