Основные
теги |
<html></html> |
Указывает
программе просмотра страниц что
это HTML документ. |
<head></head> |
Определяет место,
где помещается различная
информация не отображаемая в теле
документа. Здесь располагается тег
названия документа и теги для
поисковых машин. |
<body></body> |
Определяет
видимую часть документа. |
|
Теги
оглавления |
<title></title> |
Помещает название
документа в оглавление программы
просмотра страниц |
|
Атрибуты
тела документа |
<body bgcolor=?> |
Устанавливает
цвет фона документа, используя
значение цвета в виде RRGGBB - пример:
FF0000 - красный цвет. |
<body text=?> |
Устанавливает
цвет текста документа, используя
значение цвета в виде RRGGBB - пример:
000000 - черный цвет. |
<body link=?> |
Устанавливает
цвет гиперссылок, используя
значение цвета в виде RRGGBB - пример:
00FF00 - зеленый цвет. |
<body vlink=?> |
Устанавливает
цвет гиперссылок на котох вы уже
побывали, используя значение цвета
в виде RRGGBB - пример: 333333 - серый цвет. |
<body alink=?> |
Устанавливает
цвет гиперссылок при нажатии. |
|
Теги для
форматирования текста |
<pre></pre> |
Обрамляет
предварительно отформатированный
текст. |
<h1></h1> |
Создает САМЫЙ
БОЛЬШОЙ заголовок |
<h6></h6> |
Создает самый
маленький заголовок |
<b></b> |
Создает жирый
текст |
<i></i> |
Создает наклонный
текст |
<tt></tt> |
Создает текст -
имитирующий стиль печатной
машинки. |
<cite></cite> |
Используется для
цитат, обычно наклонный текст. |
<em></em> |
Используется для
выделения из текста слова (наклонный
или жирный текст) |
<strong></strong> |
Используется для
выделения наиболее выжных частей
текста (наклонный или жирный текст) |
<font size=?></font> |
Устанавливает
размер текста в пределах от 1 до 7. |
<font color=?></font> |
Устанавливает
цвет текста, используя значение
цвета в виде RRGGBB. |
|
Гиперссылки |
<a href="URL"></a> |
Создает
гиперссылку на другие документы
или часть текущего документа. |
<a href="mailto:EMAIL">
</a> |
Создает
гиперссылку вызова почтовой
программы для написания письма
автору документа. |
<a name="NAME"></a> |
Отмечает часть
текста как цель для гипперссылок в
документе. |
<a href="#NAME"></a> |
Создает
гиперссылку на часть текущего
документа. |
|
Форматирование
|
<p> |
Создает новый
параграф |
<p align=?> |
Выравнивает
параграф относительно одной из
сторон документа, значения: left, right,
или center |
<br> |
Вставляет перевод
строки. |
<blockquote>
</blockquote> |
Создает отступы с
обеих сторон текста. |
<dl></dl> |
Создает список
определений. |
<dt> |
Определяет каждый
из терминов списка |
<dd> |
Описывает каждое
определение |
<ol></ol> |
Создает
нумерованный список |
<li> |
Определяет каждый
элемент списка и присваивает номер |
<ul></ul> |
Создает
ненумерованный список |
<li> |
Предваряет каждый
элемент списка и добавляет кружок
или квадратик. |
<div align=?> |
Важный тег
используемый для форматирования
больших блоков текста HTML документа,
также используется в таблицах
стилей |
|
Графические
элементы
|
<img src="name"> |
Добавляет
изображение в HTML документ |
<img src="name"
align=?> |
Выравнивает
изображение к одной из сторон
документа, принимает значения: left,
right, center; bottom, top, middle |
<img src="name"
border=?> |
Устанавливает
толщину рамки вокруг изображения |
<hr> |
Добавляет в HTML
документ горизонтальную линию. |
<hr size=?> |
Устанавливает
высоту(толщину) линии |
<hr width=?> |
Устанавливает
ширину линии, можно указать ширину
в пикселах или процентах. |
<hr noshade> |
Создает линию без
тени. |
<hr color=?> |
Задает линии
определенный цвет. Значение RRGGBB. |
|
Таблицы
|
<table></table> |
Создает таблицу. |
<tr></tr> |
Определяет строку
в таблице. |
<td></td> |
Определяет
отдельную ячейку в таблице. |
<th></th> |
Определяет
заголовок таблицы (нормальная
ячейка с отцентрованным жирным
текстом) |
Атрибуты
таблицы
|
<table border=#> |
Задает толщину
рамки таблицы. |
<table
cellspacing=#> |
Задает расстояние
между ячейками таблицы. |
<table
cellpadding=#> |
Задает расстояние
между содержимым ячейки и ее
рамкой. |
<table width=#> |
Устанавливает
ширину таблицы в пикселах или
процентах от ширины документа. |
<tr align=?>
или <td align=?> |
Устанавливает
выравнивание ячеек в таблице,
принимает значения: left, center, или right. |
<tr valign=?>
или <td valign=?> |
Устанавливает
вертикальное выравнивание для
ячеек таблицы, принимает значения :
top, middle, или bottom. |
<td colspan=#> |
Указывает кол-во
столбцев которое объединено в
одной ячейке. (по умолчанию=1) |
<td rowspan=#> |
Указывает кол-во
строк которое объединено в одной
ячейке. (по умолчанию=1) |
<td nowrap> |
Не позволяет
программе просмотра делать
перевод строки в ячейке таблицы. |
|
Кадры
|
<frameset></frameset> |
Предваряет тег <body>
в документе, содержащем кадры; |
<frameset
rows="value,value"> |
Определяет строки
в таблице кадров, высота которых
определена кол-вом пикселов или в
процентном соотношении к высоте
таблицы кадров. |
<frameset
cols="value,value"> |
Определяет
столбцы в таблице кадров, ширина
которых определена кол-вом
пикселов или в процентном
соотношении к ширине таблицы
кадров. |
<frame> |
Определяет
единичный кадр или область в
таблице кадров. |
<noframes></noframes> |
Определяет, что
будет показано в окне браузера
если он не поддерживает кадры. |
|
Атрибуты
кадров
|
<frame src="URL"> |
Определяет какой
из HTML документов будет показан в
кадре. |
<frame name="name"> |
Указывает Имя
кадра или области, что позволяет
перенаправлять информацию в этот
кадр или область из других кадров. |
<frame
marginwidth=#> |
Определяет
величину отступов по левому и
правому краям кадра; должно быть
равно или больше 1. |
<frame
marginheight=#> |
Определяет
величину отступов по верхнему и
нижнему краям кадра; должно быть
равно или больше 1. |
<frame
scrolling=VALUE> |
Указывает будет-ли
выводится линейка прокрутки в
кадре; значение value может быть "yes,"
"no," или "auto". Значение по
умолчанию для обычных документов -
auto.
|
<frame
noresize> |
Препятствует
изменению размеров кадра. |
|
Формы
|
Для форм,
выполняющих какие-то функции
должны быть запущены
соответствующие CGI скрипты на
сервере. HTML только создает внешний
интерфейс формы.
|
<form></form> |
Создает формы |
<select
multiple name="NAME" size=?></select> |
Создает
скролируемое меню. Size
устанавливает кол-во пунктов меню,
которое будет показано на экране,
остальные будут доступны при
использовании прокрутки. |
<option> |
Указывает каждый
отдельный элемент меню |
<select name="NAME"></select> |
Создает
ниспадающее меню
|
<option> |
Указывает каждый
отдельный элемент меню |
<textarea
name="NAME" cols=40 rows=8></textarea> |
Создает окно для
ввода текста. Columns указывает ширину
окна; rows указывает его высоту. |
<input type="checkbox"
name="NAME"> |
Создает checkbox. За
тегом следует текст. |
<input type="radio"
name="NAME" value="x"> |
Создает radio кнопку.
За тегом следует текст. |
<input type=text
name="foo" size=20> |
Создает строку для
ввода текста. Параметром Size
указывается длина в символах. |
<input type="submit"
value="NAME"> |
Создает кнопку "Принять" |
<input type="image"
border=0 name="NAME" src="name.gif"> |
Создает кнопку "Принять"
- для этого используется
изображение |
<input type="reset"> |
Создает кнопку "Отмена" |