Основные теги | |||||||||||||
<html></html> | Указывает программе просмотра страниц что это HTML документ. | ||||||||||||
<head></head> | Определяет место, где помещается различная информация, не отображаемая в теле документа. Здесь располагается тег названия документа и теги для поисковых машин. | ||||||||||||
<body></body> | Определяет видимую часть документа | ||||||||||||
Теги оглавления | |||||||||||||
<base href="www.?"> | Указание браузеру от какого базового адреса все ссылки (кроме ссылок, явно прописанных полностью) | ||||||||||||
<base target="?"> | Указание браузеру от какого базового окна, в котором открываются все ссылки (кроме ссылок с отдельным указанием данного параметра) | ||||||||||||
<meta name="allow-search" content="?"> | Указание для поисковых роботов, как следует сканировать данную страницу | ||||||||||||
<meta http-equiv="distribution" content="?"> | Указание для поисковых роботов, относится ли данная страница к мировым | ||||||||||||
<meta name="robots" content="?"> | Указание для поисковых роботов, как следует сканировать данную страницу | ||||||||||||
<meta name="author" content="?"> | Указание автора странички | ||||||||||||
<meta name="keywords" content="?"> | Описание содержащийся информации (для поисковых машин) | ||||||||||||
<meta http-eguive="content-type" content="text/plain;churset="?"> | Указание браузеру в какой кодировке следует подгружать страницу (Window-1251, KOI8-R, KOI8-U, ISO-8859-5, UTF-8, UTF-16 и д.р.) Некоторые хостинги (в основном иностранные) автоматически перекодируют страницы, получаемые сервером в определенную кодировку. Поэтому уточняйте перед постановкой этого тега у поставщиков хостинга этот вопрос | ||||||||||||
<meta name="description" content="?"> | Ключевые слова странички (для поисковых машин) | ||||||||||||
<title></title> | Помещает название документа в оглавление программы просмотра страниц | ||||||||||||
Атрибуты тела документа | |||||||||||||
<body bgcolor="?"> | Устанавливает цвет фона документа, используя значение цвета в виде RRGGBB - пример: 003639 - красный цвет | ||||||||||||
<body text="?"> | Устанавливает цвет текста документа, используя значение цвета в виде RRGGBB - пример: 000000 - черный цвет | ||||||||||||
<body link="?"> | Устанавливает цвет гиперссылок, используя значение цвета в виде RRGGBB - пример: 00FF00 - зеленый цвет | ||||||||||||
<body vlink="?"> | Устанавливает цвет гиперссылок, на которых вы уже побывали, используя значение цвета в виде RRGGBB - пример: 333333 - серый цвет | ||||||||||||
<body alink="?"> | Устанавливает цвет гиперссылок при нажатии | ||||||||||||
Теги форматирования текста | |||||||||||||
<pre></pre> | Обрамляет предварительно отформатированный текст | ||||||||||||
<h1></h1> | Создает самый большой заголовок | ||||||||||||
<h2></h2>, <h3>, </h3><h4></h4>, <h5>, </h5> | Создает заголовоки промежуточных размеров | ||||||||||||
<h6></h6> | Создает самый маленький заголовок | ||||||||||||
<b></b> | Создает жирый текст (нерекомендованный) | ||||||||||||
<i></i> | Создает наклонный текст (нерекомендованный) | ||||||||||||
<tt></tt> | Создает текст - имитирующий стиль печатной машинки. (нерекомендованный) | ||||||||||||
<kbd></kbd> | Создает текст - имитирующий стиль печатной машинки. (рекомендованный) | ||||||||||||
<var></var> | Название переменных отображается курсивом | ||||||||||||
<cite></cite> | Выделение цитат курсивом | ||||||||||||
<address></address> | Отображается курсивом в виде отдельного абзаца | ||||||||||||
<em></em> | Наклонный текст (воспринимается посковыми роботами как выделение) | ||||||||||||
<strong></strong> | Жирный текст (воспринимается посковыми роботами, как особо сильное выделение) | ||||||||||||
<font size="?"></font> | Устанавливает размер текста в пределах от 1 до 7 | ||||||||||||
<font color="?"></font> | Устанавливает цвет текста, используя значение цвета в виде RRGGBB | ||||||||||||
Гиперссылки | |||||||||||||
<a href="URL"></a> | Создает гиперссылку на другие сайты | ||||||||||||
<atarget="?"></a> | Указывает в каком окне открывать гиперссылку.
| ||||||||||||
<a href="NAME"></a> | Создает гиперссылку на другую страницу | ||||||||||||
<a href="mailto:EMAIL"></a> | Создает гиперссылку вызова почтовой программы для написания письма по указанному адресу | ||||||||||||
<a href="#name"></a> | Создает гиперссылку на метку текущей страницы | ||||||||||||
<a name="name"></a> | Отмечает часть текста, как метку для гипперссылок на странице | ||||||||||||
<a href="NAME#name"></a> | Создает гиперссылку на метку другой страницы | ||||||||||||
Форматирование | |||||||||||||
<p></p> | Создает новый параграф | ||||||||||||
<p align="?"></p> | Выравнивает параграф относительно одной из сторон документа, значения: left, right, justify или center | ||||||||||||
<nobr> | Запрещает перевод строки | ||||||||||||
<wbr> | Указывает, где разбивать строку для переноса при необходимости | ||||||||||||
<br> | Вставляет перевод строки | ||||||||||||
<blockquote></blockquote> | Создает отступы с обеих сторон текста | ||||||||||||
<dl></dl> | Создает список определений | ||||||||||||
<dt> | Определяет каждый из терминов списка | ||||||||||||
<dd> | Описывает каждое определение | ||||||||||||
<ol></ol> | Создает нумерованный список | ||||||||||||
<li> | Определяет каждый элемент списка и присваивает номер | ||||||||||||
<ul></ul> | Создает ненумерованный список | ||||||||||||
<li> | Предваряет каждый элемент списка и добавляет кружок или квадратик | ||||||||||||
<div align="?"></div> | Важный тег, используемый для форматирования больших блоков текста HTML документа, также используется в таблицах стилей | ||||||||||||
Графические элементы | |||||||||||||
<img src="name"> | Добавляет изображение в HTML документ | ||||||||||||
<img src="name" align="?"> | Выравнивает изображение к одной из сторон документа, принимает значения: left, right, center; bottom, top, middle | ||||||||||||
<img src="name" border="?"> | Устанавливает толщину рамки вокруг изображения | ||||||||||||
<img src="name" vspase="?"> | Устанавливает поля сверху и снизу | ||||||||||||
<img src="name" hspase="?"> | Устанавливает поля с боков | ||||||||||||
<img src="name" alt="?"> | Всплывающая подсказка при наведении на имедж | ||||||||||||
<hr> | Добавляет в HTML документ горизонтальную линию. | ||||||||||||
<hr size="?"> | Устанавливает высоту (толщину) линии | ||||||||||||
<hr width="?"> | Устанавливает ширину линии, можно указать ширину в пикселах или процентах | ||||||||||||
<hr noshade> | Создает линию без тени | ||||||||||||
<hr color="?"> | Задает линии определенный цвет. Значение RRGGBB | ||||||||||||
Таблицы | |||||||||||||
<table></table> | Создает таблицу | ||||||||||||
<tr></tr> | Определяет строку в таблице | ||||||||||||
<td></td> | Определяет отдельную ячейку в таблице | ||||||||||||
<th></th> | Определяет заголовок таблицы (нормальная ячейка с отцентрованным жирным текстом) | ||||||||||||
<caption></caption> | Определяет подпись таблицы | ||||||||||||
Атрибуты таблицы | |||||||||||||
<table border="#"> | Задает толщину рамки таблицы | ||||||||||||
<table cellspacing="#"> | Задает расстояние между ячейками таблицы | ||||||||||||
<table cellpadding="#"> | Задает расстояние между содержимым ячейки и ее рамкой | ||||||||||||
<table width="#"> | Устанавливает ширину таблицы в пикселах или процентах от ширины документа | ||||||||||||
<table height="#"> | Устанавливает высоту таблицы в пикселах или процентах от высоты документа | ||||||||||||
<tr align="?"> или <td align="?"> | Устанавливает выравнивание ячеек в таблице, принимает значения: left, center, или right | ||||||||||||
<tr valign="?"> или <td valign="?"> | Устанавливает вертикальное выравнивание для ячеек таблицы, принимает значения: top, middle, или bottom | ||||||||||||
<td colspan="#"> | Указывает кол-во столбцев, которое объединено в одной ячейке. (по умолчанию=1) | ||||||||||||
<td rowspan="#"> | Указывает кол-во строк, которое объединено в одной ячейке. (по умолчанию=1) | ||||||||||||
<td nowrap> | Не позволяет программе просмотра делать перевод строки в ячейке таблицы | ||||||||||||
<td width="#"> | Устанавливает ширину ячейки в пикселах или процентах от ширины таблицы (ячейки одного столбца не могут иметь разную ширину) | ||||||||||||
<td height="#"> | Устанавливает высоту ячейки в пикселах или процентах от высоты таблици (ячейки одной строки не могут иметь разную высоту) | ||||||||||||
Фреймы | |||||||||||||
<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> | Препятствует изменению размеров фрейма пользователем | ||||||||||||
Ифрейм и его атрибуты | |||||||||||||
<iframe></iframe> | Создает контейнер, который может содержать любые элементы. Остальные элементы обтекают этот контейнер | ||||||||||||
<iframe src="URL"> | Определяет какой из HTML документов будет показан в ифрейме | ||||||||||||
<iframe name="name"> | Указывает Имя ифрейма, что позволяет перенаправлять информацию в этот ифрейм | ||||||||||||
<iframe vspase="?"> | Устанавливает поля сверху и снизу снаружи от ифрейма | ||||||||||||
<iframe hspase="?"> | Устанавливает поля с боков снаружи от ифрейма | ||||||||||||
<iframe marginwidth="#"> | Определяет величину отступов по левому и правому краям внутрь ифрейма; должно быть равно или больше 1 | ||||||||||||
<iframe marginheight="#"> | Определяет величину отступов по верхнему и нижнему краям внутрь ифрейма; должно быть равно или больше 1 | ||||||||||||
<iframe scrolling=VALUE> | Указывает будет ли выводиться линейка прокрутки в ифрейме; значение value может быть "yes," "no," или "auto". Значение по умолчанию для обычных документов - auto | ||||||||||||
<iframe width="#"> | Определяет ширину ифрейма | ||||||||||||
<iframe height="#"> | Определяет высоту ифрейма | ||||||||||||
<iframe title="?"> | Текст всплывающей подсказки | ||||||||||||
Формы | |||||||||||||
<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"> | Создает кнопку "Очистить" | ||||||||||||
Название | Символ | ASCII | Имя | ||||||||||
Табулятор | 	 | ||||||||||||
Перевод строки | 
 | ||||||||||||
