Nickolay.info. Обучение. Краткий справочник по тегам HTML

Справочник содержит информацию по тегам HTML стандарта 4. Некоторые широко используемые, но не документированные теги, такие как <noindex>, не включены в справочник. С другой стороны, многие теги и атрибуты, помеченные в стандарте как "нежелательные" (например, <b>, <i>) используются web-мастерами настолько широко, что вряд ли стоит ожидать прекращения поддержки их производителями браузеров.

Краткий справочник по тегам HTML

Обозначения
Элементы HTML:
a
abbr
acronym
address
applett
area
b
base
basefont
bdo
bgsound
big
blink
blockquote
body
br
button
caption
center
cite
code
col
colgroup
dd
del
dfn
dir
div
dl

dt
em
embed
fieldset
font
form
frame
frameset
h1,...,h6
head
hr
html
i
iframe
img
input
ins
isindex
kbd
label
legend
li
link
listing
map
marquee
menu
meta
nobr
noframes
noscript

object
ol
optgroup
option
p
param
plaintext
pre
q
s
samp
script
select
small
span
strike
strong
style
sub
sup
table
tbody
td
textarea
tfoot
th
thead
title
tr
tt
u

ul
var
wbr
xmp

Обозначение

Возможные значения

MIME-тип

MIME-тип файла для связанных или вложенных ресурсов.

URL

Абсолютный или относительный адрес URL.

дата-время

Дата и время в формате ГГГГ-ММ-ДДТчч:мм:ссУВЗ, где ГГГГ — 4-значный год, ММ — 2-значный номер месяца (01-12), ДД — двузначный номер дня (01-31), "T" латинская прописная — разделитель, чч — двузначный номер часа (00-23), мм — двузначный номер минуты (00-59), cc — двузначный номер секунды (00-59), УВЗ — указатель временной зоны. Неизвестные компоненты даты и времени заменяются на 00. Указатель временной зоны Z обозначает время по Гринвичу, +чч:мм — положительную разницу с Гринвичем в часах и минутах, -чч:мм — аналогичную отрицательную разницу

пикселы

Целые положительные числа, задающие количество пикселов (например, 800)

размер

Целые положительные числа, задающие количество пикселов (например, 800), либо доли в процентах от размера по горизонтали или вертикали (например, 75%)

текст

Строка символов, возможно, включающая специальные символы. При отображении переносы строк игнорируются, символы перевода строки и табуляции заменяются на пробелы, начальные и конечные пробелы в значении атрибута игнорируются. Обычно значения зависят от регистра символов

типы ссылок

Список типов ссылок, разделенных пробелами. Тип ссылки не зависит от регистра и не может содержать пробелов

цвет

Шестнадцатеричное число с префиксом # вида #RRGGBB, задающее RGB-код цвета, либо одно из символических имен цветов. Не зависит от регистра символов (см. также все цвета Интернет)

число

Десятичное число, состоящее хотя бы из одной арабской цифры

|

Выбор одного из нескольких возможных значений атрибута

Тег

Описание и атрибуты

<a>

Текстовый элемент. Его содержимое определяет положение якоря ссылки или закладки в документе. Применяется для создания закладок и гиперссылок. Может включать любые текстовые элементы, кроме <a>.

Атрибуты:

name="текст" (название закладки);

href="URL" (URL адресуемой ссылки);

rel="типы ссылок" (прямая ссылка);

rev="типы ссылок" (обратная ссылка);

target="фрейм" (фрейм для отображения ссылки или одно из значений "_blank", "_top", "_parent", "_self").

Примеры:

<a href="http://www.domain.ru">внешняя ссылка, текущее окно</a>

<a href="http://www.domain.com" target="_blank">внешняя ссылка, новое окно браузера</a>

<a href="folder/file.html">внутренняя ссылка на файл из вложенной папки folder</a>

<a name="start">определение закладки с именем start</a>

<a href="#start">ссылка на закладку с именем start</a>

<abbr>

Текстовый элемент логического форматирования. Содержит маркировку аббревиатуры. Расшифровка задается атрибутом title="текст".

Пример:

Дистанция 100&nbsp;<abbr title="метров">м</abbr>

<acronym>

Текстовый элемент логического форматирования. Содержит маркировку акронима. Расшифровка задается атрибутом title="текст".

Пример:

<acronym title="Организация Объединенных Наций">ООН</acronym>

<address>

Содержит контактную информацию о документе (имена автора, адрес E-mail и т. д.). Может содержать другие текстовые элементы.

Пример:

<address>Автор: Иванов В.А.<br>E-mail: <a href="mailto:ivanov@mail.com">ivanov@mail.com</a> </address>

<applet>

Блочный элемент. Описывает апплет на языке Java. Содержимым являются один или несколько элементов <param>, за которыми следуют блочные и/или текстовые элементы, отображаемые, если апплет не запускается.

Атрибуты:

code="текст" (имя файла класса);

codebase="URL" (базовый URL для файлов класса);

width="размер" (ширина окна апплета);

height="размер" (высота окна апплета);

archive="текст" (список библиотек классов);

object="текст" (сериализованный апплет);

name="текст" (имя апплета для взаимодействия с другими объектами);

alt="текст" (альтернативный текст);

align = "top" | "middle" | "bottom" | "left" | "right" (выравнивание окна апплета);

hspace="пикселы" (горизонтальный отступ);

vspace="пикселы" (вертикальный отступ).

Пример:

<applet code="slideways.class" height="100">

<param name="Notice" value="Applet by www.BrainCode.com">

<param name="Direction" value="1">

<param name="LinkMode" value="0">

<param name="Image1" value="01.jpg">

<param name="Image2" value="02.jpg">

</applet>

