Раздел body

Раздел BODY является одним из самых важных компонентов любого HTML-документа, т. к. в нем располагается содержательная часть, которая выводится браузером на экран монитора пользователя.

Раздел описывается парным тегом <BODY></BODY>, внутри которого размещается большинство существующих тегов HTML. Тег <BODY> имеет ряд параметров, которые условно можно разделить на четыре основные группы (параметры фона, границ документа, текста и гиперссылок).

Изменение цвета и фона документа

Для изменения цвета в используются несколько вариантов представления цвета. Рассмотрим 2 из них:

1. Представление в виде трёх пар шестнадцатеричных цифр, где каждая пара отвечает за свой цвет:

две первые цифры — красный;

две в середине — зелёный;

две последние цифры — синий;

Например: text="#00сс00" задаем цвет текста зеленый

2. Представление ключевыми словами, например green, black. Во избежание случаев, когда указанное ключевое слово «не понимается» браузером следует использовать лишь небольшой набор основных цветов, используемых во всех браузерах.

Например: bgcolor="black" задаем цвет фона черный;

Таблица 1 Коды основных цветов

Цвет	Код	Цвет	Код	Цвет	Код	Цвет	Код
aqua (морская волна, cyan)	#00ffff	black (чёрный)	#000000	blue (синий)	#0000ff	fuchsia (фуксия, magenta)	#ff00ff
gray (серый)	#808080	green (зелёный)	#008000	lime (лайм, lightgreen)	#00ff00	maroon (тёмно-бордовый)	#800000
navy (тёмно-синий)	#000080	olive (оливковый)	#808000	purple (пурпурный)	#800080	red (красный)	#ff0000
silver (серебряный)	#c0c0c0	teal (сине-зелёный)	#008080	white (белый)	#ffffff	yellow (жёлтый)	#ffff00

Немного переделаем наш файл Index.html в блокноте.

Используя Таблицу тэгов зададим атрибуты тэга body text и bgcolor зададим цвет текста – «красный» и цвет фона – «желтый» для нашей странички:

<html>

<head>

<title>Мой первый шаг </title>

</head>

<body text="#cc0000" bgcolor="#ffff00">

Это моя первая страница

<br>

<br>

<br>

Добро пожаловать! :)

</body>

</html>

Сохраним файл и запустим его с помощью Google Chrome.

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

Получаем примерно такую страничку:

Оказалось, что текст плохо различим на фоне рисунка.

Изменим размеры и цвет текста, а также его расположение. Воспользуемся тэгом Font:

FONT	управление шрифтами
	color="#cc0000 - задает цвет для блока текста
	size="+0" - задает размер шрифта текста (от -2 до +7)
	face="Arial" - задает определенный тип шрифта

выберем размер первой строки максимальный 7 и разместим ее по центру, размер второй строки сделаем размером 6 и выровняем по левому краю.

Посмотрим результат :

Фреймы

Фреймы позволяют нам открыть в окне броузера - не один, а одновременно несколько документов, например документ который содержит меню, документ, который содержит логотип, шапку страницы, документ с непосредственным содержанием нашего сайта

Более подробно остановимся на Iframe.

IFrame - "плавающий" или встроенный фрейм. Iframe позволяет нам вставить один html-документ в другой html-документ. «Плавающий» фрейм вводится в наш обычный html-документ при помощи тэга <Iframe><Iframe>:

<IFRAME src="ancorpri.html" width="300" height="250" scrolling="auto" frameborder="1"></IFRAME>

В атрибуте src мы указываем путь к документу, который отобразиться во встроенном фрейме.

Атрибуты height и width отвечают за ширину и высоту встроенного фрейма.

Атрибут scrolling (полоса прокрутки), он может принимать несколько значений: no - это значит совсем не будет полосы прокрутки, ни при каких обстоятельствах; yes - это значит полоса прокрутки будет всегда; auto - полоса прокрутки появится только тогда, когда она нужна.

Атрибут frameborder указывает отображать или нет границы встроенного фрейма, возможные значения 1 (да, отображать) и 0 (нет, не отображать). Iframe может выравниваться относительно содержимого страницы: текста и картинок, и может, соответственно, быть заключен в тэги выравнивания и таблицы.

Добавим в наш файл Index.html фрейм со ссылкой на внешний файл Список.html, в котором далее будет записан список группы :