Основные
теги |
<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> |
Создает текст - имитирующий стиль печатной
машинки. |
<cite></cite> |
Используется для цитат, обычно наклонный
текст. |
<em></em> |
Используется для выделения из текста слова
(наклонный или жирный текст) |
<strong></strong> |
Используется для выделения наиболее выжных
частей текста (наклонный или жирный текст) |
<font
size=?></font> |
Устанавливает размер текста в пределах от 1 до
7. |
<font
color=?></font> |
Устанавливает цвет текста, используя значение
цвета в виде RRGGBB. |
|
Гиперссылки |
<a
href="URL"></a> |
Создает гиперссылку на другие документы или
часть текущего документа. |
<a
href="mailto:EMAIL"> </a> |
Создает гиперссылку вызова почтовой программы
для написания письма автору документа. |
<a
name="NAME"></a> |
Отмечает часть текста как цель для
гипперссылок в документе. |
<a
href="#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
src="name"> |
Добавляет изображение в HTML
документ |
<img src="name"
align=?> |
Выравнивает изображение к одной из сторон
документа, принимает значения: left, right, center; bottom, top,
middle |
<img src="name"
border=?> |
Устанавливает толщину рамки вокруг
изображения |
<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
src="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="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"> |
Создает кнопку "Отмена" |