<area>

Не имеет содержимого и закрывающей части. Определяет активную область изображения, чувствительную к нажатию мыши.

Атрибуты:

shape="rect" | "circle" | "poly" | "default" (область в карте ссылок);

coords="список координат в карте ссылок" (числа через запятую);

href="URL" (URL ссылки);

nohref (используется, если область неактивна);

alt="текст" (альтернативный текст);

target="фрейм" (фрейм для отображения ссылки).

Пример: см. <map>

<b>

Текстовый элемент физического форматирования. Отображает содержимое полужирным шрифтом.

Пример:

<p>Выделение <b>полужирным</b> шрифтом

<base>

Не имеет содержимого и закрывающей части. Помещается в элементе <head>. Задает в обязательном атрибуте href URL для данного документа, используемый браузером для приведения относительных URL к полным.

Атрибуты:

href="URL" (URL документа);

target="фрейм" (имя фрейма для отображения ссылок).

Пример:

<base href="http://www.domain.com/folder/myurl.html">

Эта <a href="../images/picture.gif">ссылка</a> указывает на URL http://www.domain.com/images/picture.gif

<basefont>

Не имеет содержимого и закрывающей части. Изменяет параметры базового шрифта, влияя на внешний вид всех последующих за ним элементов, кроме заголовков. Обязательный атрибут size имеет по умолчанию значение 3.

Атрибуты:

size="число" (размер шрифта от 1 до 7);

color="цвет" (цвет шрифта);

face="текст" (наименование гарнитуры шрифта).

Пример:

<basefont size="3" color="#000033">

<bdo>

Текстовый элемент. Обязательным атрибутом dir определяет направление вывода текста. Может содержать любые текстовые элементы и содержаться в любых блочных и текстовых элементах.

Атрибуты:

dir="ltr" | "rtl" (направление вывода текста — слева направо (по умолчанию) или справа налево).

Пример:

<bdo dir="ltr">текст</bdo>

<bgsound>

Фоновый звук (только IE, Opera). Нестандартен, не рекомендуется.

Пример:

<bgsound src="sound/saintsgo.mid" loop="infinite">

<big>

Текстовый элемент физического форматирования. Отображает содержимое крупным шрифтом.

Пример:

<p>Выделение <big>крупным</big> шрифтом

<blink>

Создает мерцающий текст. Нестандартен. Не поддерживается Internet Explorer. Не рекомендуется к использованию

Пример:

<blink>этот текст мерцает</blink>

<blockquote>

Блочный элемент. Применяется для маркировки блочных цитат, состоящих из нескольких строк. Отображается как блок текста, сдвинутый вправо. Может содержать блочные элементы, но не может быть частью абзаца или текстового элемента.

Пример:

<p>Как заметил Станислав Лем, <blockquote>любая возможная информация содержится в компьютерных инвентарях благ, а ее недоступность обусловлена лишь ужасающей избыточностью накопленных сведений</blockquote></p>

<body>

Содержит HTML-элементы, предназначенные для отображения браузером. Задается в элементе <html> после элемента <head>. Атрибуты тега считаются устаревшими и должны заменяться на стили.

Атрибуты:

background="URL" (cсылка на файл фонового рисунка);

bgcolor="цвет" (цвет фона страницы);

text="цвет" (цвет основного текста на странице);

link="цвет" (цвет непосещенных ссылок на странице);

alink="цвет" (цвет активных ссылок на странице);

vlink="цвет" (цвет посещенных ссылок на странице);

topmargin="пикселы" (верхний отступ в окне браузера);

leftmargin="пикселы" (левый отступ в окне браузера);

marginheight="пикселы" (верхний и нижний отступы в окне браузера);

marginwidth="пикселы" (левый и правый отступ в окне браузера).

Пример: см. <html>

<br>

Не имеет содержимого и закрывающей части. Определяет разрыв строки.

Пример:

<p>Строка этого абзаца<br>будет разорвана</p>

<button>

Текстовый элемент, создает кнопку формы. Может содержать любые текстовые элементы, кроме <a>, <button>, <iframe>, <input>, <label>, <select>, <textarea> и любые блочные элементы, кроме <form> и <fieldset>. Может содержаться в любых текстовых и блочных элементах, кроме <button>.

Атрибуты:

type="submit" | "reset" | "button" (тип кнопки);

name="текст" (имя кнопки);

value="текст" (начальное значение кнопки);

disabled (используется, если элемент запрещен).

Пример:

<button type="submit" name="submit" value="Отправить">Кнопка</button>

<caption>

Текстовый элемент. Определяет заголовок таблицы. Употребляется только как первый элемент внутри тега <table>. Может содержать только текстовые элементы. Расположение заголовка зависит от браузера.

Атрибуты:

align = "top" | "bottom" | "left" | "right" (горизонтальное выравнивание относительно таблицы).

Пример: см. <table>

<center>

Блочный элемент. Определяет блок, содержимое которого центрируется браузером по горизонтали.

Пример:

<center>Это блок текста центрирован</center>

<cite>

Текстовый элемент логического форматирования. Служит для выделения ссылок на названия книг, журналов, газет и других источников. По умолчанию отображается курсивом.

Пример:

Газета <cite>Аргументы и факты</cite>

<code>

Текстовый элемент логического форматирования. Указывает на программный код. По умолчанию отображается телетайпным шрифтом.

Пример:

Простейшая программа на Паскале имеет вид<code><br>

begin<br>end.</code>

<col>

Не имеет содержимого и закрывающей части. Позволяет группировать атрибуты для столбцов таблицы, не создавая их групп. Должен располагаться после элемента <caption> и перед элементом <thead>. Элементы <col> могут указываться как внутри <colgroup>, так и самостоятельно.

