Здесь расположен текст самого документа HTML

25 26 27 28 29 30 31

</BODY>

</HTML>

Пояснения указанным тегам документа HTML.

<COMMENT> ------------ Комментарий к документу. Он игнорируется

браузером. Комментарий не является обязательным и может отсутствовать.

<HTML> - -------------------------идентификатор всего блока HTML-команд.

<HEAD> -------------------------- идентификатор заголовка документа HTML.

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

<META> -------------------------- этот непарный тег применяется для указания подробной

информации о документе.

<BODY> - ------------------------идентификатор HTML-команд документа для просмотра.

Три основных тега <HTML>, <HEAD> и <BODY> передают браузеру

основную информацию для идентификации и организации документа.

Все указанные теги - парные, то есть каждый из них заканчивается

конечным тегом с косой чертой.

Все команды можно писать как с маленькой буквы, так и с большой.

Приложение 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<sub>1</sub>+x<sub>2</sub>=x<sub>3</sub>

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

Пример: Теорема Пифагора a<sup>2</sup>+b<sup>2</sup>=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 задает ширину изображения в пикселях.

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

<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.

Приложение 6. Создание бегущей текстовой строки

<marquee behavior="scroll" direction="right" loop="-1"> Интернет - это окно в мир!</marquee>

Если текстовая строка должна бежать влево, то вместо right должно быть слово left. Можно создать бегущую текстовую строку еще проще (то есть без атрибутов, и она будет б

ежать влево):

<marquee>Добро пожаловать в Интернет!</marquee>

Если текстовая строка должна бежать то влево, то вправо, то в теге

<marquee> используется атрибут behavior="alternate".

Пример:

<h2><i><b><font color="green"><marquee behavior="alternate">

Как прекрасно жить на свете!</marquee></font></h2></i></b>

Цвет символов бегущей строки задается тегом <font color="">, а цвет фона строки тегом <body bgcolor="">.

Приложение 7. Список цветов символов HTML

aqua -бирюзовый;

black -черный;

blue -синий;