Основные теги
|
<html></html> Указывает программе просмотра страниц что это HTML документ. |
|
<head></head> Определяет место, где помещается различная информация не отображаемая в теле документа. Здесь располагается тег названия документа и теги для поисковых машин. |
|
<body></body> Определяет видимую часть документа |
Теги оглавления
|
<base href="ww ..?"> Указание браузеру от какого базового адреса все ссылки (кроме ссылок явно прописанных полностью) |
|
<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-eguiv="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 - пример: FF0000 - красный цвет. |
|
<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> Указывает в каком окне открывать гиперссылку. |
|
параметры |
Значение |
|
_Blank |
Загрузка содержимого страницы, заданной ссылкой, в новое пустое окно |
|
_Parent |
Загрузка содержимого страницы, заданной ссылкой, в окно, которое содержит ссылку |
|
_Self |
Загрузка содержимого страницы, заданной ссылкой, в окно, игнорируя используемые фреймы |
|
_Top |
Загрузка содержимого страницы, заданной ссылкой, в окно, игнорируя использованные фреймы |
|
|
|
<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 документа, также используется в таблицах стилей |
Графические элементы
|
<imgsrc="name"> Добавляет изображение в HTMLдокумент |
|
<imgsrc="name" align="?"> Выравнивает изображение к одной из сторон документа, принимает значения: left, right, center; bottom, top, middle |
|
<img src="name" border="?"> Устанавливаеттолщинурамкивокругизображения |
|
<imgsrc="name" vspase="?"> Устанавливает поля сверху и снизу |
|
<img src="name" hspase="?"> Устанавливаетполясбоков |
|
<imgsrc="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. |
|
<iframewidth="#"> Определяет ширину ифрейма |
|
<iframeheight="#"> Определяет высоту ифрейма; |
|
<iframe title="?"> Текствсплывающейподсказки |
Формы
|
<form></form> Создаетформы |
|
<select multiple name="NAME" size="?"></select> Создаетскролируемоеменю. Size устанавливает кол-во пунктов меню, которое будет показано на экране, остальные будут доступны при использовании прокрутки. |
|
<option> Указывает каждый отдельный элемент меню |
|
<select name="NAME"></select> Создаетниспадающееменю |
|
<option> Указывает каждый отдельный элемент меню |
|
<textareaname="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"> Создаеткнопку"Отправить" - дляэтогоиспользуетсяизображение |
|
<inputtype="reset"> Создает кнопку "Очистить |
"
"