Атрибуты:

span="число" (число столбцов в группе);

width="размеры" (список значений через запятую, задающих ширину каждого столбца);

align="left" | "center" | "right" | "justify" (горизонтальное выравнивание содержимого);

valign="top" | "middle" | "bottom" | "baseline" (вертикальное выравнивание содержимого).

Пример: см. <colgroup>

<colgroup>

Определяет группу столбцов таблицы. Закрывающая часть не обязательна. Содержимым тега являются нуль или более тегов <col>. Должен располагаться после элемента <caption> и перед элементом <thead>.

Атрибуты:

span="число" (количество столбцов в группе);

width="размеры" (список значений через запятую, задающих ширину каждого столбца);

align="left" | "center" | "right" | "justify" (горизонтальное выравнивание содержимого);

valign="top" | "middle" | "bottom" | "baseline" (вертикальное выравнивание содержимого).

Пример:

<table align="center" border="1" cellspacing="0">

<colgroup span="6" align="center" valign="middle">

</colgroup>

<col width="1*" align="center" valign="middle">

<col width="3*" align="right" valign="bottom">

<tr>

<th>Пн</th><th>Вт</th><th>Ср</th><th>Чт</th>

<th>Пт</th><th>Сб</th>

<th><font color="red">Вс</font></th>

<td>Неделя</td>

</tr>

</table>

<dd>

Блочный элемент. Создает элемент списка определений <dl> (описание термина). Может содержать как текстовые, так и блочные элементы. Обычно определяемый тегом блок описания сдвигается браузером вправо.

Пример: см. <dl>

<del>

Блочный или текстовый элемент. Означает удаление текста из документа. Способ отображения не определен.

Атрибуты:

cite="URL" (URL, где хранится объяснение внесения изменений);

datetime="дата-время" (дата и время внесения изменений).

Пример:

<del cite="www.url.com" datetime="2007-12-31T15:30:00+03:00">Этот текст удален</del>

<dfn>

Текстовый элемент логического форматирования. Указывает на определение термина. По умолчанию отображается курсивом.

Пример:

Элемент разметки или оформления языка HTML называют <dfn>тегом</dfn>

<dir>

Устаревший элемент. Использовался вместо <ul>.

<div>

Блочный элемент. Предназначен для группировки элементов HTML-документа. Служит для задания стиля группы элементов.

Атрибуты:

align = "left" | "center" | "right" | "justify" (выравнивание текста раздела).

Пример:

<div align="center">

<p>абзац 1<p>абзац 2

</div>

<dl>

Блочный элемент. Содержит список определений. Содержимым является последовательность пар элементов <dt> и <dd>. Допускается давать несколько определений одному термину или сопоставлять одно определение нескольким терминам.

Пример:

<dl>

<dt><strong>Браузер</strong>

<dt><strong>Web-обозреватель</strong>

<dd>Программа для просмотра web-страниц

<dt><strong>Internet Explorer</strong>

<dd>Cокращенно IE, MSIE - бесплатный графический браузер компании Microsoft, входящий в состав всех последних версий Windows

</dl>

<dt>

Блочный элемент. Создает элемент списка определений <dl> (определение термина). Может содержать любые текстовые, но не блочные элементы. Обычно задаваемое тегом определение термина никак не выделяется визуально.

Пример: см. <dl>

<em>

Текстовый элемент логического форматирования. Служит для смыслового выделения важных фрагментов текста. По умолчанию отображается курсивом.

Пример:

Тег служит для <em>смыслового выделения</em> информации.

<embed>

Блочный элемент, не имеет закрывающей части и содержимого. Описывает связанный с документом объект, является устаревающей альтернативой тегу <object>. Нестандартен, но широко поддерживается.

Атрибуты:

code="текст" (имя файла, содержащего Java-апплет);

src="URL" (URL загружаемого файла);

width="размер" (ширина окна объекта);

height="размер" (высота окна объекта);

units="px" | "em" (единицы измерения высоты и ширины);

name="текст" (имя для использования в сценариях);

alt="текст" (альтернативный текст);

align="top" | "middle" | "bottom" | "left" | "right" (способ выравнивания объекта);

hspace="пикселы" (горизонтальный отступ от объекта до содержимого);

vspace="пикселы" (вертикальный отступ от объекта до содержимого);

pluginspage="URL" (URL загружаемого модуля для отображения объекта).

Пример:

<embed src="sound/rooster.wav" width="144" height="60" autostart="true" align="left" hspace="5" vspace="5">

<fieldset>

Блочный элемент. Определяет группу управляющих элементов формы. Содержимое — элемент <legend>, задающий заголовок группы элементов, за которым могут располагаться любые блочные и/или текстовые элементы, включая другой тег <fieldset>. Тег может содержаться в элементах <blockquote>, <body>, <dd>, <del>, <div>, <fieldset>, <form>, <iframe>, <ins>, <li>, <map>, <noframes>, <noscript>, <object>, <td>, <th>.

Пример: см. <form>

<font>

Блочный элемент. Задает параметры шрифта для отображения своего содержимого.

Атрибуты:

size="число" (размер шрифта от 1 до 7 включительно);

color="цвет" (цвет шрифта);

face="текст" (наименование гарнитуры шрифта).

Пример:

<font size="5" color="gold" face="Arial">золотой цвет размера 5</font>

<form>

Блочный элемент. Используется для создания интерактивных форм, служит контейнером для управляющих элементов, образующих форму. Кроме управляющих элементов может содержать сценарии и любые блочные элементы, кроме <form>. Может содержаться в элементах <blockquote>, <body>, <button>, <dd>, <del>, <div>, <fieldset>, <form>, <iframe>, <ins>, <li>, <map>, <noframes>, <noscript>, <object>, <td>, <th>.

