Основные
теги Теги
оглавления Атрибуты тела
документа Теги форматирования
текста Гиперссылки Форматирование
Графические элементы
Таблицы Атрибуты таблицы
Фреймы Атрибуты фреймов
Ифрейм и
его атрибуты Формы
|
| Основные теги |
| <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 - пример: 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 документа, также используется в таблицах
стилей |
| Графические элементы |
| <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"> |
Создает кнопку "Очистить"
|