| Основные теги |
| <html></html> | Указывает программе просмотра страниц что это HTML документ. |
| <head></head> | Определяет место, где помещается различная информация не отображаемая в теле документа. Здесь располагается тег названия документа и теги для поисковых машин. |
| <body></body> | Определяет видимую часть документа |
| Теги оглавления |
| <base href="www.?"> | Одиночный тег служит для указания полного URL-адреса документа. Представьте, что блуждая по интернету, вы сохранили какую-нибудь html-страницу себе на компьютер, с тем, чтобы просмотреть ее позже. Все картинки на этой страницы превратятся в красные крестики. Но если вы не отключены от сети, а на странице присутствует тег base, то браузер будет знать, где искать необходимый файл, найдет его и загрузит картинки. |
| <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="?"> | Устанавливает цвет гиперссылок при нажатии. |
| <body leftmargin="?"> | Определяет отступ от левого края окна браузера до контента страницы |
| <body rightmargin="?"> | Определяет отступ от правого края окна браузера до контента страницы |
| <body topmargin="?" > | Определяет отступ от верхнего края окна браузера до контента страницы |
| <body bottommargin="?"> | Определяет отступ от нижнего края окна браузера до контента страницы |
| Теги форматирования текста |
| <pre></pre> | Обрамляет предварительно отформатированный текст. Бывают ситуации, когда какие-то предложения в тексте, его части, нужно оформить с обязательными дополнительными пробелами. Этот тег заставляет учитывать все символы пробелов и табуляции, которые есть в тексте, заключенном между ними. |
| <h1></h1> | Создает самый большой заголовок |
| <h2></h2>, <h3>, </h3><h4></h4>, <h5>, </h5> | Создает заголовоки промежуточных размеров |
| <h6></h6> | Создает самый маленький заголовок |
| <tt></tt> | Создает текст - имитирующий стиль печатной машинки. (нерекомендованный) |
| <kbd></kbd> | Создает текст - имитирующий стиль печатной машинки. (рекомендованный) |
| <code></code> | Используются при необходимости вывести на экран фрагмент программного кода. Браузеры обычно отображают его как моноширинный текст уменьшенного размера |
| <i></i> | Создает наклонный текст (нерекомендованный) |
| <address></address> | Отображается курсивом в виде отдельного абзаца |
| <var></var> | Название переменных отображается курсивом |
| <cite></cite> | Используются для логического выделения названий книг, статей и цитат |
| <dfn></dfn> | Используются для выделения определений |
| <em></em> | Выделяют важные фрагменты текста |
| <b></b> | Создает жирый текст (нерекомендованный) |
| <strong></strong> | Жирный текст (воспринимается поисковыми роботами, как особо сильное выделение) |
| <big></big> | выводят текст большего размера, чем остальная часть текста, на 1 пункт, возможны парные и т.д. для увиличения на 2 пункта и т.д. |
| <small></small> | выводят текст меньшего размера, чем остальная часть текста |
| <ins></ins> | Используется для подчеркивания важных фрагментов текста (нерекомендованный) |
| <u></u> | Используется для подчеркивания важных фрагментов текста |
| <del></del> | Зачерекнутый |
| <s></s> | Зачерекнутый (нерекомендованный) |
| <sub></sub> | Выводят текстниже уровнястроки шрифтом меньшего размера (Удобны для вывода математических и химических формул) |
| <sup></sup> | Выводяттекст вышеуровня строки шрифтом меньшего размера (Удобны для вывода математических и химических формул) |
| <font face="?"></font> | Название шрифта. Названий шрифтов можно привести несколько, через запятую. В этом случае, если первый указанный шрифт не будет найден, браузер станет использовать следующий по списку |
| <font size="?"></font> | Размер шрифта в условных единицах от 1 до 7. По умолчанию размер шрифта равен 3 |
| <font color="?"></font> | Устанавливает цвет текста, используя значение цвета в виде RRGGBB. |
| <abbr></abbr> | Указывают на то, что текст является аббревиатурой. По умолчанию текст подчеркивается пунктиром, а при наведении на него курсора мыши появляется всплывающая подсказка с расшифровкой аббревиатуры. Это достигается добавлением в тег параметра title, в качестве значения которого и выступает расшифровка |
| Гиперссылки |
| <a href="URL"></a> | Создает гиперссылку на другие сайты. |
| <noindex><a rel="nofollow" href="URL">Анкор ссылки</a></noindex>
| Закрывает ссылку от индексирования поисковыми системами. |
| <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>, закрывающий тег не обязателен. В отличии от тега <br> абзацы при этом отделяются друг от друга пустой строкой. |
| <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Основные теги HTML
> | Создает кнопку "Отправить" - для этого используется изображение |
| <input type="reset"> | Создает
кнопку "Очистить" |