Атрибуты:

action="URL" (URL сценария-обработчика формы);

method="get" | "post" (метод HTTP пересылки формы);

enctype="MIME-тип" (тип файла для пересылки формы);

name="текст" (название формы для сценариев);

target="фрейм" (фрейм для отображения результатов).

Пример:

<form name="form1" action="mailto:email@address.com" method="post" enctype="text/plain">

<fieldset>

<legend>Личная информация</legend>

<label>Введите Ваше имя:

<input type="text" name="name" maxlength="20" size="10" value="">

</label>

</fieldset>

<fieldset>

<legend>Пожалуйста, оцените мой сайт</legend>

<label>Общая оценка:

<select name="ball" size="1">

<option value="5" selected>отлично!</option>

<option value="4">хорошо для начала</option>

<option value="3">нужно еще поработать</option>

</select>

</label>

</fieldset>

<br><input type="submit" value="Oтправить">

</form>

<frame>

Не имеет содержимого и закрывающей части. Определяет фрейм, т. е. независимое прямоугольное подокно внутри окна браузера. Содержится внутри элемента <frameset>, прямо или косвенно определяющего размеры окна.

Атрибуты:

name="текст" (имя фрейма для ссылки атрибутом target);

src="URL" (URL целевого документа);

frameborder="1" | "0" (наличие рамки);

marginwidth="пикселы" (ширина полей вокруг содержимого);

marginheight="пикселы" (высота полей вокруг содержимого);

noresize (используется для запрета изменения размера фрейма);

scrolling="yes" | "no" | "auto" (служит для управления полосами прокрутки фрейма).

Пример: см. <frameset>

<frameset>

Блочный элемент. Описывает разбиение окна обозревателя на фреймы, употребляется вместо элемента <body> и располагается сразу после <head>. Состоит из одного или нескольких элементов <frameset> или <frame>, может содержать элемент <noframes>.

Атрибуты:

rows="размеры" (список размеров строк через запятую — пикселы, проценты или относительные размеры вида i*, где i — число);

cols="размеры" (список размеров столбцов через запятую — пикселы, проценты или относительные размеры вида i*, где i — число).

Пример:

<frameset rows="40,*" frameborder="1">

<frame src="reclama.html" name="top" scrolling="no" noresize>

<frameset cols="128,*" frameborder="1">

<frame src="menu.html" name="menu" scrolling="auto">

<frame src="index.html" name="main" scrolling="yes">

<noframes>

Извините, Ваш браузер не поддерживает фреймы!

</noframes>

</frameset>

<h1>,…, <h6>

Блочные элементы. Создают заголовки от первого до шестого уровня включительно. Все параметры отображения заголовков можно изменить через стили.

Атрибуты:

align="left" | "right" | "center" | "justify" (задает выравнивание заголовка).

Пример:

<h1>Заголовок</h1>

<h2 align="center">Подзаголовок</h2>

<head>

Содержит информацию об общих свойствах документа. Задается в элементе <html> перед элементом <body>. Не отображается браузерами. Может включать в себя элементы <title>, <meta>, <base>, <link>, <style>, <script>.

Пример: см. <html>

<hr>

Не имеет содержимого и закрывающей части. Блочный элемент. Создает горизонтальную черту, обычно используемую в качестве разделителя.

Атрибуты:

size="пикселы" (толщина черты);

width="размер" (длина черты);

align="left" | "right" | "center" (горизонтальное выравнивание черты);

color="цвет" (цвет черты);

noshade (указывается при создании линии без трехмерных эффектов).

Пример:

<hr size="3" width="90%" align="center" color="red" noshade>

<html>

Указывает, что последующий документ является HTML-документом. Включает в себя все остальное содержимое документа.

Пример:

<html>

<head>

<meta name="Description" content="Изучение основных возможностей языка гипертекстовой разметки HTML">

<meta name="Keywords" content="HTML, тег, учебник">

<title>HTML. Самое необходимое</title>

</head>

<body bgcolor="#FFFFFF" text="#000000" link="#0000FF" alink="#FF0000" vlink="#800080">

<p>Содержимое документа

</body>

</html>

<i>

Текстовый элемент физического форматирования. Отображает содержимое курсивом.

Пример:

<p>Выделение <i>курсивом</i>

<iframe>

Текстовый элемент. Определяет вложенный фрейм. Может содержаться в текстовых и блочных элементах. Может содержать текстовые и блочные элементы, отображаемые только в случае, если браузер не поддерживает фреймы.

Атрибуты:

name="текст" (имя фрейма для ссылки атрибутом target);

src="URL" (URL целевого документа);

align= "top" | "middle" | "bottom" | "left" | "right" (выравнивание фрейма);

width="размер" (ширина фрейма);

height="размер" (высота фрейма);

frameborder="1" | "0" (наличие рамки);

marginwidth="пикселы" (ширина полей вокруг содержимого);

marginheight="пикселы" (высота полей вокруг содержимого);

scrolling="yes" | "no" | "auto" (используется для управления полосами прокрутки фрейма).

Пример:

<iframe name="links" src="links.html" frameborder="1" align="left" width="170" height="100">

<p><i>Извините, Ваш браузер не поддерживает плавающие фреймы.<br>Это окно адресует документ <a href="links.html" target="_blank">links.html</a></i></p></iframe>

<img>

Не имеет содержимого и закрывающей части. Указывает точку вставки в документ рисунка. Может содержаться в любых текстовых и блочных элементах, кроме <pre>.

Атрибуты:

src="URL" (URL файла, содержащего рисунок, обязателен);

alt="текст" (альтернативный текст для отображения вместо графики);

