Элементы и атрибуты тега BODY



Вернемся к нашему примеру.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"Элементы и атрибуты тега BODY "http://www.w3.org/TR/html4/loose.dtd">

<html>
<head>

<title> Название </title>

</head>

<body>

<p>Ура!!! Я создал свою первую страницу на html!!!</p>

</body>

</html>

Рассмотрим каждый из тегов.

<html> - Любая html страница должна начинаться и заканчиваться этим тегом. Браузер рассматривает как html страницу. Тэг является парным, т.е. есть открывающий тег(<html>) и закрывающий (</html>).

<head> - Это голова документа. Здесь описывается название, тема HTML документа, и те правила, которые относятся ко всему документу, например, стили отображения тех или иных элементов страницы. ( есть <head> и </head>)

<title> - Текст, расположенный между ними, рассматривается как название страницы. Он не появляется непосредственно в тексте страницы, но выносится браузером в свой заголовок. Открывающий тег <title> и закрывающий </title>

<body> - Это тело документа. Все, что мы будем писать между тегами <body> и </body> будет выведено на страницу. В нашем примере мы поместили здесь Ура!!! Я создал свою первую страницу на html!!!".

Рассмотрим основные атрибуты для тега <body>.

1. <bgcolor > отвечает за фон html-страницы. По умолчанию фон цвета страницы белый, но если нужно поменять цвет записываем:

<html> <head> <title></title> </head> <body bgcolor="blue"> </body> </html>

или так:

<html> <head> <title></title> </head> <body bgcolor="#527EBB"> </body> </html>

В  HTML цвет задается одним из двух путей: с помощью шестнадцатеричного кода (#527EBB) и по названию некоторых цветов (blue). Программку, для определения шестнадцатеричного значения, ты можешь скачать здесь.

2. <background > устанавливает фоновое изображение для элемента. Значение задается в виде полного URL или имени файла с картинкой в формате gif или jpg.Допустим есть картинка g1.jpg, расположенная по адресу http://www.valvas.ru/images/g1.jpg. Для того, чтобы сделать её фоном html-страницы нужно записать так:

<html> <head> <title></title> </head> <body background="http://www.valvas.ru/images/g1.jpg"> </body> </html>

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

<html> <head> <title></title> </head> <body background="../Poleznoe/g1.jpg"> </body> </html>

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

<html> <head> <title></title> </head> <body background="../Poleznoe/images/g1.jpg"> </body> </html>

Следующим атрибутом является тег text. Это необходимо для того, чтобы показать каким цветом будет отражаться тест в <body>. В данном примере текст будет отображаться черным цветом.

<html> <head> <title></title> </head> <BODY text="#000000"></BODY> </html>

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

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

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

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

В данном примере <link> цвет неиспользованной ссылки голубой, а <v link> цвет уже использованной ссылки красный.

<html> <head> <title></title> </head> <BODY link="#3399FF" vlink="#FF0000"></BODY> </html>

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

Кроме рассмотренных для тега <body> доступны универсальные атрибуты и события.


Далее рассмотрим: "Форматировании текста в HTML".