Основные теги
|
<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-eguive="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></iframe>
|
Создает
контейнер, который может содержать любые элементы. Остальные элементы
обтекают этот контейнер.
|
<iframe
src="URL">
|
Определяет
какой из HTML документов будет показан в ифрейме.
|
<iframe
name="name">
|
Указывает
Имя ифрейма, что позволяет перенаправлять информацию в этот ифрейм .
|
<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">
|
Создает
кнопку "Очистить"
|