Содержимое страницы - ХТМЛ-справочник

То, что внутри страницы...
чем удобряли, то и ... :)

Body:

Да, сам тег BODY является рекордсменом по количеству параметров. Оно и понятно — он самый важный для внешнего вида документа. Здесь можно задавать цвет фона(bgcolor), цвет ссылок(link), цвет активных ссылок(alink), цвет посещённых ссылок (vlink), отступы от краёв (leftmargin, rightmargin), отступы сверху и низа (topmargin)... Вы видите сколько всего разного и полезного можно задать в теге BODY

Параметр	Значение	Зачем
bgcolor	bgcolor="необходимый_цвет"	позволит указать цвет фона
background	background="готовый_файл(jpg, gif)"	задаёт фон при помощи готового файла
link	link="необходимый_цвет"	позволит указать цвет ссылок на всей странице
alink	alink="необходимый_цвет"	указывает на цвет активной ссылки
vlink	vlink="необходимый_цвет"	позволит указать цвет посещённых ссылок
leftmargin rightmargin	leftmargin="число_в_пикселях" rightmargin"число_в_пикселях"	даёт возможность сделать необходимые отступы с двух сторон
topmargin bottommargin	bottommargin="число_в_пикселях" bottommargin"число_в_пикселях"	даёт возможность сделать необходимые отступы сверху и снизу

Готовый примерчик:
<BODY bgcolor=#fef8f1 leftmargin=20 link=blue vlink=darkblue alink=red topmargin=3>
Такие параметры тега BODY я задал при создании этой страницы.

Основные элементы HTML-документа:

Стоит остановить твоё внимание ещё вот на чём. Существуют теги, без использования которых не создать HTML-документ. Это парные теги HTML, HEAD, TITLE и BODY. Опишу поподробнее их.

Тег <HTML> ставится в самом начале документа и доходчиво даёт понять браузеру, что идущий далее (после этого тега и до парно-закрывающего) текст есть гипертекст, что и является предметом нашего ваяния ;). Без тега же этого ни фига у нас не выйдет. ;)

Далее — <HEAD>. Эта штука, (дословно "качан" ;) ещё никому не мешала. Тута объявляется кроме всяких там заморских хреновин (META, STYLE) название создаваемого документа, aka <TITLE>. Штука очень нужная в хозяйстве. Кроме предания названия документу имеет наиболее важный приоритет при индексировании страницы Роботом. (Тоже хрень заморская.)

Ну и, наконец, BODY. Ну это такое,.. что смотри выше.

Текст:

Текст - основа основ. Поэтому сдесь про него столько написано. За цвет базового (используемого всегда, кроме текста заключенного в парный FONT) шрифта отвечает параметр text тега BODY. Пишем "<BODY text="необходимый_цвет">". Причём, цвет может быть задан двумя методами. Первый - по RGB модели (по красно-сине-зелёной составляющей цвета) или упоминанием индексированного цвета (white, black, lime, red...). Взгляните на примерчик:

<BODY text="blue">Вот так будет выглядеть текст при задаче цвета<BODY>

Бывает необходимо часть текста или просто слово сделать большего размера, чем остальные. Тогда конструкция <BIG>красное словцо</BIG> даст желаемый результат — "красное словцо".

Соответственно, имея желание уменьшить часть текста на 1 у.е.ш. (условная единица шрифта) получим — <SMALL>маленькая мышка</SMALL> отобразится как — маленькая мышка.

Стандартным цветом является черный, и, если параметр text тега BODY опущен, то черный и используется. И метод изменения этого параметра будет единственный возможным вариантом глумления над всем текстом сразу. Этот же метод не даёт возможности изменить размер базового шрифта. Но не отчаивайтесь. При помощи тега BASEFONT размер текста (BASEFONT size=n) может быть изменён до конца документа или до следующего такого же BASEFONT'a. Можно изменить шрифт части документа или всего документа таким же образом (BASEFONT face="название_шрифта") Основным же инструментом влияния на текст - тег FONT (ну если учитывать то, что он наиболее употребим). Имеет параметры size, face, color.... Вот истинный пример глумления над текстом:

<BASEFONT face="Comic Sans MS" size=+2 color=darkblue>Hy kak?</BASEFONT>
или <FONT size=-1 color=green>Что лучше?</FONT>

Ссылки:

Часть текста, заголовок, изображение, участок изображения могут быть ссылками на такие же элементы как в этом же документе, так и в любом другом, расположенном в любом месте Сети. Это свойство и называется гипертекстовой ссылкой (Hypertext link), гипертекстовой связью, просто ссылкой. Организация ссылок осуществляется по следующим правилам:

<A href="имя.файла" target=_что-то>текст_он_же_ссылка</A>.

Именем файла может быть путь на локальном диске или URL адрес (адрес в Интернете). target же обозначает "цель" ссылки, т.е., например, имя одного из фреймов или место в документе к которому надо перейти после загрузки документа. Кроме того, можно организовать ссылку на E-mail адрес. Тогда конструкция будет выглядеть так:

<a href=mailto:"адрес">текст</a>

Текст же может бать совершенно любым (но его отсутствие приведет к отсутствию ссылки).
Пару слов необходимо сказать про цвет ссылок. Параметры link=цвет, vlink=цвет, alink=цвет отвечают соответственно за цвет ссылки, цвет посещенной ссылки, цвет выбранной ссылки. И все они (link, alink, vlink) являются параметрами тега BODY.

Фон:

Фоном страницы может быть простая заливка цветом (RGB или индексированные цвета) или, если задано, изображение. Изображение, если его размер меньше размера экрана тиражируется до полного экрана. Кроме того, есть возможность брать изображение из Сети или с этого же сервера. Конструкция:

<BODY bgcolor=цвет background=файл_изображение>

Да, никогда не забывай указывать цвет фона, даже если есть изображение. При включённом отображении графики всё будет хорошо, а вот при выключенной - цвет фона может оказаться близким к цвету фона (серый цвет) и тогда Вы услышите множество нареканий по этому поводу.

Графика:

Чтобы включить в Ваш HTML документ картинку в формате GIF и JPG (другие форматы не поддерживаются) необходимо описать его (изображение) следующим образом:

<IMG src="имя.файла" дополнительные параметры>.

Вместо имени файла на локальном диске можно указать адрес в Интернете (например, http://sh30.grodno.unibel.by/pict/home.gif).

Дополнительными параметрами являются:

width=n/n% (ширина изображения)
height=n/n% (высота его)
align=left/right/middle/absmiddle (выравнивание)
hspace=n/n% (горизонтальный отступ от изображения)
vspace=n/n% (вертикальный отступ от него же)
alt="текст" (альтернативный текст для изображения)

Многие браузеры пытаются заранее "спланировать" размещение рисунка и не выводят его до тех пор, пока не узнают его истинных размеров. Поэтому рекомендуется узнать размеры рисунка и указать их (параметры height и width).

При помощи этих параметров можно увеличивать или уменьшать рисунки (в одно и то же количество раз увеличивая или уменьшая значения этих параметров), но от этого время загрузки из Сети не уменьшится. Это надо помнить.

Текст, вплотную прилегающий к изображению не смотрится. Гораздо лучше он будет выглядеть, если между текстом и изображением имеется некоторый отступ. Для этого и существуют параметры hspace и vspace.

Часто из-за низких скоростей в сети пользователь при загрузке отключает картинки и фон. Но есть возможность словами описать содержание изображения. Это задача параметра alt="текст_описывающий_изображение".

Интерактивные формы:

Раздел получился немного массивным. Поэтому смотрите его тут.

То, что внутри страницы...чем удобряли, то и ... :)