| Назначение
| Вид тэгов
| Примечание
|
| Общая структура документа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> – отобразится как X2
<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>
|
2015-06-05
342