Возврат каретки | 
 | ||||||||||||
Пробел |   | ||||||||||||
Восклицательный знак | ! | ! | |||||||||||
Кавычка | " | " | " | ||||||||||
Знак решетка | # | # | |||||||||||
Доллар | $ | $ | |||||||||||
Процент | % | % | |||||||||||
Амперсанд | & | & | & | ||||||||||
Апостроф | ' | ' | |||||||||||
Скобка левая круглая | ( | ( | |||||||||||
Скобка правая круглая | ) | ) | |||||||||||
Звездочка | * | * | |||||||||||
Плюс | + | + | |||||||||||
Запятая | , | , | |||||||||||
Минус | - | - | |||||||||||
Точка | . | . | |||||||||||
Косой штрих | / | / | |||||||||||
Цифры | 0-9 | 0-9 | |||||||||||
Двоеточие | : | : | |||||||||||
Точка с запятой | ; | ; | |||||||||||
Меньше | < | < | |||||||||||
Равно | = | = | |||||||||||
Больше | > | > | |||||||||||
Знак вопроса | ? | ? | |||||||||||
Знак обезьянка | @ | @ | |||||||||||
Прописные буквы | A-Z | A-Z | |||||||||||
Скобка квадратная левая | [ | [ | |||||||||||
Косой штрих с наклоном вправо | \ | \ | |||||||||||
Скобка квадратная правая | ] | ] | |||||||||||
Степень | ^ | ^ | |||||||||||
Знак подчеркивания | _ | _ | |||||||||||
Ударение | ` | ` | |||||||||||
Строчные буквы | a-z | a-z | |||||||||||
Фигурная скобка левая | { | { | |||||||||||
Вертикальный штрих | | | | | |||||||||||
Фигурная скобка правая | } | } | |||||||||||
Тильда | ~ | ~ | |||||||||||
Запятая | ‚ | ‚ | |||||||||||
Флорин | ƒ | ƒ | |||||||||||
Кавычка нижняя правая | &;#132; | „ | |||||||||||
Многоточие | … | … | |||||||||||
Крест | † | † | |||||||||||
Двойной крест | ‡ | ‡ | |||||||||||
Крышка | ˆ | ˆ | |||||||||||
Промилле | ‰ | ‰ | |||||||||||
параграф | Š | Š | |||||||||||
Символ меньше | < | ‹ | |||||||||||
Большое ОЕ | Œ | Œ | |||||||||||
Одинарная кавычка слева | ‘ | ‘ | |||||||||||
Одинарная кавычка справа | ’ | ’ | |||||||||||
Кавычка слева | “ | “ | |||||||||||
Кавычка справа | ” | ” | |||||||||||
Крупная точка | • | • | |||||||||||
Короткий дефис | – | – | |||||||||||
Длинный дефис | — | — | |||||||||||
Тильда | ˜ | ˜ | |||||||||||
Торговый знак | ™ | ™ | ® | ||||||||||
š | š | ||||||||||||
Символ больше | > | › | |||||||||||
Маленькое ое | œ | œ | |||||||||||
Большой Y-умлаут | Ÿ | Ÿ | |||||||||||
Неразрывный пробел |   | | |||||||||||
Перевернутый восклицательный знак | ¡ | ¡ | &ixcl; | ||||||||||
Цент | ¢ | ¢ | ¢ | ||||||||||
Фунт | £ | £ | £ | ||||||||||
Валюта | ¤ | ¤ | ¤ | ||||||||||
Иена | ¥ | ¥ | ¥ | ||||||||||
Прерванный штрих | ¦ | ¦ | ¦ | ||||||||||
Параграф/Раздел | § | § | § | ||||||||||
Точки умлаута | ¨ | ¨ | ¨ | ||||||||||
Копирайт | © | © | © | ||||||||||
Порядковое числительное женского рода | ª | ª | ª | ||||||||||
Французская кавычка слева | « | « | « | ||||||||||
Не/Нет | ¬ | ¬ | |||||||||||
Разрыв в месте переноса | - | ­ | ­ | ||||||||||
Зарегистрированный торговый знак | ® | ® | ® | ||||||||||
Надчеркивание | ¯ | ¯ | ¯ | ||||||||||
Градус | ° | ° | ° | ||||||||||
Плюс-минус | ± | ± | ± | ||||||||||
Вторая степень | ² | ² | ² | ||||||||||
Третья степень | ³ | ³ | ³ | ||||||||||
Маленькое а с ударением | ´ | ´ | &acuate; | ||||||||||
Мю | µ | µ | µ | ||||||||||
Параграф | ¶ | ¶ | ¶ | ||||||||||
Средняя точка | · | · | · | ||||||||||
Цедиль | ¸ | ¸ | ¸ | ||||||||||
Первая степень | ¹ | ¹ | ¹ | ||||||||||
Порядковое числительное мужского рода | º | º | º | ||||||||||
Французская кавычка справа | » | » | » | ||||||||||
Дробь 1/4 | ¼ | ¼ | ¼ | ||||||||||
Дробь 1/2 | ½ | ½ | ½ | ||||||||||
Дробь 3/4 | ¾ | ¾ | ¾ | ||||||||||
Перевернутый вопросительный знак | ¿ | ¿ | ¿ | ||||||||||
Большая А с ударением | À | À | À | ||||||||||
Большая А с ударением | Á | Á | Á | ||||||||||
Большая А с крышкой | Â | Â | Â | ||||||||||
Большая А с тильдой | Ã | Ã | Ã | ||||||||||
Большая А-умлаут | Ä | Ä | Ä | ||||||||||
Большая А с кружком | Å | Å | Å | ||||||||||
Большое АЕ | Æ | Æ | Æ | ||||||||||
Большая С цедил | Ç | Ç | Ç | ||||||||||
Большая Е с ударением | È | È | È | ||||||||||
Большая Е с ударением | É | É | É | ||||||||||
Большая Е с крышкой | Ê | Ê | Ê | ||||||||||
Большая Е-умлаут | Ë | Ë | Ë | ||||||||||
Большая I с ударением | Ì | Ì | Ì | ||||||||||
Большая I c крышкой | Î | Î | &Icirс; | ||||||||||
Большая I-умлаут | Ï | Ï | Ï |