Сводная таблица тегов HTML

Структурные теги

<html>...</html>
указывает браузеру что это HTML страница.
<head>...</head>
содержит служебную информациюю и тег <TITLE>.
<title>...</title>
содержит наименование страницы.
<body>...</body>
содержимое этого тэга выводится в рабочую область браузера.
Атрибуты тега <BODY>
bgcolor="..."
определяет цвет фона страницы.
text="..."
определяет цвет текста страницы.
background="..."
определяет фоновый рисунок страницы
link="..."
определяет цвет обычных ссылок
alink="..."
определяет цвет активной ссылки, на которой щелкнули мышью
vlink="..."
определяет цвет посещенных ссылок

Управление шрифтом текста

<font>...</font>
изменение цвета, размера и стиля шрифта текста
Атрибуты тега <FONT>
color = "..."
определяет цвет текста.
face = "..."
определяет начертание (название) шрифта.
size = "..."
определяет размер шрифта (принимает целые значения от 1 до 7).

Форматирование текста

<br>
переход на новую строку
<b>...</b>
жирное начертание текста (от английского bold - жирный)
<strong>...</strong>
жирное начертание текста
<i>...</i>
курсивное начертание текста (от английского italic - курсив)
<em>...</em>
курсивное начертание текста
<s>...</s>
зачеркнутый текст (от английского strike out - вычеркнуть)
<u>...</u>
подчеркнутый текст (от английского underline - подчеркивание)
<sup>...</sup>
верхний индекс (от английского superscript - верхний индекс)
<sub>...</sub>
нижний индекс (от английского subscript - индекс)
<pre>...</pre>
специальный стиль для оформления текстов программ (от английского preformatted - преформатированный) - моноширинный шрифт, остаются все пробелы и переходы на новую строку.
<h1>...</h1>
<h2>...</h2>
<h3>...</h3>
<h4>...</h4>
<h5>...</h5>
<h6>...</h6>
выделение заголовков текста.
Самый большой заголовок - тег <h1>, самый маленький заголовок - тег <h6>.

Абзацы

<p>...</p>
создание нового абзаца.
Атрибут тега <P>
align = "..."
выравнивает текст.
Выравнивание определяется значениями атрибута: left, right, center, justify

Линия - разделитель

<hr>
используется для отделения одной части страницы от другой.
Атрибуты тега <HR>
size = "..."
определяет толщину линии в пикселях
width = "..."
определяет ширину линии в пикселях или в процентах от ширины окна.
align = "..."
выравнивание линии.
Выравнивание определяется значениями атрибута: left, right, center
color = "..."
определяет цвет линии.

Списки

<ul>...</ul>
создание маркированного списка - (от английского unordered list — неупорядоченный список).
Перед каждым элементом маркированного списка автоматически добавляется небольшой маркер.
Содержит теги <li>
Атрибут тега <UL>
type = "..."
определяет вид маркера элемента списка.
Может принимать значения: disc, circle, square
<ol>...</ol>
создание нумерованного списка - (от английского ordered list — упорядоченный список).
Нумерованные списки представляют собой набор элементов с их порядковыми номерами. Нумерация может быть числовой или буквенной.
Содержит теги <li>
Атрибуты тега <OL>
type = "..."
определяет вид нумерации элемента списка.
Может принимать значения: 1, A, a, I, i
start = "..."
определяет, с какого значения следует начать список.
Значение задается только арабскими цифрами.
<li>...</li>
элемент маркированного или нумерованного списка.
<dl>...</dl>
создание списка определений - (от английского definition list — список определений).
Содержит теги <DT> и <DD>.
<dt>...</dt>
наименование термина списка определений - (от английского definition term — термин).
<dd>...</dd>
определение термина списка определений - (от английского definition definition — определение термина).

Рисунки

<img>
вставка рисунка в HTML страницу.
Атрибуты тега <IMG>
src="..."
определяет путь к графическому файлу.
align = "..."
определяет выравнивание рисунка относительно текста или других изображений на веб-странице.
Выравнивание определяется значениями атрибута: left, right, top, bottom, middle.
height = "..."
определяет высоту изображения.
width = "..."
определяет ширину изображения.
hspace = "..."
определяет горизонтальный отступ от изображения до окружающего текста.
vspace = "..."
определяет вертикальный отступ от изображения до окружающего текста.
border = "..."
определяет толщину рамки вокруг изображения.

Гиперссылки

<a>...</a>
установка ссылки на HTML страницу.
Атрибуты тега <A>
href="..."
указывает адрес страницы.
Адрес может быть относительным и абсолютным.
target = "_blank"
позволяет открыть страницу в новом окне браузера

Таблицы

<table>...</table>
создает таблицу.
Атрибуты тега <TABLE>
border = "..."
устанавливает толщину границы в пикселах вокруг таблицы.
width = "..."
определяет ширину таблицы.
cellpadding = "..."
определяет расстояние между границей ячейки и ее содержимым.
cellspacing = "..."
определяет расстояние между границами соседних ячеек.
bgcolor = "..."
устанавливает цвет фона таблицы.
background = "..."
задает фоновый рисунок в таблице.
<tr>...</tr>
создает строку таблицы.
Атрибуты тега <TR>
height = "..."
определяет высоту строки таблицы.
align = "..."
выравнивание содержимого ячеек строки по горизонтали.
Атрибут может принимать значения: left, right, center
valign = "..."
выравнивание содержимого ячеек строки по вертикали.
Атрибут может принимать значения: top, bottom, middle
bgcolor = "..."
устанавливает цвет фона ячеек строки.
<td>...</td>
создает ячейку строки таблицы.
Атрибуты тега <TD>
height = "..."
устанавливает высоту ячейки.
width = "..."
устанавливает ширину ячейки.
align = "..."
выравнивание содержимого ячеек строки по горизонтали.
Атрибут может принимать значения: left, right, center
valign = "..."
выравнивание содержимого ячеек строки по вертикали.
Атрибут может принимать значения: top, bottom, middle
bgcolor = "..."
устанавливает цвет фона ячейки.
background = "..."
задает фоновый рисунок в ячейке.
colspan = "..."
устанавливает число ячеек, которые должны быть объединены по горизонтали.
rowspan = "..."
устанавливает число ячеек, которые должны быть объединены по вертикали.