Основные теги HTML

Основные теги HTML

<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-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 документа, также используется в таблицах стилей

Графические элементы

<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 src="URL"> Определяет какой из HTML документов будет показан в ифрейме.

<iframe name="name"> Указывает Имя ифрейма, что позволяет перенаправлять информацию в этот ифрейм .

<iframe vspase="?"> Устанавливает поля сверху и снизу с наружи от ифрейма

<iframe hspase="?"> Устанавливает поля сбоков с наружи от ифрейма

<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"> Создает кнопку "Очистить"

Некоторые полезные теги HTML