Тег body
В этом разделе располагается все содержимое документа включающее в себя текст, ссылки, графические, звуковые и другие объекты, расположенные вне раздела заголовка, задаваемого тегом <head>. Часто основной раздел заключают в контейнерный тег <body>, который может встречаться в HTML-документе не более одного раза и не может содержать тег заголовка <head>.
Пример:
<html>
<head>
Здесь располагаются теги раздела заголовка документа
</head>
<body>
Здесь располагаются теги основного раздела документа
</body>
</html>
В окне веб-браузера это будет выглядеть ТАК.
Использование тега <body> не обязательно. Но он обладает атрибутами, с помощью которых можно задать параметры сразу для многих элементов, содержащихся в <body>.
Параметры тега <body>:
bgcolor— задает цвет фона веб-страницы. Цвет определяется цифрами в шестнадцатеричном коде. Для каждой составляющей цвета (красного, зеленого и синего) задается значение в пределах от00 до FF. Эти значения объединяются в одно число, перед которым добавляется символ"#", например, значение#FF0000, соответствует красному цвету,#00FF00— ярко-зеленому, а#FF00FF— фиолетовому (смесь красного и синего).-
Пример:
<html>
<head>
<meta charset="utf-8">
<title>Тег body</title>
</head>
<body bgcolor="FF0000">
Здесь располагаются теги основного раздела документа
</body>
</html>В окне веб-браузера это будет выглядеть ТАК.
background— задает фоновый рисунок для документа, путем указания URL-адреса изображения:-
<body background = "fon.gif">Пример:
<html>
<head>
<meta charset="utf-8">
<title>Тег body</title>
</head>
<body background="../images/fon.gif">
Здесь располагаются теги основного раздела документа
</body>
</html>В окне веб-браузера это будет выглядеть ТАК.
alink— определяет цвет активной ссылки:-
<body alink="#0000FF">Пример:
<html>
<head>
<meta charset="utf-8">
<title>Тег body</title>
</head>
<body alink="#0000FF">
Здесь располагаются теги основного раздела документа<br>
<a href="5.html" target="_blank">Активная ссылка</a>
</body>
</html>В окне веб-браузера это будет выглядеть ТАК.
link— устанавливает цвет уще не просмотренных ссылок:-
<body link="#000000" alink="#0000FF">Пример:
<html>
<head>
<meta charset="utf-8">
<title>Тег body</title>
</head>
<body link="#000000" alink="#0000FF">
Здесь располагаются теги основного раздела документа<br>
<a href="5.html" target="_blank">Активная ссылка</a>
</body>
</html>В окне веб-браузера это будет выглядеть ТАК.
vlink— определяет цвет уже просмотренных ссылок:-
<body vlink="#FF0000" link="#000000" alink="#0000FF">Пример:
<html>
<head>
<meta charset="utf-8">
<title>Тег body</title>
</head>
<body vlink="#FF0000" link="#000000" alink="#0000FF">
Здесь располагаются теги основного раздела документа<br>
<a href="5.html" target="_blank">Активная ссылка</a>
</body>
</html>В окне веб-браузера это будет выглядеть ТАК.
text— устанавливает цвет текста.-
Пример:
<html>
<head>
<meta charset="utf-8">
<title>Тег body</title>
</head>
<body text="#FF0000" vlink="#FF0000" link="#000000" alink="#0000FF">
Здесь располагаются теги основного раздела документа<br>
<a href="5.html" target="_blank">Активная ссылка</a>
</body>
</html>В окне веб-браузера это будет выглядеть ТАК.
Существуют и другие параметры, которые будут рассмотрены по мере изучения языка.
Теги div и span
Для выделения некоторых фрагментов документов, чтобы иметь возможность задать его общие параметры, служат контейнерные теги <div> и <span>. Контейнер <div> может содержать различные элементы (текст, графические изображения, ссылки , объекты и т.д.), а <span> применяется к фрагментам текста.
Общие параметры для элементов, включенных в данные контейнеры, обычно назначаются с помощью таблиц стилей (тег <style> или атрибут style). В частности, можно задать произвольное относительное положение фрагментов документа, в т.ч. и наложение друг на друга, имитируя тем самым наложение слоев. Дополнительно к этому тег <div> имеет атрибут align с возможными значениями center, left, right, позволяющий выровнять весь фрагмент документа по центру, левому и правому краю браузера соответственно.
Пример:
<html>
<head>
<meta charset="utf-8">
<title>Тег div</title>
</head>
<body text="#FF0000" vlink="#FF0000" link="#000000" alink="#0000FF">
<div align="center">
Текст выравнивается по центру<br>
Здесь располагаются теги основного раздела документа
</div>
<a href="5.html" target="_blank">Активная ссылка</a>
</body>
</html>
В окне веб-браузера это будет выглядеть ТАК.
Комментарии(0)
Для добавления комментариев надо войти в систему и авторизоватьсяКомментирование статей доступно только для зарегистрированных пользователей:Зарегистрироваться