name="текст" (название рисунка для сценариев);

width="размер" (ширина рисунка);

height="размер" (высота рисунка);

align = "top" | "middle" | "bottom" | "left" | "right" (выравнивание рисунка);

hspace="пикселы" (горизонтальный отступ);

vspace="пикселы" (вертикальный отступ);

border="пикселы" (ширина рамки);

usemap="URL" (URL клиентской карты ссылок).

Примеры:

<img src="http://www.domain.com/folder/picture.gif">

<img src="images/smile.gif" width="19" height="19" align="left">

<img src="images/picture.jpg" width="600" height="400" align="center" hspace="4" vspace="4" alt="Рисунок">

<input>

Не имеет содержимого и закрывающей части. Создает управляющий элемент формы, предназначенный для ввода данных пользователем. Может содержаться в любых блочных или текстовых элементах, кроме <button>. Многими браузерами отображается только внутри элемента <form>.

Атрибуты:

type="text" | "password" | "checkbox" | "radio" | "submit" | "reset" | "file" | "hidden" | "image" | "button" (задает тип элемента);

name="текст" (имя элемента);

value="текст" (начальное значение элемента для текста, возвращаемое — для флажков и переключателей, отображаемый текст — для кнопок);

checked (состояние "выбран" для флажков и переключателей);

readonly (состояние "только чтение" для текста и паролей);

disabled (используется, если элемент запрещен);

size="число" (видимая ширина поля для текста);

maxlength="число" (максимальное количество вводимых символов для текста);

src="URL" (URL графического образа для кнопки);

alt="текст" (альтернативный текст для графической кнопки);

usemap="URL" (URL клиентской карты ссылок для графической кнопки).

Значения атрибута type имеют следующее назначение:

text — однострочное поле ввода (принято по умолчанию);

password — поле ввода пароля;

checkbox — флажок;

radio — переключатель;

reset — кнопка сброса формы;

submit — кнопка пересылки формы;

image — графическая кнопка пересылки;

button — кнопка общего назначения;

file — элемент выбора файлов. Форма, содержащая селектор файлов, должна иметь атрибуты method="post" и enctype="multipart/form-data";

hidden — скрытый элемент, служащий для передачи скрипту данных вида name="value".

Пример:

<form method="post" action="mailto:email@domain.com>

<p>Ваше имя: <input name="name" type="text" maxlength="40" size="40" value="">

<p>Ваш пол:

<input type="radio" name="pol" value="male">Мужской

<input type="radio" name="pol" value="female">Женский

<p>Какие языки программирования Вы знаете?

<input type="checkbox" name="pascal" value="yes" checked>Паскаль

<input type="checkbox" name="c" value="yes">Си

<p>Напишите несколько слов о себе:

<textarea name="about" rows="6" cols="60"></textarea>

<p><input type="submit" value="Отправить">

<input type="reset" value="Очистить">

</form>

<ins>

Блочный или текстовый элемент. Означает вставку нового текста в документ. Способ отображения не определен.

Атрибуты:

cite="URL" (URL, где хранится объяснение внесения изменений);

datetime="дата-время" (дата и время внесения изменений).

Пример:

<ins cite="www.url.com" datetime="2007-12-31T15:30:00+03:00">Этот текст вставлен</ins>

<isindex>

Устаревший элемент. Использовался вместо <input type="text">.

<kbd>

Текстовый элемент логического форматирования. Указывает на текст, вводимый пользователем с клавиатуры. По умолчанию отображается телетайпным (моноширинным) шрифтом.

Пример:

Введите команду <kbd>dir</kbd>

<label>

Текстовый элемент. Создает текстовую метку для другого элемента формы. Содержимым могут быть любые текстовые элементы, кроме <label>. Может содержаться в любых блочных и текстовых элементах, кроме <button>. Связывается с другим элементом формы атрибутом for="id элемента" или размещением соответствующего элемента в качестве содержимого тега.

Пример: см. <form>

<legend>

Текстовый элемент. Задает заголовок группы элементов. Может содержать любые текстовые элементы и употребляться только в начале элемента <fieldset>.

Пример: см. <form>

<li>

Блочный элемент. Определяет один элемент списка в теге <ul> или <ol>. Закрывающая часть необязательна. Как правило, браузер автоматически переводит строку перед каждым элементом списка.

Атрибуты:

type = "disc" | "square" | "circle" | "1" | "a" | "A" | "i" | "I" (определяет тип маркера элемента);

value="число" (изменяет нумерацию, начиная с этого элемента).

Примеры: см. <ul>, <ol>

<link>

Не имеет содержимого и закрывающей части. Определяет взаимосвязь между документами. Помещается в элементе <head>.

Атрибуты:

rel="типы ссылок" (прямая ссылка);

rev="типы ссылок" (обратная ссылка);

href="URL" (URL ссылки);

target="фрейм" (имя фрейма для отображения ссылки).

Примеры:

<link rel="stylesheet" type="text/css" href="style.css">

<link href="mailto:webmaster@domain.com" rev=made">

<listing>

Устаревший элемент. Использовался вместо <pre>.

<map>

Создает клиентскую карту ссылок. Содержимым могут быть либо элементы <area>, либо любые блочные элементы. Употребляется совместно с элементами <img>, <object> или <input>, загружающими графический образ. Обязательный атрибут name="текст" содержит название карты, используемое в атрибуте usemap тега графического образа.

Пример:

<map name="map1">

<area shape="circle" coords="50,50,50" href="1.html">

<area shape="poly" coords="50,200,200,264,400,0,50,200" href="2.html">

<area shape="rect" coords="0,270,399,299" href="3.html">

</map>

