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

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

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

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

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

<title></title> — Помещает название документа в оглавление программы просмотра страниц

Атрибуты тела документа

<body bgcolor=?> — Устанавливает цвет фона документа, используя значение цвета в виде RRGGBB — пример: FF0000 — красный цвет.

<body text=?> — Устанавливает цвет текста документа, используя значение цвета в виде RRGGBB — пример: 000000 — черный цвет.

<body link=?> — Устанавливает цвет гиперссылок, используя значение цвета в виде RRGGBB — пример: 00FF00 — зеленый цвет.

<body vlink=?> — Устанавливает цвет гиперссылок на котох вы уже побывали, используя значение цвета в виде RRGGBB — пример: 333333 — серый цвет.

<body alink=?> — Устанавливает цвет гиперссылок при нажатии.

Теги для форматирования текста

<pre></pre> — Обрамляет предварительно отформатированный текст.

<h1></h1> — Создает САМЫЙ БОЛЬШОЙ заголовок

<h6></h6> — Создает самый маленький заголовок

<b></b> — Создает жирый текст

<i></i> — Создает наклонный текст

<tt></tt> — Создает текст — имитирующий стиль печатной машинки.Используется для цитат, обычно наклонный текст.

<em></em> — Используется для выделения из текста слова (наклонный или жирный текст)

<strong></strong> — Используется для выделения наиболее выжных частей текста (наклонный или жирный текст)

<font size=?></font> — Устанавливает размер текста в пределах от 1 до 7.

<font color=?></font> — Устанавливает цвет текста, используя значение цвета в виде RRGGBB.

Гиперссылки

<a xhref=»/URL»></a> — Создает гиперссылку на другие документы или часть текущего документа.

<a xhref=»mailto:EMAIL»></a> — Создает гиперссылку вызова почтовой программы для написания письма автору документа.

<a name=»NAME»></a> — Отмечает часть текста как цель для гипперссылок в документе.

<a xhref=»http://www.cyberguru.ru/#NAME»></a> — Создает гиперссылку на часть текущего документа.

Форматирование 

<p> — Создает новый параграф

<p align=?> — Выравнивает параграф относительно одной из сторон документа, значения: left, right, или center

<br> — Вставляет перевод строки.

<blockquote></blockquote> — Создает отступы с обеих сторон текста.<dl></dl>Создает список определений.

<dt> — Определяет каждый из терминов списка

<dd> — Описывает каждое определение

<ol></ol> — Создает нумерованный список

<li> — Определяет каждый элемент списка и присваивает номер

<ul></ul> — Создает ненумерованный список

<li> — Предваряет каждый элемент списка и добавляет кружок или квадратик.

<div align=?> — Важный тег используемый для форматирования больших блоков текста HTML документа, также используется в таблицах стилей

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

<img xsrc=»/name»> — Добавляет изображение в HTML документ

<img xsrc=»/namealign=?> — Выравнивает изображение к одной из сторон документа, принимает значения: left, right, center; bottom, top, middle

<img xsrc=»/nameborder=?> — Устанавливает толщину рамки вокруг изображения

<hr> — Добавляет в HTML документ горизонтальную линию.<hr size=?>Устанавливает высоту(толщину) линии

<hr width=?> — Устанавливает ширину линии, можно указать ширину в пикселах или процентах.

<hr noshade> — Создает линию без тени.

<hr color=?> — Задает линии определенный цвет. Значение RRGGBB.

Таблицы 

<table></table> — Создает таблицу.

<tr></tr> — Определяет строку в таблице.

<td></td> — Определяет отдельную ячейку в таблице.

<th></th> — Определяет заголовок таблицы (нормальная ячейка с отцентрованным жирным текстом)

Атрибуты таблицы 

<table border=#> — Задает толщину рамки таблицы.

<table cellspacing=#> — Задает расстояние между ячейками таблицы.

<table cellpadding=#> — Задает расстояние между содержимым ячейки и ее рамкой.

<table width=#> — Устанавливает ширину таблицы в пикселах или процентах от ширины документа.

<tr align=?> или <td align=?> — Устанавливает выравнивание ячеек в таблице, принимает значения: left, center, или right.

<tr valign=?> или <td valign=?> — Устанавливает вертикальное выравнивание для ячеек таблицы, принимает значения : top, middle, или bottom.

<td colspan=#> — Указывает кол-во столбцев которое объединено в одной ячейке. (по умолчанию=1)

<td rowspan=#> — Указывает кол-во строк которое объединено в одной ячейке. (по умолчанию=1)

<td nowrap> — Не позволяет программе просмотра делать перевод строки в ячейке таблицы.

Кадры 

<frameset></frameset> — Предваряет тег <body> в документе, содержащем кадры;

<frameset rows=»value,value»> — Определяет строки в таблице кадров, высота которых определена кол-вом пикселов или в процентном соотношении к высоте таблицы кадров.

<frameset cols=»value,value»> — Определяет столбцы в таблице кадров, ширина которых определена кол-вом пикселов или в процентном соотношении к ширине таблицы кадров.

<frame> — Определяет единичный кадр или область в таблице кадров.

<noframes></noframes> — Определяет, что будет показано в окне браузера если он не поддерживает кадры.

Атрибуты кадров 

<frame xsrc=»/URL»> — Определяет какой из HTML документов будет показан в кадре.

<frame name=»name»> — Указывает Имя кадра или области, что позволяет перенаправлять информацию в этот кадр или область из других кадров.

<frame marginwidth=#> — Определяет величину отступов по левому и правому краям кадра; должно быть равно или больше 1.

<frame marginheight=#> — Определяет величину отступов по верхнему и нижнему краям кадра; должно быть равно или больше 1.

<frame scrolling=VALUE> — Указывает будет-ли выводится линейка прокрутки в кадре; значение value может бытьyes,no,илиauto». Значение по умолчанию для обычных документов — auto.

<frame noresize> — Препятствует изменению размеров кадра.

Формы 

Для форм, выполняющих какие-то функции должны быть запущены соответствующие CGI скрипты на сервере. HTML только создает внешний интерфейс формы.

<form></form> — Создает формы

<select multiple name=»NAMEsize=?></select> — Создает скролируемое меню. Size устанавливает кол-во пунктов меню, которое будет показано на экране, остальные будут доступны при использовании прокрутки.

<option> — Указывает каждый отдельный элемент меню

<select name=»NAME»></select> — Создает ниспадающее меню <option>Указывает каждый отдельный элемент меню

<textarea name=»NAMEcols=40 rows=8></textarea> — Создает окно для ввода текста. Columns указывает ширину окна; rows указывает его высоту.

<input type=»checkboxname=»NAME»> — Создает checkbox. За тегом следует текст.

<input type=»radioname=»NAMEvalue=»x»> — Создает radio кнопку. За тегом следует текст.

<input type=text name=»foosize=20> — Создает строку для ввода текста. Параметром Size указывается длина в символах.

<input type=»submitvalue=»NAME»> — Создает кнопкуПринять»

<input type=»imageborder=0 name=»NAMExsrc=»/name.gif»> — Создает кнопкуПринять- для этого используется изображение<input type=»reset»>Создает кнопкуОтмена»