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

<html></html> Указывает программе просмотра страниц что это HTML документ.

<head></head> Определяет место, где помещается различная информация не отображаемая в теле документа. Здесь располагается тег названия документа и теги для поисковых машин.

<body></body> Определяет видимую часть документа

Теги оглавления

<base href=»http://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-tegi-na-stranice-poiskovoy-vidachi<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.

Гиперссылки

<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»>/font>Указывает Имя ифрейма, что позволяет перенаправлять информацию в этот ифрейм .<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»>Создает кнопку «Очистить»