<img src="img/html_map.gif" width="400" height="300" border="1" usemap="#map1">

<marquee>

Создает бегущую строку текста. Нестандартен, поддерживается не всеми браузерами, не рекомендуется. Атрибут behavior со значением "scroll", "slide" или "alternate" управляет поведением строки.

Пример:

<center><marquee behavior="alternate" bgcolor="green" direction="right" loop="infinite" width="90%" height="50" hspace="5" vspace="5"> Бегущая строка текста</marquee></center>

<menu>

Устаревший элемент. Использовался вместо <ul>.

<meta>

Не имеет содержимого и закрывающей части. Обычно размещается в элементе <head>. Содержит метаописатели общих свойств документа в виде <meta name="свойство" content="значение"> или <meta http-equiv="Заголовок сообщения HTTP" content="значение">.

Примеры:

<meta name="Author" content="А.С. Пушкин" lang="ru">

<meta name="Description" content="Изучение основных возможностей языка гипертекстовой разметки HTML">

<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">

<meta http-equiv="Expires" content="Sun, 6 Jan 2008 09:00:00 GMT">

<meta http-equiv="Refresh" content="10;URL=http://www.domain.com/new.html">

<nobr>

Текстовый элемент. Указывает, что содержащийся в нем текст должен отображаться без разрывов строк. Нестандартен, но широко поддерживается.

Пример:

<nobr>Этот текст отображается без переноса на новую строку в окне браузера</nobr>

<noframes>

Блочный элемент. Задает альтернативное содержание фреймового документа для браузеров, не поддерживающих фреймы. Располагается в конце тела документа перед закрывающей частью </frameset>. Может содержать любые элементы, допустимые внутри тега <body>.

Пример: см. <frameset>

<noscript>

Блочный элемент. Обычно указывается после закрывающей части тега </script>. Определяет альтернативное содержимое для случаев, когда обозреватель не может исполнить ранее указанный сценарий. Может содержать любые элементы разметки содержимого.

Пример: см. <script>

<object>

Блочный элемент. Обеспечивает включение в документ объектов различных типов. Может содержаться в заголовке документа и любых текстовых или блочных элементах, кроме <pre>. Содержимым тега являются элементы <param>, за которыми могут следовать текстовые или блочные теги. Все теги, следующие за <param>, задают альтернативное содержимое, отображаемое, если браузер не поддерживает указанный тип объектов.

Атрибуты:

classid="URL" (URL кода объекта);

data="URL" (URL данных объекта);

archive="текст" (список архивных файлов с кодом объекта);

codebase="URL" ( URL для атрибутов classid, data, archive);

width="размер" (ширина окна объекта);

height="размер" (высота окна объекта);

align = "top" | "middle" | "bottom" | "left" | "right" (выравнивание объекта);

hspace="пикселы" (горизонтальный отступ);

vspace="пикселы" (вертикальный отступ);

border="пикселы" (ширина рамки);

usemap="URL" (URL клиентской карты ссылок);

name="текст" (название объекта для форм и сценариев);

codetype="MIME-тип" (тип кода объекта);

type="MIME-тип" (тип данных объекта).

Примеры:

<object type="image/jpeg" data="images/photo1.jpg" width="230" height="240">Мое фото</object>

<object classid="clsid:978C9E23-D4B0-11CE-BF2D-00AA003F40D0" id="label1" width="500" height="100" align="middle"> К сожалению, ваш браузер не поддерживает ActiveX</object>

<ol>

Блочный элемент. Определяет нумерованный список. Содержимое — один или более элементов <li>. Элементы списка обычно отображаются с отступом вправо и с номером перед началом элемента.

Атрибуты:

type="1"|"I"|"i"|"A"|"a" (задает способ нумерации элементов списка);

start="число" (определяет начало нумерации элементов списка).

Пример:

<ol>

<li>первый элемент;

<li>второй элемент

</ol>

<optgroup>

Текстовый элемент. Задает группу элементов списка. Используется внутри элемента <select>. Может содержать только элементы <option>.

Атрибуты:

label="текст" (метка группы);

disabled (используется, если элемент запрещен).

Пример:

<select name="news" size="5" multiple>

<optgroup label="Технические новости">

<option value="server" selected>Новости сервера

<option value="soft">Програмнное обеспечение

<option value="mobile">Мобильные компьютеры

</optgroup>

<optgroup label="Прочее">

<option value="weather" selected>Прогноз погоды

<option value="tv">Программа ТВ

</optgroup>

</select>

<option>

Текстовый элемент. Описывает один элемент списка. Размещается внутри элемента <select>. Может содержать только обычный текст, включая специальные символы. Содержимое тега отображается браузером как элемент списка.

Атрибуты:

value="текст" (имя элемента);

label="текст" (метка элемента);

selected (используется, если элемент выбран изначально);

disabled (указывается, если элемент запрещен).

Примеры: см. <form>, <optgroup>

<p>

Блочный элемент. Определяет абзац текста. Обычно абзац отделяется браузерами пустой строкой.

Атрибуты:

align="left" | "right" | "center" | "justify" (задает выравнивание абзаца).

Пример:

<p align="right">11 января 2008 г.

<p align="justify">Текст документа</p>

<param>

Не имеет содержимого и закрывающей части. Один или несколько тегов <param> могут находиться только в начале тегов <object> и <applet> для задания начальных значений параметров объекта в виде name="value".

Атрибуты:

name="текст" (название параметра);

value="текст" (значение параметра).

Пример: см. <applet>

<plaintext>

Устаревший элемент. Использовался вместо <pre>.

<pre>

Блочный элемент. Содержит предварительно отформатированный текст, выводимый шрифтом фиксированной ширины без сжатия пробелов и автоматического переноса слов на следующую строку. Применяется для вывода текстов, в которых размещение слов в строках имеет существенное значение.

