Основные тэги языкаHTML
|
Назначение |
Вид тэгов |
Примечание |
|
Общая структура документаHTML |
||
|
Тип документа |
<HTML></HTML> |
Начало и конец |
|
Имя документа |
<HEAD></HEAD> |
Не отображается Браузером |
|
Заголовок |
<TITLE></TITLE> |
Отображается в строке заголовка окна Браузера |
|
Тело |
<BODY></BODY> |
|
|
Структура содержания документа |
||
|
Внутренние заголовки различного уровня |
<HN></HN> |
ЗдесьN – номер уровня заголовка (от 1 до 6) |
|
Назначение |
Вид тэгов |
Примечание |
|
Заголовок с выравниванием |
<H? ALIGN=”left”></H?> |
Типы выравнивания:
|
|
Форматирование абзацев |
||
|
Создание абзаца (параграфа) |
<P> </P> |
|
|
Выравнивание абзаца |
<P ALIGN=”left”></P> |
Типы выравнивания: left, right, center, justify |
|
Перевод строки внутри абзаца |
<BR> |
Одиночный тэг |
|
Горизонтальная линия между абзацами |
<HR> |
Одиночный тэг |
|
Атрибуты: |
<HR SIZE=? WIDTH=? ALIGN=”left”> |
Толщина указывается в пикселях, длина – в пикселях или %, выравнивание по умолчаниюcenter |
|
Форматирование шрифта |
||
|
Физическое форматирование |
||
|
Курсив |
<I> </I> |
<B>жирный</B> <S> подчеркнутый</S> X<SUP>2</SUP> – <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 |
Фрагмент текста: <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> |
Основные цвета
|
Color's name |
Название |
Red |
Green |
Blue |
|
black |
черный |
00 |
00 |
00 |
|
navy |
темно-синий |
00 |
00 |
80 |
|
blue |
синий |
00 |
00 |
FF |
|
green |
зеленый |
00 |
80 |
00 |
|
teal |
сине-зеленый |
00 |
80 |
80 |
|
lime |
ярко-зеленый |
00 |
FF |
00 |
|
aqua |
голубой |
00 |
FF |
FF |
|
maroon |
вишневый |
80 |
00 |
00 |
|
purple |
фиолетовый |
80 |
00 |
80 |
|
olive |
оливковый |
80 |
80 |
00 |
|
gray |
темно-серый |
80 |
80 |
80 |
|
silver |
светло-серый |
C0 |
C0 |
C0 |
|
red |
красный |
FF |
00 |
00 |
|
fuchsia |
лиловый |
FF |
00 |
FF |
|
yellow |
желтый |
FF |
FF |
00 |
|
white |
белый |
FF |
FF |
FF |