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