Пример:

<p>Текст простейшей программы на Си имеет следующий вид:

<pre>

#include <stdio.h>

void main () {

printf ("\nHello, world!");

}

</pre>

<q>

Текстовый элемент логического форматирования. Служит для выделения коротких цитат в основном тексте.

Атрибуты:

cite="URL" (URL, где хранится источник цитаты).

Пример:

Колин Уилсон писал: <q>Самообман - это делать вид, что свобода есть необходимость.</q>

<s>

Текстовый элемент физического форматирования. Отображает содержимое перечеркнутым шрифтом.

Пример:

В тексте есть <s>перечеркнутое</s> слово

<samp>

Текстовый элемент логического форматирования. Указывает на вывод результатов работы программы. По умолчанию отображается телетайпным (моноширинным) шрифтом.

Пример:

При обнаружении ошибки программа выведет сообщение <samp>Bad command or file name</samp>

<script>

Определяет сценарий, выполняемый на стороне клиента. Тег может содержаться в элементе <head>, а также в любых текстовых и блочных элементах внутри тега <body>.

Атрибуты:

type="MIME-тип" (MIME-тип языка сценариев);

language="текст" (язык сценариев, обычно JavaScript);

src="URL" (URL для файла с внешним сценарием);

defer (только декларация).

Примеры:

<script type="text/javascript" src="scripts/script1.js"></script>

<script language="JavaScript">

function showCY(domain) {

if (domain=='') {

window.alert ('Вы не указали адрес сайта в поле ввода!'); }

else {

if (domain.indexOf ('http://')==-1) { domain='http://'+domain; }

window.open('http://www.yandex.ru/yandsearch?Link='+domain,'_blank'); }

}

</script>

<noscript>

<p>Извините, Ваш браузер не поддерживает Javascript.

<p>Программа недоступна.

</noscript>

<select>

Текстовый элемент. Создает интерфейсный элемент формы, предназначенный для выбора значений из списка. Отображается в виде выпадающего меню (при size="1") или многострочного списка. Содержимым тега могут быть только теги <optgroup> и <option>, определяющие элементы списка. Тег может содержаться в любых блочных и текстовых элементах, кроме <button>.

Атрибуты:

name="текст" (имя списка);

size="число" (число видимых элементов списка);

multiple (разрешает множественный выбор);

disabled (указывается, если элемент запрещен).

Примеры: см. <form>, <optgroup>

<small>

Текстовый элемент физического форматирования. Отображает содержимое мелким шрифтом.

Пример:

<p>Выделение <small>мелким</small> шрифтом

<span>

Текстовый элемент. Предназначен для группировки элементов HTML-документа. Используется для задания стиля группы элементов.

Пример:

<span lang="en">Windows</span> означает "окна"

<strike>

То же, что <s>.

<strong>

Текстовый элемент логического форматирования. Служит для сильного смыслового выделения важных фрагментов текста. По умолчанию отображается полужирным шрифтом.

Пример:

Тег &lt;strong&gt; — это <strong>более сильное</strong> выделение.

<style>

Включает в документ внутренние таблицы стилей. Обычно размещается в теге <head>. Обязательный атрибут type указывает на язык описания стилей (в настоящее время всегда задается type="text/css").

Атрибуты:

type="MIME-тип" (тип таблицы стилей).

Пример:

<style type="text/css">

P {

font-family: serif, sans-serif;

color: #000000;

font-size: 12pt;

text-align: justify;

}

</style>

<sub>

Текстовый элемент физического форматирования. Отображает содержимое подстрочным шрифтом.

Пример:

Формула воды — H<sub>2</sub>O

<sup>

Текстовый элемент физического форматирования. Отображает содержимое надстрочным шрифтом.

Пример:

My 1<sup>st</sup> HTML document

<table>

Блочный элемент, определяющий таблицу. Может содержать теги заголовка таблицы (<caption>), группирования столбцов (<colgroup>, <col>), выделения строковых секций (<thead>, <tfoot>, <tbody>), отдельных строк (<tr>) и ячеек (<th>, <td>). Ячейки таблиц <td> и <th> могут содержать текст, графические образы, гиперссылки, формы, другие таблицы.

Атрибуты:

width="размер" (ширина таблицы);

border="пикселы" (ширина рамки);

frame="void" | "above" | "below" | "hsides" | "lhs" | "rhs" | "vsides" | "box" | "border" (вид внешних рамок);

rules="none" | "groups" | "rows" | "cols" | "all" (вид внутренних рамок);

cellspacing="размер" (расстояние между ячейками);

cellpadding="размер" (отступ от краев ячеек до содержимого);

align="left" | "right" | "center" (горизонтальное выравнивание таблицы);

bgcolor="цвет" (цвет фона элемента).

Пример:

<table align="center" border="1" cellpadding="4" cellspacing="0">

<caption>Заголовок таблицы</caption>

<tr bgcolor="yellow" align="center">

<th>Cтрока заголовка, столбец 1</th>

<th>Cтрока заголовка, столбец 2</th>

</tr>

<tr>

<td align="center">Строка данных, столбец 1</td>

<td align="center">Строка данных, столбец 2</td>

</tr>

</table>

<tbody>

Блочный элемент. Определяет группу строк тела таблицы. Содержимое элемента — один или несколько тегов <tr>.

Атрибуты:

align="left" | "center" | "right" | "justify" (горизонтальное выравнивание содержимого);

valign="top" | "middle" | "bottom" | "baseline" (вертикальное выравнивание содержимого).

Пример:

<table border="1">

<thead><tr>

<th>Заголовок 1</th>

