- •Значения флагов разметки документа
- •Vlink - цвет ссылки, уже посещенной в прошлом
- •Vspace - вертикальный отступ
- •Vlink - (visited links color) задает цвет для ранее выбранных ссылок.
- •Верстка таблиц
- •Рамки (фреймы)
- •Расположение рамок примера
- •Картрированные изображения
- •Пример карты на изображении
- •Специальные символы и комментарии
- •Специальные символы
- •Советы по разработке и размещению html - страниц
- •Типовые ошибки html
Основные теги |
|||||||||||||
<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-eguiv="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> |
Указывает в каком окне открывать гиперссылку.
|
||||||||||||
<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"> |
Создает кнопку "Очистить" |
||||||||||||
Описание структуры документа |
|
<HTML> |
<HTML>...</HTML> Начальный и конечный теги всего HTML-документа Атрибуты version = строка Указывается версия HTML, которая была использована для создания данного документа. |
<head> |
<head>...</head> начальный и конечный теги заголовка документа. |
<title> |
<title>...</title> Начальный и конечный теги названия HTML-документа. |
<body> |
<body>...</body> начальный и конечный теги тела документа. Атрибуты alink = цвет Установка цвета активных гипертекстовых ссылок в документе. Backgroud = url Указывается URL фонового изображения. Bgcolor = цвет Установка цвета фона документа. Bgproperties = значение IE2 и выше. Если значение равно fixed, запрещается прокрутка фонового изображения вместе с содержимым документа. Leftmargin = значения IE2 и выше. Установка размера (в пикселях) левого поля документа. link = цвет Установка цвета “непосещенных” гипертекстовых ссылок в документе. Text = цвет Установка цвета обычного текста в документе. Topmargin = значения IE2 и выше. Установка размера (в пикселях) верхнего поля документа. vlink = цвет Установка цвета “посещенных” ссылок в документе. |
<style> |
<style>...</style> Только IE3. Заключает в себе список элементов стиля, которые необходимо использовать для форматирования документа. Блок <style> идет перед тегом <body> и вне всех прочих элементов, кроме <html>...</html>. |
<meta> |
<meta>...</meta> Предоставление дополнительной информации о документе. Атрибуты content = строка Указывается строка для мета-информации. Этот атрибут является необходимым. Для операций “вытягивания” на стороне клиента посредством content = "n;url = url" броузеру дается указание загрузить указанный url через n секунд. Если URL не задан, перезагружается исходный документ. Необходимо использовать с http-equiv = ”refresh” в <meta>. http-equiv = строка Указывается эквивалентное HTTP-имя для данной метаинформации и дается команда серверу включить данное имя и содержимое в HTTP - заголовок для данного документа для передачи его клиенту. При задании значение refresh в документе создается “клиентское вытягивание”. Name = строка Указывается имя метаинформации. |
Управление разрывом строк |
|
<p> |
<p>...</p> начальный и конечный теги абзаца Атрибуты align = тип Задается способ выравнивания текста в абзаце: по левому краю (left), центру(center), или правому краю (right). |
<hr> |
<hr> разрыв текущего текстового потока. В месте разрыва будет вставлена горизонтальная линейка. Атрибуты align = тип Задается способ выравнивания линейки: по левому краю (left), центру (center), или правому краю (right). Noshade Запрещается использование объемного затенения при отображении линейки. Size = пиксели Установка толщины линейки равной целому числу пикселей. Width = значение Установка ширины линейки либо равной целому числу пикселей, либо в процентах от ширины страницы. |
<div> |
<div>...</div> В документе создается раздел. Атрибуты align = тип Текст в разделе будет выровнен по левому краю (left), центру(center), или правому краю (right). |
<br> |
<br> Разрыв текущего текстового потока и возобновление его с начала следующей строки. Атрибуты clear = поле Задается “обтекание” объекта, расположение которого указано значением данного атрибута (left, right или all). При переносе на новую строку текст будет размещаться так, чтобы объект оставался видимым. |
<nobr> |
<nobr>...</nobr> В заключенном в теги тексте разрывы не допускаются. |
<wbr> |
<wbr>...</wbr> Начальный и конечный теги точки возможного разрыва слова в разделе <nobr>. |
<spacer> |
<spacer> Только N3. Вставить в текст разделитель. Атрибуты type = тип Указывается тип разделителя: vertical - между двумя строками текста помещается область пустого пространства указанного размера; horizontal - область пустого пространства указанного размера помещается между словами или символами; block - вставка прямоугольной области (подобно <img>). Size = n Указывается (в пикселях) ширина разделителя типа horizontal или высота разделителя типа vertical. Width = n Указывается (в пикселях) ширина разделителя типа block. Height = n Указывается (в пикселях) высота разделителя типа block. Align = значение Указывается способ выравнивания разделителя типа block относительно окружающего текста. Значения такие же, как в теге <img>. |
Выбор шрифта |
|
<font> |
<font>...</font> Установка размера, цвета или гарнитуры заключенного в теги текста. Атрибуты color = цвет Установка цвета заключенного в теги текста. Fase = список Установка гарнитуры заключенного в теги текста (устанавливается первый из указанных в разделенном запятыми списке имен шрифтов). Size = значение Размер шрифта устанавливается равным заданному абсолютному значению (от 1 до 7) или относительно размера <basefont> с помощью значений +n или -n. |
<basefont> |
<basefont>...</basefont> Указывается размер шрифта для последующего текста. Атрибуты Size = значение Установка размера базового шрифта. Диапазон - от 1 до 7. (Требуется; по умолчанию принимается значение 3). |
<i> |
<i>...</i> Заключенный в теги текст будет отображаться в курсивном начертании. |
<b> |
<b>...</b> Заключенный в теги текст будет отображаться жирным шрифтом. |
<tt> |
<tt>...</tt> Заключенный в теги текст будет отображаться машинописным шрифтом. |
<hn> |
<hn>...</hn> Заключенный в теги текст представляет собой заголовок уровня n. Возможные значения n - от 1 до 6. Атрибуты align = тип Указывается способ выравнивания заголовка: по левому краю (left), центру(center) или правому краю (right). |
<marquee> |
<marquee>...</marquee> IE2 и выше. Создается бегущая строка текста. Атрибуты align = позиция Задается позиция бегущей строки по вертикали относительно текста, в котором она расположена: вверху (top), посередине (middle) или внизу (bottom). Behavior = стиль Стиль бегущей строки определяется как alternate(меняет направление, дойдя до границы), scroll(побуквенно исчезает дойдя до границы и также появляется с другой стороны) мнгновенно начинает движение снова) или slide(дойдя до границы мнгновенно начинает движение снова). Bgcolor = цвет Установка цвета фона бегущей строки. Direction = направление Задается направление прокрутки текста: влево (left) или вправо (right). Height = значение Задается высота (в пикселях) зоны бегущей строки. Hspace = значение Задается размещение слева и справа от бегущей строки областей свободного пространства (в пикселях). Loop = значение Установка числа повторов анимации бегущей строки; значение может быть целым или infinite. Scrollamount = значение Задается размер (в пикселях) области смещения текста при каждой операции прокрутки. Scrolldelay = значение Указывается задержка (в миллисекундах) между последовательными смещениями текста бегущей строки. Vspace = значение Задается размещение над бегущей строкой и под ней областей свободного пространства заданной высоты (в пикселях). Width = значение Задается ширина зоны бегущей строки (в пикселях). |
<sub> |
<sub>...</sub> Заключенный в теги текст будет смещен вниз (нижний индекс). |
<sup> |
<sup>...</sup> Заключенный в теги текст будет смещен вверх (верхний индекс). |
<s> |
<s>...</s> Заключенный в теги текст будет отображаться перечеркнутым горизонтальной линией. |
<strike> |
<strike>...</strike> Заключенный в теги текст будет перечеркнут горизонтальной линией. |
<em> |
<em>...</em> Для заключенного в теги текста в качестве дополнительного параметра форматирования задается курсивное начертание. |
<strong> |
<strong>...</strong> Для заключенного в теги текста в качестве дополнительного параметра форматирования задается жирное начертание. |
<big> |
<big>...</big> Заключенный в теги текст будет отображаться шрифтом большего размера. |
<small> |
<small>...</small> Заключенный в теги текст будет отображаться шрифтом меньшего размера. |
Форматирование абзацев |
|
<blockquote> |
<blockquote>...</blockquote> Заключенный в теги текст представляет собой блок цитаты. |
<center> |
<center>...</center> Размещение заключенного в теги текста по центру. |
<cite> |
<cite>...</cite> Заключенный в теги текст представляет собой цитату. |
<code> |
<code>...</code> Заключенный в теги текст представляет собой фрагмент кода. |
<comment> |
<comment>...</comment> IE2 и выше. Комментарий в тексте документа. Комментарии будут видимы в любом броузере. Для всех броузеров броузеров комментарии представляются в виде <!--текст комментария-->. |
<dfn> |
<dfn>...</dfn> Заключенный в теги текст форматируется как определение. |
<kbd> |
<kbd>...</kbd> Заключенный в теги текст выводится посимвольно (как при наборе с клавиатуры). |
<multicol> |
<multicol>...</multicol> Только N3. Заключенные в теги код HTML и текст будут представлены в многостолбцовом формате. Текст и элементы будут распределяться в соответствии с указанным количеством столбцов так, чтобы элементы столбцов были приблизительно равной длинны. Атрибуты cols = n Указывается количество столбцов. Этот атрибут является необходимым. gutten = n Указывается расстояние (в пикселях) между столбцами. По умолчанию - 10 пикселей. width = n Указывается ширина столбцов в пикселях. |
<plaintext> |
<plaintext> Указывается, что остальную часть документа следует отображать без обработки, как предварительно отформатированный текст. |
<pre> |
<pre>...</pre> Заключенный в теги текст будет отображаться так, как он был отформатирован предварительно, без обработки, с точным соблюдением переносов строк и интервалов. Атрибуты width = n Броузер будет размещать текст так, чтобы в строке умещалось (если возможно) n символов. |
<samp> |
<samp>...</samp> Заключенный в теги текст представляет собой шаблон |
<span> |
<span>...</span> Только IE3. Заключенный в теги текст будет форматироваться с использованием таблицы стилей. Атрибуты style = элементы Для текста в заданном интервале задаются элементы таблицы стилей. |
<var> |
<var>...</var> Заключенный в теги текст представляет собой имя переменной. |
Списки |
|
<ol> |
<ol>...</ol> Начальный и конечный теги упорядоченного списка, содержащего пронумерованного (в порядке возрастания) элементы <li>. Атрибуты compact Список будет представлен в более компактном виде. Start = n Список будет пронумерован начиная не со значения 1 (по умолчанию), а со значения n. Type = формат Установка формата нумерации данного списка: A (прописные буквы), a (строчные буквы), I (большие римские цифры), i (маленькие римские цифры), 1 (арабские цифры; по умолчанию). |
<ul> |
<ul>...</ul> Начальный и конечный теги неупорядоченного списка помеченных элементов <li>. Атрибуты compact Список будет представлен в более компактном виде. Type = формат N2 и выше. Задается стиль меток для данного списка: circle (кружок), disk(диск; по умолчанию) или square (квадрат). |
<dir> |
<dir>...</dir> Создание списка каталогов, содержащего теги <li>. Атрибуты compact Список делается по возможности более компактным. |
<li> |
<li>...</li> Начальный и конечный теги, ограничивающие элемент списка. Атрибуты Type = формат Тип данного элемента списка устанавливается в соответствии с заданным форматом. Для элемента <li> в упорядоченном списке <ol>: A (прописные буквы), a (строчные буквы), I (большие римские цифры), i (маленькие римские цифры), 1 (арабские цифры; по умолчанию). Для элемента <li> в неупорядоченном списке <ul>: circle (кружок), disk (диск; по умолчанию) или square (квадрат). Value = n Номер данного элемента списка устанавливается равным n. |
<menu> |
<menu>...</menu> Задается список меню, содержащий теги <li>. Атрибуты compact Список делается по возможности более компактным. |
<dl> |
<dl>...</dl> Создание списка определений, содержащих теги <dt> и <dd>. Атрибуты compact Список делается по возможности более компактным. |
<dt> |
<dt>...</dt> Задается описательно - условная часть для элемента списка определений. |
<dd> |
<dd>...</dd> Задается описательная часть для элемента списка определений. |
Организация ссылок |
|
<a> |
<a>...</a> В документе создается гиперссылка (атрибут href) или идентификатор фрагмента (атрибут name). Атрибуты href = url Указывается URL целевого документа гиперссылки (необходим, если это не якорь имени). Method = список Задается список методов отображения, зависящих от броузера (через запятую). Name = строка Указывается имя идентификатора фрагмента (необходим, если это якорь гипертекстовой ссылки). Rel = связь Определяется связь этого документа с целевым документом. Rev = связь Определяется обратная связь целевого документа с данным. Target = имя Задается имя кадра или окна для отображения обозначенного ссылкой документа. Title = строка Задается заголовок целевого документа. Urn = urn Указывается не зависящее от места нахождения универсальное имя ресурса для данной гиперссылки. |
<link> |
<link> В заголовке (<head>) документа определяется ссылка из данного документа на другой документ. Атрибуты href = url Указывается URL гипертекстовой ссылки целевого документа. Method = список Указывается (через запятую) список зависящих от броузера методов отображения для данной ссылки. Rel = связь Определяется связь этого документа с целевым документом. Для IE3.0 rel = style означает существование внешней таблицы стилей. Rev = связь Определение обратной связи целевого документа с данным. Scr = url Только в IE3. Указывается URL внешней таблицы стилей, которая будет использоваться для форматирования документа. Title = строка Задается заголовок целевого документа. Type = text/css Только в IE3. Задается тип внешней ссылки, которая будет использоваться как внешняя каскадная таблица стилей. Urn = urn Для целевого документа указывается универсальное имя ресурса, не зависящее от его места нахождения. |
<base> |
<base>...</base> Указывается базовый URL для всех относительных URL в данном документе. Атрибуты href = url Указывается базовый URL. Target = имя Задается использующееся по умолчанию целевое окно для всех ссылок <a> в документе. Предназначен в основном для переадресации ссылки в другие кадры. Существует четыре специальных значения: _blank, _parent, _self и _top. |
Изображения |
|
<img> |
<img> ... </img> В текущий текстовый поток вставляется изображение. Атрибуты alt = текст Задается альтернативный текст для броузеров, не поддерживающих работу с изображениями. Border = n Установка толщины (в пикселях) обрамления изображений, содержащихся в гиперссылках. Controls IE2 и выше. Добавление функций управления воспроизведением встроенных видео клипов. Dynscr = url IE2 и выше. Задается URL видеоклипа, подлежащего отображению. Height = n Задается высота изображения в пикселях. Hspace = n Задается размещение слева и справа от изображения областей свободного пространства шириной по n пикселей. Ismap Указывается, что при использовании данного тега внутри тега <a> изображение выбирается с помощью мыши. Loop = значение IE2 и выше. Установка числа повторов воспроизведения видео. Значение может быть целым или infinite (бесконечность). Lowscr = url NE2 и выше. Указывается изображение с низким разрешением, которое броузер должен загрузить первым. За ним следует изображение, заданное атрибутом <scr>. Scr = url Указывается исходный URL изображения, подлежащего воспроизведению. Этот атрибут необходим. Start = начало IE2 и выше. Указывается, когда следует воспроизвести видео клип (варианты: fileopen или mouseover). Usemap = url Указывается чувствительная к перемещению мыши область изображения. vspace = n Задается размещение над и под изображением областей свободного пространства высотой по n пикселей. Width = n Задается ширина изображения в пикселях. |
<map> |
<map>...</map> Определить чувствительную к перемещению мыши область изображения. Атрибуты name = строка Задается имя данной области. Этот атрибут является обязательным. |
<area> |
<area> Задается чувствительная к перемещению мыши область изображения на стороне клиента. Атрибуты coord=список Указывается через запятую список зависящих от формы зоны координат, которые определяют ее границы. Href=url Указывается URL, связанного с данной зоной целевого документа гиперссылки. Noref Указывается, что с данной зоной никакой документ не связан; щелчок кнопкой мыши в этой зоне никакого результата не дает. Shape = форма Задается форма зоны. Варианты: circ, circle, poly, polygon, rect, rectangle. |
Таблицы |
|
<table> |
<table>...</table> начальный и конечный теги таблицы. Атрибуты align = тип Задается способ выравнивания таблицы относительно текстового потока, в котором она находится: по левому (left) или правому краю (right). Backgroud = url Указывается фоновое изображение для таблицы. Bgcolor = цвет N3, IE2 и выше. Задается цвет фона всей таблицы. Border = n Будет создано обрамление, образованное линиями толщиной n пикселей. Bordercolor = цвет IE2 и выше. Задается цвет обрамления всей таблицы. Bordercolordark = цвет IE2 и выше. Задается темный цвет для создания эффекта тени рамки. Bordercolorlight = цвет IE2 и выше. Задается светлый цвет для создания эффекта тени рамки. Cellpadding = n Между границами ячейки и ее содержимым поместить область свободного пространства шириной n пикселей. Cellspacing = n Задается интервал между ячейками таблицы размером в n пикселей. > Frame = [void/above/below/hsides/lhs/rhs/vsides/ box/border] Только IE3. Указывается способ отображения рамки таблицы: void - подавление отображения всей рамки таблицы; border - отображение всей рамки; hsides - отображение горизонтальных составляющих рамки, а vsides - вертикальных; lhs - отображение левой боковой стороны рамки, а rhs - правой. Hspace = n Задается размещение слева и справа от таблицы областей свободного пространства шириной n пикселей. Rules=[all/cols/groups/none/rows] Только IE3. Выключение (none) или включение режима отображения разграничительных линий между ячейками таблицы: по столбцам (cols), строкам (rows), группам (groups) или всем элементам(all). Vspace = n Задается размещение над и под таблицей областей свободного пространства высотой n пикселей. Width=n Установка ширины таблицы в пикселях или процентах от ширины окна. |
<caption> |
<caption>...</caption> Задается заголовок таблицы. Атрибуты align=позиция В Netscape Navigator - установка размещения заголовка по вертикали (top или bottom). По умолчанию - размещение сверху (top), по центру. В IE - выравнивание заголовка по горизонтали (left, center или right) либо установка размещения заголовка по вертикали (top или bottom). По умолчанию - размещение сверху (top), по центру. С помощью однго данного атрибута задать размещение и по вертикали и по горизонтали нельзя. Vline=позиция IE2 и выше. Установка способа размещения заголовка по вертикали (top или bottom). В Internet Explorer, используя этот атрибут совместно с align, можно задать способ размещения заголовка и по вертикали и по горизонтали. |
<col> |
<col> IE2 и выше. Установка параметров столбца (или столбцов) в <colgroup> таблицы. Атрибуты align = значение Задается способ выравнивания текста в ячейках столбца. Возможные варианты: center, left, right. Span=n Указывается число столбцов, на которые должно распространяться действие установок < col>. |
<colgroup> |
<colgroup> IE2 и выше. Установка свойств обозначенного столбца (или столбцов) в таблице. Кроме того, задается местоположение вертикальных разграничительных линий таблицы, если в теге <table> установлен атрибут rules = groups. Атрибуты align = значение Задается способ выравнивания текста в ячейках столбцов в <colgroup> Возможные значение: center, left, right. Span=n Указывается число столбцов в <colgroup>. |
<tbody> |
<tbody> IE2 и выше. Начальный тег для строк таблицы, образующих основное тело таблицы. Наличие конечного тега не требуется. Используется для указания места расположения разграничительных линий, если в теге <table> задан атрибут rules = groups. |
<td> |
<td>...</td> Начальный и конечный теги ячейки данных таблицы. Атрибуты align = значение Задается способ выравнивания содержимого ячейки: по левому краю (left), центру(center), или правому краю (right). Backgroud = url Указывается фоновое изображение для ячейки. Bgcolor = цвет N3, IE2 и выше. Задается цвет фона ячейки. Bordercolor = цвет IE2 и выше. Задается цвет обрамления ячейки. Bordercolordark = цвет IE2 и выше. Задается темный цвет для создания эффекта тени обрамления ячейки. Bordercolorlight = цвет IE2 и выше. Задается светлый цвет для создания эффекта тени обрамления ячейки. Colspan = n Данная ячейка охватывает n соседних столбцов. Nowarp При указании этого атрибута отключается режим автоматического распределения текста по всей ячейке. Будет отображаться лишь та часть текста, которая умещается в ячейке по длине. Rowspan = n Данная ячейка охватывает n соседних строк. Valign = значение Задается способ выравнивания содержимого данной ячейки по вертикали: сверху (top), по центру(center), внизу(bottom) или по базовой линии (baseline) ячейки. Width=n Задается ширина ячейки в пикселях или процентах от ширины таблицы. |
<tfoot> |
<tfoot>...</tfoot> IE2 и выше. Начальный тег для строк образующих нижний колонтитул таблицы. Наличие конечного тега не требуется. Используется для указания места расположения разграничительных линий, если в теге <table> задан атрибут rules = groups. |
<th> |
<th>...</th> Начальный и конечный теги ячейки заголовка таблицы. Атрибуты align = тип Задается способ выравнивания содержимого ячейки: по левому краю (left), центру(center), или правому краю (right). Background = url Задается фоновое изображение для ячейки. Bgcolor = цвет N3, IE2 и выше. Задается цвет фона ячейки. Bordercolor = цвет IE2 и выше. Задается цвет обрамления ячейки. Bordercolordark = цвет IE2 и выше. Задается темный цвет для создания эффекта тени обрамления ячейки. Bordercolorlight = цвет IE2 и выше. Задается светлый цвет для создания эффекта тени обрамления ячейки. Colspan = n Данная ячейка охватывает n соседних столбцов. Nowarp При указании этого атрибута отключается режим автоматического распределения текста по всей ячейке. Будет отображаться лишь та часть текста, которая умещается в ячейке по длине. Rowspan = n Данная ячейка охватывает n соседних строк. Valign = тип Задается размещение содержимого ячейки по вертикали: сверху (top), по центру (center), внизу (bottom) или по базовой линии (baseline) ячейки. Width = n Задается ширина ячейки в пикселях или процентах от ширины таблицы. |
<thead> |
<thead> IE2 и выше. Начальный тег для строк образующих заголовок таблицы. Используется для указания места расположения разграничительных линий, если в теге <table> задан атрибут rules = groups. |
<tr> |
<tr>...</tr> Начальный и конечный теги строки ячеек в таблице. Атрибуты align = значение Задается способ выравнивания содержимого ячейки в данной строке: по левому краю (left), центру(center), или правому краю (right). Background = url Указывается фоновое изображение для строки. Bgcolor = цвет N3, IE2 и выше. Задается цвет фона данной строки. Border=n Создается обрамление, образованное линиями толщиной n пикселей. Bordercolor = цвет IE2 и выше. Задается цвет обрамления строки. Bordercolordark = цвет IE2 и выше. Задается темный цвет для создания эффекта тени обрамления строки. Bordercolorlight = цвет IE2 и выше. Задается светлый цвет для создания эффекта тени обрамления строки. Valign = значение Задается размещение содержимого ячейки в данной строке по вертикали: сверху (top), по центру (center), внизу (bottom) или по базовой линии (baseline) ячейки. |
Кадры |
|
<frameset> |
<frameset>...</frameset> Начальный и конечный теги набора кадров. Атрибуты Border=n Только в N3. Создается обрамление, образованное линиями толщиной n пикселей. По умолчанию толщина линий обрамления равна 5 пикселям. Bordercolor = цвет Только в N3. Установка цвета обрамления для набора кадров. Cols = список Указание количества и ширины кадров в наборе. Frameborder=[1/0]. Только в IE3. Включение или выключение отображения трехмерного обрамления кадров в наборе. По умолчанию - 1 (включено). Значение 0 выключает обрамление. frameborder=[yes/no] IE2 и выше. Включение или выключение отображения трехмерного обрамления кадра или обычной рамки. По умолчанию - yes (для трехмерного обрамления). Framespacing=n Только в IE3. Указывается, что между смежными кадрами должен быть промежуток, и задается его размер в пикселях. rows = список Указание количества и высоты кадров в наборе. |
<frame> |
<frame>...</frame> Задается кадр в наборе кадров. Атрибуты Bordercolor = цвет IE2 и выше. Установка цвета обрамления кадра, если обрамление включено атрибутом frameborder = yes. frameborder=[1/0]. Только в IE3. Включение или выключение отображения трехмерного обрамления кадра. По умолчанию - 1, т.е. вставляется обрамление. Значение 0 выключает обрамление. frameborder=[yes/no] IE2 и выше. Включение или выключение отображения трехмерного обрамления кадра или обычной рамки. По умолчанию - yes (для трехмерного обрамления). Marginheight=n Задается размещение над содержимым кадра и под ним областей свободного пространства высотой по n пикселей. Marginwidth=n Задается размещение слева и справа от содержимого кадра областей свободного пространства шириной по n пикселей. Name=строка Задается имя кадра. Noresize Пользователю запрещается изменять размеры кадра. Scrolling=тип Линейки прокрутки будут добавляться всегда (yes), не будут добавляться (no), если необходимо (auto). Scr=url Задается URL исходного документа для данного кадра. |
<noframes> |
<noframes>...</noframes> Определяется содержимое, которое будет отображаться броузерами, не поддерживающими кадры. |
<iframes> |
<iframes>...</iframes> Только в IE3. В документе определяется “плавающий” кадр, который аналогичным образом будет размещен в <img>. Для этого элемента требуется закрывающий тег. Атрибуты align = тип Задается способ размещения или выравнивания “плавающего” кадра таблицы относительно текста строки. Возможные значения: top, middle, bottom (по умолчанию), left, right. Frameborder = [1/0]. Включение или выключение отображения трехмерного обрамления кадров в наборе. По умолчанию - 1 (включено). Значение 0 выключает обрамление. Height = n Указание высоты кадра в пикселях или в процентах от высоты окна. Hspace = n Задается размещение слева и справа от изображения областей свободного пространства шириной по n пикселей. Marginheight = n Задается размещение над содержимым кадра и под ним областей свободного пространства высотой по n пикселей. Marginwidth = n Задается размещение слева и справа от содержимого кадра областей свободного пространства шириной по nпикселей. Name=строка Задается имя кадра. Noresize > Пользователю запрещается изменять размеры кадра. Scrolling=тип Линейки прокрутки будут добавляться всегда (yes), не будут добавляться (no), если необходимо (auto). Scr=url Задается URL исходного документа для данного кадра. vspace = n Задается размещение над изображением и под ним областей свободного пространства высотой по n пикселей. Width = n Задается ширина кадра в пикселях или процентах от размера окна. |
Формы |
|
<form> |
<form>...</form> Начальный и конечный теги формы. Атрибуты action = url Указывается URL приложения, предназначенного для обработки формы. По умолчанию используется текущий URL. enctype = кодирование Задается способ кодирования значений элементов формы. method = стиль Указывается метод передачи параметров (get или post). По умолчанию используется post. Target = имя Только в IE3. Задается целевое окно для загрузки результатов заполнения формы. Можно использовать специальные Атрибуты _bottom, _top, _parent, _self. |
<input> |
<input type=checkbox> В <form> создается элемент ввода “опция”. Атрибуты checked Элемент отображается как выбранный по умолчанию. name=строка Указывается имя параметра, который будет передан в приложение обработки форм при выборе данного элемента ввода. Этот атрибут является необходимым. value=строка Указывается значение параметра, посылаемого в приложение обработки форм при выборе данного элемента ввода. Этот атрибут является необходимым. |
<input> |
<input type=file> В <form> создается элемент ввода “выбор файла”. Атрибуты maxlength=n Для данного элемента указывается максимальное количество вводимых символов. name=строка Указывается имя параметра, который будет передан в приложение обработки форм при выборе данного элемента ввода. Этот атрибут является необходимым. Size=n Для данного элемента указывается количество отображаемых символов. |
<input> |
<input type=hidden> В <form> создается скрытый элемент. Атрибуты maxlength=n Для данного элемента указывается максимальное количество вводимых символов. name=строка Указывается имя параметра, который будет передан в приложение обработки форм при выборе данного элемента ввода. Этот атрибут является необходимым. Size=n Для данного элемента указывается количество отображаемых символов. value=строка Указывается значение параметра, передаваемого в приложение обработки форм. |
<input> |
<input type=image> В <form> создается элемент “изображение”. Атрибуты align = тип Задается способ выравнивания изображения по вертикали относительно текста данного элемента формы. Возможные значения: top, middle, bottom name=строка Указывается имя параметра, который будет передан в приложение обработки форм при выборе данного элемента ввода. Этот атрибут является необходимым. Scr = url Указывается исходный URL изображения. Этот атрибут необходим. |
<input> |
<input type=password> В <form> создается элемент ввода текста с обеспечением защиты содержимого. Атрибуты maxlength=n Для данного элемента указывается максимальное количество вводимых символов. name=строка Указывается имя параметра, который будет передан в приложение обработки форм при выборе данного элемента ввода. Этот атрибут является необходимым. Size=n Для данного элемента указывается количество отображаемых символов. value=строка Задается исходное значение данного элемента. |
<input> |
<input type=ratio> В <form> создается элемент ввода “селекторная кнопка”. Атрибуты checked Элемент отображается как выбранный по умолчанию. name=строка Указывается имя параметра, который будет передан в приложение обработки форм при выборе данного элемента ввода. Этот атрибут является необходимым. value=строка Указывается значение параметра, посылаемого в приложение обработки форм при выборе данного элемента ввода. Этот атрибут является необходимым. |
<input> |
<input type=reset> В <form> создается кнопка сброса. Атрибуты value=строка Указывается надпись для кнопки сброса. |
<input> |
<input type=submit> В <form> создается кнопка передачи. Атрибуты name=строка Указывается имя параметра, который будет передан в приложение обработки форм при выборе данного элемента ввода. Этот атрибут является необходимым. value=строка Указывается надпись для кнопки передачи, а также значение параметра, посылаемого в приложение обработки форм при щелчке на этой кнопке. |
<input> |
<input type=text> В <form> создается элемент ввода текста. Атрибуты maxlength=n Для данного элемента указывается максимальное количество вводимых символов. name=строка Указывается имя параметра, который передается в приложение обработки форм для данного элемента ввода. Этот атрибут является необходимым. Size=n Для данного элемента указывается количество отображаемых символов. value=строка Задается исходное значение данного элемента. |
<option> |
<option>...</option> Определить элемент меню внутри элемента <select> в <form>. Атрибуты selected Элемент отображается как выбранный по умолчанию. value=строка Возвратить указанное значение данного элемента в приложение обработки форм вместо содержимого <option>. |
<select> |
<select>...</select> Определить в <form>меню с несколькими вариантами выбора или список прокрутки с включением одного или более тегов <option>. Атрибуты multiple Пользователю разрешается выбирать в <select> более одного <option>. name=строка Определить текст, который будет передаваться в приложение обработки форм при выборе соответствующего значения <option>. Этот атрибут является необходимым. Size=n Отображение элементов меню будет организовано в виде ниспадающего меню |
HTML-документ (страничка) - документ, написанный на языке разметки гипертекста (HTML). Заключается между флагами <HTML> и </HTML>.
Web-сайт, Web-сервер - цепочка логически связанных документов, написанных на языке HTML.
Значения флагов разметки документа
Флаги разметки - специальные команды для расположения на экране текста, графики, видео и аудио фрагментов, а также команды, служащие для связи с другими HTML-документами и рессурсами Интернет.
Основные флаги разметки
<HEAD> и </HEAD>. Между этими флагами располагается информация о документе.
<TITLE> и </TITLE>. В эих флагах заключается название странички, которое будет выведено в рамке окна программы просмотра.
<BODY> и </BODY>. "Тело" документа (текст, графика и т.д.) располагается между этими двумя флагами.
Параметры флага <BODY>:
BGCOLOR - цвет фона (<BODY BGCOLOR ="#FFFFFF">)
BACKGROUND - "обои" или бэкграунд
TEXT - цвет текста
LINK - цвет гипертекстовой связи (ссылки)
Vlink - цвет ссылки, уже посещенной в прошлом
ALINK - цвет активной сылки Флаги, служащие для форматирования текста
<P> и </P> Флаги, служащие для выделения абзадцев. Новый абзац чсегда отделяется от предыдущего пустой строкой.
<BR> Флаг, служащий для переноса текста на другую строку. Может также служить для отделения графики от текста на интервал.
<HR> Флаг, служащий для логического разделения текста горизонтальной линией.
<PRE> и </PRE> Между этими флагами располагается предварительно отформатированный текст. На экран он выводится шрифтом типа "курьер".
Параметры выравнивания
Используются в <P> и <H*>
ALIGN=LEFT - выравнивание по левому полю
ALIGN=RIGHT - выравнивание по правому полю
ALIGN=CENTER - выравнивание по центру
Флаги выравнивания
<LEFT> и </LEFT> - выравнивание по левому полю
<RIGHT> и </RIGHT> - выравнивание по правому полю
<CENTER> и </CENTER> - выравнивание по центру
Заголовки, служащие для выделения логических частей текста
<H1> и </H1> Заголовок первого уровня.
<H2> и </H2> Заголовок второго уровня.
<H3> и </H3> Заголовок третьего уровня.
<H4> и </H4> Заголовок четвертого уровня.
<H5> и </H5> Заголовок пятого уровня.
<H6> и </H6> Заголовок шестого уровня.
Флаги для выделения текста и шрифта
<B> и </B> Флаги для выделения текста (слов, букв) жирным шрифтом.
<I> и </I> Флаги для выделения текста (слов, букв) курсивным шрифтом, типа Italic.
<U> и </U> Текст, расположенный между двумя этими флагами, будет подчеркнут.
<BLINK> и </BLINK> Текст, расположенный между двумя этими флагами, будет мигать.
<FONT SIZE=+n> и </FONT>
<FONT SIZE=-n> и </FONT> Флаги для изменения размера шрифта.
<FONT COLOR="#0000FF> и </FONT> Флаги для изменения цвета шрифта.
Флаги для формирования списков
<OL> и </OL> Флаги, показывающие начало и конец нумерованного списка
<UL> и </UL> Флаги, показывающие начало и конец маркированного списка.
<LI> Элемент списка
<DL> и </DL> Флаги, показывающие начало и конец глоссария.
<DT> Термин глоссария, располагается без отступа от левого поля страницы.
<DD> Описание термина, располагается с отступом от левого поля страницы.
Флаги-команды для вставки в текст объектов нетекстовой информации
<IMG SRC ="file.gif"> или <IMG SRC =" file.jpg"> - команда для вставки графического изображения
<IMG SRC =" file.wav"> - команда для вставки звукового фрагмента
<IMG SRC =" file.avi"> - команда для вставки видео фрагмента
Параметры графического изображения
WIDHT - ширина картинки в пикселях
HEIGHT- высота картинки в пикселях
ALIGN - выравнивание (ALIGN=LEFT - выравнивание по левому полю, ALIGN=RIGHT - по правому полю, ALIGN=TOP - по верхней границе, ALIGN=BOTTOM - по нижней границе, ALIGN=MIDDLE или CENTER - по центру)
HSPACE - горизонтальный отступ от графического изображения