6. Свойства страницы - параметры тега body
Цвет текста
Цвет фона
Фоновое изображение
Цвет ссылок
Отступы вокруг контента
Упражнение
Как Вам уже известно, между открывающим тегом <body> и закрывающим тегом </body> помещается тело страницы или само содержимое страницы. Его еще называют словом контент (от англ. content - содержимое). Параметры тега <body> определяют свойства контента в целом. В этом уроке мы и рассмотрим некоторые из них.
Цвет текста
Цвет текста всего документа определяется параметром text. Ему присваивается либо название цвета, либо шестнадцатеричное значение цвета, как и параметру color тега <font> (см. Урок 2. Форматирование теста):
<body text="#FF0000"> или <body text="red">
В результате использования этого примера весь текст на странице будет красным.
Параметр text не является обязательным. Если его опустить, то текст на странице по умолчанию будет черным. Вы, наверное, уже успели в этом убедиться, выполняя предыдущие упражнения. :)
Цвет фона
Цвет фона страницы определяется параметром bgcolor. Он принимает значениями либо название цвета, либо шестнадцатеричное значение цвета, как и параметр text.
<body bgcolor="#FF0000"> или <body bgcolor="red">
В результате использования этого примера фон страницы будет красным.
Параметр bgcolor не является обязательным. Если его опустить, то фон страницы по умолчанию будет белым. В чем Вы тоже уже убедились, выполняя предыдущие упражнения. :)
Фоновое изображение
С помощью параметра background можно сделать, чтобы у странички был не однотонный фон, а фоном было бы изображение. Для этого параметру background надо присвоить путь к изображению, которое Вы хотите сделать фоновым, так же как параметру src тега <img> (См. Урок 5. Изображения):
<body background="img/fon.png">
Таким способом можно, например, замостить фон странички каким-нибудь узором. Но не стоит злоупотреблять этой возможностью и делать фоном большие изображения, чтобы слишком не утяжелять страницу.
Например,
ну нас есть вот такой фрагмент узора:
Если мы сделаем его фоновым изображением, получится страничка с таким фоном:
Параметр background также не является обязательным. Если его опустить, то фон страницы по умолчанию будет белым.
Цвет ссылок
Для задания цвета ссылок существуют 3 параметра тега body:
link - цвет ссылки в первоначальном состоянии;
alink - цвет активной ссылки (active link), т.е. в момент нажатия;
vlink - цвет посещенной ссылки (visited link).
Этим параметрам присваивается название цвета или его шестнадцатеричное значение аналогично другим параметрам, отвечающим за цвет чего-либо.
Например, пусть ссылки будут красные, активные ссылки - синие, посещенные ссылки - зеленые:
<body link="#FF0000" alink="#0000FF" vlink="#00FF00">
Вот как это будет выглядеть на странице (чтобы увидеть все состояния ссылки, запомните, какой она была изначально, нажмите и, не отпуская, посмотрите, какой она стала, и , наконец, отпустите, вернитесь на эту страницу, и посмотрите, какого она цвета):
Ссылка
Эти параметры не обязательные. Если их опустить, то цвета ссылок примут значения по умолчанию (синий, красный, фиолетовый соответственно).
Отступы вокруг контента
Если Вы хотите, чтобы содержимое страницы отступало от краев окна браузера на некоторую величину, на этот случай у тега body есть 4 параметра:
leftmargin - отступ от левого края;
rightmargin - отступ от правого края;
topmargin - отступ от верхнего края;
bottommargin - отступ от нижнего края.
Эти параметры принимают значение в пикселах. Они не обязательные, и можно использавать как все сразу так и поотдельности. Например, можно сделать отступы только слева и справа, или только сверху и снизу и т.д.:
<body leftmargin="30" rightmargin="30"> или <body topmargin="30" bottommargin="30">