Приложение 2. Теги форматирования текстового потока.

<P> ----------------------------------- идентификатор конца абзаца.

<BR> --------------------------------- идентификатор перевода строки.

<HR> - -------------------------------идентификатор изображения горизонтальной линии.

Эти теги одиночные, т.е. непарные, они не требуют тегов с косой чертой.

<PRE> ---------------------- установка равноширинного шрифта. В конце нужен тег </PRE>.

Парные теги форматирования заголовков и подзаголовков документа:

<H1>, <H2>, <H3>, <H4>, <H5>, <H6>---------------. При этом заголовки

будут выведены большими буквами, причем размер букв у тега <H1> будет самый большой, у <H2> меньше, у <H3> еще меньше и т.д.

Парные теги форматирования символов текста:

<B>--------------------- идентификатор полужирного шрифта.

<strong> - -------------идентификатор выделенного шрифта.

<i> - --------------------идентификатор курсива.

<U> - -------------------идентификатор подчеркивания.

<s> - --------------------идентификатор перечеркивания.

<tt> -------------------- идентификатор равноширинного шрифта (телетайпного или курьера).

<big> - -----------------задает увеличенный размер шрифта.

<small> - --------------задает уменьшенный размер шрифта.

<CENTER> - --------задает центрирование текста.

<sub> ----------------- задает нижний индекс.

Пример: x₁+x₂=x₃

<sup> ------------------задает верхний индекс.

Пример: Теорема Пифагора a²+b²=c<sup>2

Приложение 3. Теги форматирования абзацев:

<p align=left> ---------------- выравнивание текста в абзаце по левому краю.

<p align=right> -------------- выравнивание текста в абзаце по правому краю.

<p align=center> - -----------выравнивание текста в абзаце по центру.

<p align=justify> ------------ полное выравнивание по обоим краям экрана.

align - ---------------------------атрибут выравнивания.

Приложение 4. Теги списков.

<OL> - идентификатор нумерованного списка. В конце </OL>.

<UL> - идентификатор ненумерованного списка. В конце </UL>.

<LI>--- отдельные элементы в нумерованном и ненумерованном списках

Конечный тег </LI> может быть опущен.

<DL> - идентификатор списка определений. В конце </DL>.

<DT> - идентификатор термина в списке определений.

<DD> - идентификатор значений термина в списке определений.

Списки определений имеют вид:

<DL>

<DT> название термина 1

<DD> определение термина 1

<DD> другое определение термина 1

.....

</DL>

Приложение 5. Некоторые важнейшие теги html

 <BODY bgcolor="teal" text="aqua" link="red"> -------- задает цвет текста(text), цвет фона (bgcolor) и цвет гипертекстовой ссылки (link).

alink="" и vlink="" ------------------------- задают еще цвета активной и посещенной ссылки.

<BODY background="back.jpg"> - -----задает фоновый рисунок (обои) на Web-странице в файле back.jpg.

<BODY background="/windows/tartan.bmp"> ------------ фоновый рисунок (обои) взят из файла tartan.bmp, причем указан путь этого файла.

<font color="yellow" size=5> - --------задает цвет символов текста (атрибут color) и их размер (атрибут size). В конце нужен тег </font>.

<hr color="lime"> - ----------------------задает цвет горизонтальной линии.

<hr color="red" size=3 width=220 align=center> ---- атрибут size=N задает толщину линии в пикселях; атрибут width=M задает длину линии в пикселях; атрибут align=center (или left, или right) задает смещение линии (ее размещение в центре, или смещение влево, или вправо).

<IMG SRC="lycos.gif"> ---- -----вставка графического изображения в виде файла lycos.gif. Есть и анимационные gif-файлы. Можно также использовать и графические файлы формата *.jpg (или *.jpeg), *.bmp.

 

<IMG SRC="echomsk.gif" width="403" height="263"> - если при вставке изображения использованы атрибуты width и height, то при загрузке изображения браузер покажет сперва рамку, где должно быть изображение, а затем уже само изображение, поскольку

оно загружается дольше. Таким образом резервируется место на экране под изображение.

Атрибут width задает ширину изображения в пикселях.

Атрибут height задает высоту изображения в пикселях.

<img src="/html/animat/iexplor.gif"> -------------- вставка графического изображения в виде файла iexplor.gif, причем указан полный путь графического файла на диске: с:\html\animat\iexplor.gif.

<img src="scene.jpg" border=3 alt="Картина"> - атрибут border задает рамку по периметру изображения толщиной 3 пикселя. Атрибут Alt дает текст на месте рамки, если изображения нет.

Атрибут border=0 используется, чтобы убрать рамку вокруг рисунка.

Это необходимо, например, при использовании анимированных *.gif на прозрачной основе.

<img src="flower.jpg" border=0 width="85" height="130" align="left" hspace=5 alt="Цветок">

Здесь атрибут hspace=5 обеспечивает плавное обтекание рисунка текстом. Он задает ширину незаполненного пространства справа и слева от рисунка в пикселях.

Атрибут align="left" обеспечивает размещение рисунка слева.

<a href="excite.htm">excite.htm</a> - гипертекстовая ссылка, переход к файлу excite.htm.

 <a href="mailto: int@mtu-net.ru">int@mtu-net.ru</a> - гиперссылка на адрес электронной почты.

 

<EMBED SRC="Welcome.avi" Width=280 Height=140 autostart=true> - вставка

объекта в документ HTML. В данном случае это мультимедийный файл *.avi, причем при загрузке страницы происходит автозапуск этого файла, размеры которого на экране заданы атрибутами Width и Height.