|
Основные теги |
|
<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>
|
Создает САМЫЙ БОЛЬШОЙ заголовок |
|
<h5></h5>
|
Создает самый маленький заголовок |
|
<b></b>
|
Создает жирый текст |
|
<i></i>
|
Создает наклонный текст |
|
<tt></tt>
|
Создает текст – имитирующий стиль печатной машинки. |
|
<cite></cite>
|
Используется для цитат, обычно наклонный текст. |
|
<em></em>
|
Используется для выделения из текста слова (наклонный или жирный текст) |
|
<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, justify или 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»>
|
Создает кнопку «Отмена» |
[показать]
