Таблица основных HTML-тегов
| Основные теги |
|
<html></html> |
Указывает программе просмотра страниц на то, что документ имеет формат HTML. |
<head></head> |
Определяет место, где помещается различная информация не отображаемая в теле документа. Здесь располагается тэг названия документа, а также тэги для поисковых машин и коды некоторых скриптов. |
<body></body> |
Определяет видимую часть документа. Этот тэг называют также телом документа. |
Теги оглавления |
|
<title></title> |
Помещает название документа в оглавление программы просмотра страниц. |
Атрибуты тела документа |
|
<body bgcolor=?> |
Устанавливает цвет фона документа, используя значение цвета в виде RRGGBB - пример: FFFFFF - белый цвет. |
<body text=?> |
Устанавливает цвет текста документа, используя значение цвета в виде RRGGBB - пример: 000000 - черный цвет. |
<body link=?> |
Устанавливает цвет гиперссылок, используя значение цвета в виде RRGGBB - пример: 00FF00 - зеленый цвет. |
<body vlink=?> |
Устанавливает цвет гиперссылок на котох вы уже побывали, используя значение цвета в виде RRGGBB - пример: 333333 - серый цвет. |
<body alink=?> |
Устанавливает цвет гиперссылок при нажатии. |
Теги для форматирования текста |
|
<pre></pre> |
Обрамляет предварительно отформатированный текст. |
<h1></h1> |
Создает САМЫЙ БОЛЬШОЙ заголовок |
<h5></h5> |
Создает самый маленький заголовок |
<b></b> |
Создает жирый текст |
<i></i> |
Создает наклонный текст |
<tt></tt> |
Создает текст - имитирующий стиль печатной машинки. |
<cite></cite> |
Используется для цитат, обычно наклонный текст. |
<em></em> |
Используется для выделения из текста слова (наклонный или жирный текст) |
<font size=?></font> |
Устанавливает размер текста в пределах от 1 до 7. |
<font color=?></font> |
Устанавливает цвет текста, используя значение цвета в виде RRGGBB. |
Гиперссылки |
|
<a href="URL"></a> |
Создает гиперссылку на другие документы или часть текущего документа. |
<a
href="mailto:EMAIL"> |
Создает гиперссылку вызова почтовой программы для написания письма по указанному адресу. |
<a name="NAME"></a> |
Отмечает часть текста как цель для гипперссылок в документе. |
<a href="#NAME"></a> |
Создает гиперссылку на часть текущего документа. |
Форматирование |
|
<p> |
Создает новый параграф |
<p align=?> |
Выравнивает параграф относительно одной из сторон документа, значения: left, right, justify или center |
<br> |
Вставляет перевод строки. |
<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"> |
Создает кнопку "Отмена". |