<th>Заголовок 2</th>

</tr></thead>

<tfoot><tr>

<th>Итог 1</th>

<th>Итог 2</th>

</tr></tfoot>

<tbody><tr>

<td>Блок 1, строка 1, данные 1</td>

<td>Блок 1, строка 1, данные 2</td>

</tr><tr>

<td>Блок 1, строка 2, данные 1</td>

<td>Блок 1, строка 2, данные 2</td>

</tr></tbody>

<tbody><tr>

<td>Блок 2, данные 1</td>

<td>Блок 2, данные 2</td>

</tr></tbody>

</table>

<td>

Блочный элемент. Определяет одну ячейку данных таблицы. Содержимым тега могут быть как блочные, так и текстовые элементы. Располагается внутри тега <tr>.

Атрибуты:

rowspan = число (число строк таблицы, занятых ячейкой);

colspan = число (число столбцов таблицы, занятых ячейкой);

align="left" | "center" | "right" | "justify" (горизонтальное выравнивание содержимого);

valign="top" | "middle" | "bottom" | "baseline" (вертикальное выравнивание содержимого);

width="размер" (ширина элемента);

height="размер" (высота элемента);

bgcolor="цвет" (цвет фона элемента);

nowrap (если указано — не переносить содержимое на новую строку).

Пример: см. <table>

<textarea>

Текстовый элемент. Создает многострочное поле ввода данных. Содержимым может быть обычный текст, включая специальные символы. Этот текст становится начальным отображаемым в поле значением. Тег может содержаться в любых блочных и текстовых элементах, кроме <button>.

Атрибуты:

name="текст" (имя поля ввода);

rows="число" (рекомендуемое число видимых строк);

cols="число" (рекомендуемое число видимых столбцов);

readonly (используется, если элемент предназначен только для чтения);

disabled (указывается, если элемент запрещен).

Пример: см. <input>

<tfoot>

Блочный элемент. Определяет группу строк подзаголовка таблицы. Содержимое элемента — один или несколько тегов <tr>. Поддерживается рядом браузеров некорректно.

Атрибуты:

align="left" | "center" | "right" | "justify" (горизонтальное выравнивание содержимого);

valign="top" | "middle" | "bottom" | "baseline" (вертикальное выравнивание содержимого).

Пример: см. <tbody>

<th>

Блочный элемент. Определяет одну заголовочную ячейку таблицы. Содержимым тега могут быть как блочные, так и текстовые элементы. Располагается внутри тега <tr>. Содержимое может по умолчанию выводиться полужирным шрифтом.

Атрибуты:

rowspan="число" (число строк таблицы, занятых ячейкой);

colspan="число" (число столбцов таблицы, занятых ячейкой);

align="left" | "center" | "right" | "justify" (горизонтальное выравнивание содержимого);

valign="top" | "middle" | "bottom" | "baseline" (вертикальное выравнивание содержимого);

width="размер" (ширина элемента);

height="размер" (высота элемента);

bgcolor="цвет" (цвет фона элемента);

nowrap (если указано — не переносить содержимое на новую строку).

Пример: см. <table>

<thead>

Блочный элемент. Определяет группу строк надзаголовка таблицы. Содержимое элемента — один или несколько тегов <tr>. Поддерживается рядом браузеров некорректно.

Атрибуты:

align="left" | "center" | "right" | "justify" (горизонтальное выравнивание содержимого);

valign="top" | "middle" | "bottom" | "baseline" (вертикальное выравнивание содержимого).

Пример: см. <tbody>

<title>

Содержит текст, отображаемый в строке заголовка окна браузера. Размещается в элементе <head>. Текст заголовка может содержать специальные символы, но не другие элементы.

Пример: см. <html>

<tr>

Блочный элемент. Определяет одну строку таблицы. Содержимое — один или несколько тегов <th> и/или <td>.

Атрибуты:

align="left" | "center" | "right" | "justify" (горизонтальное выравнивание содержимого);

valign="top" | "middle" | "bottom" | "baseline" (вертикальное выравнивание содержимого);

bgcolor="цвет" (цвет фона элемента).

Пример: см. <table>

<tt>

Текстовый элемент физического форматирования. Отображает содержимое телетайпным (моноширинным) шрифтом.

Пример:

Выделение <tt>телетайпным шрифтом</tt>

<u>

Текстовый элемент физического форматирования. Отображает содержимое подчеркнутым шрифтом.

Пример:

В тексте есть <u>подчеркнутое</u> слово

<ul>

Блочный элемент. Определяет маркированный список. Содержимым являются один или более элементов <li>. Элементы списка обычно отображаются с отступом вправо и с маркером перед началом элемента.

Атрибуты:

type="disc" | "circle" | "square" (задает тип маркера списка)

Пример:

<p>Список браузеров</p><ul>

<li><a href="http://www.microsoft.com/ie" target="_blank">Internet Explorer</a>

<li><a href="http://www.opera.com/download/" target="_blank">Opera</a>

<li><a href="http://www.getfirefox.net/" target="_blank">Mozilla Firefox</a>

</ul>

<var>

Текстовый элемент логического форматирования. Применяется для выделения имен переменных и аргументов программ. По умолчанию отображается курсивом.

Пример:

Определим переменные <var>X</var> и <var>Y</var>

<wbr>

Не имеет конечного тега и содержимого. Употребляется только внутри элемента <nobr>, указывая, что в этом месте возможен разрыв строки. Нестандартен, но широко поддерживается.

Пример:

<nobr>Неразрывную строку текста можно разорвать <wbr>в этом месте</nobr>

<xmp>

Устаревший элемент. Использовался вместо <pre>.

Рейтинг@Mail.ru
вверх гостевая; E-mail