Более сложная форма

Назначение

Вид тэгов

Примечание

Общая структура документаHTML

Тип документа

<HTML></HTML>

Начало и конец

Имя документа

<HEAD></HEAD>

Не отображается Браузером

Заголовок

<TITLE></TITLE>

Отображается в строке заголовка окна Браузера

Тело

<BODY></BODY>

Комментарий

<! --***-->

Обозревателем игнорируется

Структура содержания документа

Внутренние заголовки различного уровня

<HN></HN>

ЗдесьN – номер уровня заголовка (от 1 до 6)

Назначение

Вид тэгов

Примечание

Заголовок с выравниванием

<H? ALIGN=”left”></H?>

Типы выравнивания:

• left– по левому краю,

• center– по центру,

• right– по правому краю,

• justify– по ширине

Форматирование абзацев

Создание абзаца (параграфа)

<P> </P>

Выравнивание абзаца

<P ALIGN=”left”></P>

Типы выравнивания:

left, right, centerи justify

Перевод строки внутри абзаца

<BR>

Одиночный тэг

Горизонтальная линия между абзацами

<HR>

Одиночный тэг

Атрибуты: толщина, длина линии, выравнивание

<HR SIZE=? WIDTH=? ALIGN=”left”>

Толщина указывается в пикселях, длина – в пикселях или %, выравнивание по умолчаниюcenter

Форматирование шрифта

Логическое форматирование

Выделение текста: курсивом

полужирным

как с клавиатуры

<EM> </EM>

<STRONG> </STRONG>

<KBD> </KBD>

Фрагмент документа:

Обычный текст

<EM> Курсив </EM>

<KBD>Моношириный

</KBD>

Физическое форматирование

Курсив

<I> </I>

<B>жирный</B>

<S> подчеркнутый</S>

X<SUP>2</SUP> – отобразится как X²

<I>курсив </I>

Подчеркнутый

<U> </U>

Перечеркнутый

<S> </S>

Моноширинный

<TT> </TT>

Верхний индекс

<SUP> </SUP>

Нижний индекс

<SUB> </SUB>

Размер шрифта

<FONT SIZE=?> </FONT>

От 1 до 7

Базовый размер шрифта (задается для всего документа в целом)

<BASEFONT SIZE=?>

От 1 до 7, по умолчанию

равен 3

Назначение

Вид тэгов

Примечание

Список предпочтительных гарнитур шрифтов, через запятую

<FONT FACE=

”шр-т1,шр-т2”>

Текст

</FONT>

<FONT FACE="Verdana,Arial">

Цвет шрифта

(задается либо ключевым словом, либо 16-ричным кодом)

<FONT COLOR=”цвет”>

Текст

</FONT>

“Цвет” задается названием или 16-ричным кодом в форматеRGB

Создание списков

Упорядоченный

<OL></OL>

Фрагмент документа:

<OL>

<LI>Элемент списка 1</LI>

<LI>Элемент списка 2</LI>

</OL>

Неупорядоченный

<UL></UL>

Элемент списка

<LI></LI>

Таблица

Определить таблицу

<TABLE> </TABLE>

<TABLE border=”1”>

<TR>

<TH>Товар</TH>

<TH>Цена</TH>

</TR>

<TR>

<TD>Радиотелефон

</TD>

<TD align=”center”>

2000 </TD>

</TR>

</TABLE>

Окантовка таблицы

<TABLE BORDER=?> </TABLE>

Строка таблицы

<TR> </TR>

Выравнивание

текста в строке

<TR ALIGN=LEFT | RIGHT | CENTER | JUSTIFY >

Ячейка таблицы

<TD> </TD>

Выравнивание текста в ячейке по горизонтали

<TD ALIGN=LEFT | RIGHT | CENTER | JUSTIFY>

Ширина и высота ячейки в пикселях или в %

<TD WIDTH=?

HEIGHT=?>

Заголовок столбцов или строк (полужирный)

<TH> </TH>

Назначение

Вид тэгов

Примечание

Вставка изображений

Вставка графического файла

<IMG SRC=”URL” WIDHT=”?” HEIGHT=”?”>

Фрагмент документа:

<IMG SRC=”grafica.gif”

WIDHT=”550”

HEIGHT=”240”

ALT=”Графический файл”>

Выравнивание текста

<IMG SRC=”URL” ALIGN=”TOP”>

Вывод альтернативного текста

<IMG SRC=”URL” ALT=”текст”>

Вставка ссылок

Ссылки на другую страницу

<A HREF=”URL”>

текст </A>

Фрагмент документа:

<A HREF=”str2.htm”>

Ссылка1</A>

<A HREF=”URL”>текст</A>

<A NAME=”metka1”></A>

<A HREF=”index.htm#metka1”>

На главную страницу</A>”

Ссылка на закладку в другом документе

<A HREF=”URL#metka”>

текст</A>

На закладку в том же документе

<A HREF=”#metka”>

текст</A>

Определить закладку

<A NAME=”metka”> </A>

На адресe-mail

<A HREF=

“mailto:name@domen”>

<A HREF=

“mailto:vasia@mail.ru”>

Пишите мне! </A>

Цвет фона, текста и ссылок

Фоновая картинка

<BODY BACKGROUND=”URL”>

Фрагмент текста:

<BODY

BACKGROUND=”grafica.gif”

TEXT=”black” (черный)

LINK=”#FF0000” (красный)

VLINK=”#FFFF00” (желтый)

ALINK=”#FFFFFF”> (белый)

-------------------------

</BODY>

Цвет фона

<BODY BGCOLOR=”#$$$$$$”>

Цвет текста

<BODY TEXT=”#$$$$$$”>

Цвет ссылки

<BODY LINK=”#$$$$$$”>

Цвет пройденной ссылки

<BODY VLINK=”#$$$$$$”>

Цвет активной ссылки

<BODY ALINK=”#$$$$$$”>

Бегущая строка – тэг <MARQUEE>

Атрибуты

Значения атрибутов

Примеры

Расположение

Тип отображения

Направление движения

Количество повторений

ALIGN=Top|Middle|Bottom

BEHAVIOR=Scroll | Slide | Alternate

DIRECTION=Left | Right

LOOP="k"

<MARQUEE ALIGN="TOP" BEHAVIOR="SLIDE" DIRECTION="RIGHT" LOOP="2">Мы из Бонча! </MARQUEE>