Ваш cправочник по HTML...

Спецсимволы

	Атрибуты
Теги	bgcolor
<html>	text
<head>	link
<title>	vlink
<body>	alink
<table>	align
<tr>	valign
<td>	color
<h#>	border
<p>	size
<img#>	width
<br>	height
<font#>	face
<ul>	background
<ol>	title
<dl>	alt
<hr>	rowspan
<meta#>	colspan
<b>	cellspacing
<i>	cellpadding
<u>	start
<a#>	hspace
<base#>	vspace
<th>	target
<sub>	bordercolor
<sup>	type

Теги и атрибуты:

Существует два типа тегов HTML - контейнерные и одиночные, которые всегда заключаются в угловые скобки <...>.

Контейнерные теги состоят из пары - открывающий и закрывающий тег <...>...</...>. Перед именем закрывающего тега необходимо ставить косую черту (слэш) "/". В закрывающем теге не нужно писать атрибуты присутствующие в открывающем теге!

Одиночные теги менее распространены и состоят лишь из открывающего тега. Пример: <br>.

Тег может иметь атрибуты и значения атрибутов. Пример: <тег имя_атрибута_1="значение" имя_атрибута_2="значение">...</тег>. Атрибуты добавляют в тег для расширения или модификации его действий.

Теги и атрибуты

Тег: <html> [контейнерный]

Указывает программе просмотра страниц что это HTML документ. В нём содержатся обязательные теги <head>, <body>.

Тег: <head> [контейнерный]

Определяет место, где помещается различная информация не отображаемая в теле документа. В нём распологаются теги: <title>, <meta>, <link>, <style>, <base>.

Тег: <body> [контейнерный]

Определяет видимую часть документа. Атрибуты:

<body bgcolor="..."> Цвет фона. Работает так же и в тегах <td> и <tr>.
<body text="..."> Устанавливает цвет текста.
<body link="..."> Устанавливает цвет гиперссылок.
<body alink="..."> Устанавливает цвет гиперссылок при нажатии.
<body vlink="..."> Устанавливает цвет гиперссылок, на которых вы уже побывали.
<body background="..."> Фоновое изображение.
<body top-margin="..."> Задаёт расстояние от границы браузера до основной таблицы. Примеры:

top-margin — отступ сверху. От 0 до ...
right-margin — отступ справа. От 0 до ..
bottom-margin — отступ снизу. От 0 до ...
left-margin" — отступ слева. От 0 до ...

Тег: <title> [контейнерный]

Помещает название документа в оглавление программы просмотра страниц.

Тег: <base> [одиночный]

<base href="..."> Указание браузеру от какого базового адреса все ссылки (кроме ссылок явно прописанных полностью).
<base target="..."> Указание браузеру от какого базового окна открываются все ссылки (кроме ссылок с отдельным указанием данного параметра). Значения атрибута target=

"_blank" — откроет документ в новом окне.
"_parent" — откроет документ во фрейме-родителе. Если такого нет, откроет в текущем окне.
"_top" — отменяет все фреймы и загружает страницу в полном окне браузера, если фреймов нет, откроет в текущем окне.
"_self" — откроет в текущем окне (по умолчанию для ссылок).

Тег: <meta> [одиночный]

Метаинформация. Служит в основном для поисковых роботов. Атрибуты и значения:

<meta name="description" content="..."> Описание документа.
<meta name="keywords" content="..."> Ключевые слова.
<meta name="robots" content="..."> Управление процессом индексации. Возможные варианты:

"index" — возможность индексирования данного документа. Наоборот - "noindex"
"follow" — возможность индексировать все документы, на которые есть ссылки в данном HTML-файле. Наоборот - "nofollow"
"all" — одновременное условие 2-ух вышеперечисленных.
"none" — одновременное условие 2-ух первоперечисленных. Наоборот.

<meta http-equiv="content-type" content="text/html; charset=windows-1251"> Кодировка документа.
<meta http-equiv="refresh" content="30"> Указывает, что документ следует перезагружать через 30 с.

Тег: <style> [одиночный]

Указывает на таблицу стилей (CSS). Записывается в теге <head>. Есть 3 способа применения:

1] <link rel="stylesheet" type="text/css" href="..."> — Таблица связанных стилей. В href="..."                                                                               указывается путь к таблице.
2] <style>
    h1 { color:red; font-family:arial }
</style>                                       — Таблица глобальных стилей. Пишется в теге <head>.
3] <i style="color:red; font-family:arial">пример</i> — Таблица внутренних стилей. Прописывается в теге.

Тег: <table> [контейнерный]

Создаёт таблицу. Обязательные теги: <td>, <tr>. Пример:

<table>
   <tr>
      <td> Пример
      </td>
   </tr>
</table>

Возможные атрибуты тега:

<table border="..."> Задаёт толщину рамки. От 0 до ...
<table bordercolor="..."> Задаёт цвет рамки.
<table cellspacing="..."> Расстояние между ячейками таблицы. От 0 до ...
<table cellpadding="..."> Расстояние между содержимым ячейки и её рамки. От 0 до ...
<table width="..."> Ширина таблицы. От 0 до ...
<table height="..."> Высота таблицы. От 0 до ...

Тег: <tr> [контейнерный]

Создаёт строку в таблице. Допустимые атрибуты:

<tr align="..."> Задаёт горизонтальное выравнивание ячеек в таблице. Допустимые значения:

"left" — выравнивание по левому краю.
"center" — выравнивание по центру.
"right" — выравнивание по правому краю.
"justify" — выравнивание теста на всю строчку.

<tr valign="..."> Задаёт вертикальное выравнивание ячеек в таблице. Допустимые значения:

"top" — выравнивание по верхнему краю.
"middle" — выравнивание по центру.
"bottom" — выравнивание по нижнему краю.

<tr bgcolor="..."> Задаёт цвет фона.

Тег: <td> [контейнерный]

Создаёт ячейку в таблице. Допустимые атрибуты: <align>, <valign>, <bgcolor>, <width>, <height>...

<td colspan="..."> Указывает кол-во столбцев, которое объединено в одной ячейке. От 1 до ...
<td rowspan="..."> Указывает кол-во строк, которое объединено в одной ячейке. От 1 до ...

Тег: <th> [контейнерный]

Определяет заголовок таблицы. Нормальная ячейка с отцентрованным жирным текстом.

Тег: <p> [контейнерный]

Создает новый параграф. Встречая этот тег, браузер продолжает текст с новой строки.
Возможные атрибуты: <align>.

Тег: <h> [контейнерный]

Задаёт заголовок.<h1>...</h1> - самый большой заголовок.<h6>...</h6> - самый маленький заголовок.
Возможные атрибуты: <align>.

Тег: <br> [одиночный]

Переносит текст на новую строку.

Тег: <nobr> [одиночный]

Запрещает перевод строки.

Тег: <b> [контейнерный]

Создает жирый текст. <b>пример</b>.

Тег: <u> [контейнерный]

Создаёт подчёркнутый текст. <u>пример</u>.

Тег: <i> [контейнерный]

Создаёт наклонный текст. <i>пример</i>.

Тег: <tt> [контейнерный]

Создаёт текст - имитирующий стиль печатной машинки. <tt>пример</tt>.

Тег: <kbd> [контейнерный]

Создаёт текст - имитирующий стиль печатной машинки. <kbd>пример</kbd>.

Тег: <em> [контейнерный]

Наклонный текст (воспринимается посковыми роботами как выделение).

Тег: <strong> [контейнерный]

Жирный текст (воспринимается посковыми роботами, как особо сильное выделение).

Тег: <hr> [одиночный]

Добавляет в HTML документ горизонтальную линию. Возможные атрибуты:

<hr noshade="..."> Создает линию без тени.
<hr size="..."> Устанавливает высоту (толщину) линии.
<hr width="..."> Устанавливает ширину линии.
<hr align="..."> Задаёт горизонтальное выравнивание в таблице.
<hr color="..."> Задает линии определенный цвет.

Тег: <sub> [контейнерный]

Задаёт в тексте нижний индекс. Пример: Н<sub>₂</sub>O [H₂O].

Тег: <sup> [контейнерный]

Задаёт в тексте верхний индекс. Пример c²=a²+b².

Тег: <font> [контейнерный]

Используется для форматирования текста. Не действует без атрибутов. Возможные атрибуты:

<font face="..."> Указывает шрифт.
<font size="..."> Устанавливает размер текста. От 1 до 7.
<font color="..."> Задает тексту определенный цвет.

Тег: <a> [контейнерный]

Создает гиперссылку на другие сайты. Возможные атрибуты:

<a href="URL"> Указывает путь на другую страницу.
<a target="..."> Указывает в каком окне открывать гиперссылку.
<a title="..."> Выскакивает подсказка при наведении на ссылку.
<a href="mailto:EMAIL"> Открывает почтовую программу с указанным EMAIL.
<a name="..."> Отмечает часть текста, как метку для гипперссылок на странице. Служит якорем.
<a href="#name"> Указывает путь к якорю.

Тег: <img> [одиночный]

Добавляет изображение в HTML документ. Обязательный атрибут - <img src="URL">. Атрибуты:

<img src="URL" align="..."> Выравнивает изображение к одной из сторон документа.
<img src="URL" border="..."> Устанавливает толщину рамки вокруг изображения.
<img src="URL" vspace="..."> Устанавливает поля сверху и снизу. От 0 до ...
<img src="URL" hspace="..."> Устанавливает поля слева и справа. От 0 до ...
<img src="URL" alt="..."> Всплывающая подсказка при наведении на картинку.

Тег: <ul> [контейнерный]

Создаёт маркированный список. В нём содержатся элементы списка <li>. Допустимые атрибуты:

<ul type="..."> Задаёт тип маркера. Допустимые значения:

"disk" — маркер в виде закрашенного кружка.
"circle" — маркер в виде кружка.
"square" — маркер в виде закрашенного крадрата.

Тег: <ol> [контейнерный]

Создаёт нумерованный список. В нём содержатся элементы списка <li>. Допустимые атрибуты:

<ol type="..."> Задаёт тип маркера.
<ol start="..."> Определяет с какого значения начинать список.

Тег: <dl> [контейнерный]

Создает список определений. Содержат термины <dt> [одиночный] и определения <dd> [одиночный].

Тег: <cite> [контейнерный]

Цитирование.

Тег: <code> [контейнерный]

Отображает примеры кода.

Тег: <samp> [контейнерный]

Последовательность литералов.

Тег: <var> [контейнерный]

Переменная.

Тег: <dfn> [контейнерный]

Определение.

Тег: <q> [контейнерный]

Текст, заключённый в скобки.

Тег: <pre> [контейнерный]

Обрамляет предварительно отформатированный текст.

Тег: <addres> [контейнерный]

Отображается курсивом в виде отдельного абзаца.

Тег: <nobr> [одиночный]

Запрещает перевод строки.

Тег: <blockqote> [контейнерный]

Создает отступы с обеих сторон текста.

Тег: <marquee> [контейнерный]

Бегущая строка. Возможные атрибуты:

<marquee scrollamount="..."> Скорость перемещения текста. От 0 до ...
<marquee behavior="alternate"> Прыжки.

HTML Теги и атрибуты

Теги и атрибуты

HTML
Теги и атрибуты