Охрана труда:
нормативно-правовые основы и особенности организации
Обучение по оказанию первой помощи пострадавшим
Аккредитация Минтруда (№ 10348)
Подготовьтесь к внеочередной проверке знаний по охране труда и оказанию первой помощи.
Допуск сотрудника к работе без обучения или нарушение порядка его проведения
грозит организации штрафом до 130 000 ₽ (ч. 3 статьи 5.27.1 КоАП РФ).
Повышение квалификации

Свидетельство о регистрации
СМИ: ЭЛ № ФС 77-58841
от 28.07.2014

Почему стоит размещать разработки у нас?
  • Бесплатное свидетельство – подтверждайте авторство без лишних затрат.
  • Доверие профессионалов – нас выбирают тысячи педагогов и экспертов.
  • Подходит для аттестации – дополнительные баллы и документальное подтверждение вашей работы.
Свидетельство о публикации
в СМИ
свидетельство о публикации в СМИ
Дождитесь публикации материала и скачайте свидетельство о публикации в СМИ бесплатно.
Диплом за инновационную
профессиональную
деятельность
Диплом за инновационную профессиональную деятельность
Опубликует не менее 15 материалов в методической библиотеке портала и скачайте документ бесплатно.
19.03.2015

Справочник по HTML

Справочник по HTML для изучения информатики и веб-разработки. Полное руководство по основам языка разметки: структура документа, работа с текстом, создание списков и таблиц. Подробное описание тегов для формирования ссылок, изображений и форм. Практические примеры и рекомендации по семантической верстке для корректного отображения в браузерах. Материал поможет систематизировать знания по HTML и освоить создание современных веб-страниц с продуманной структурой. Незаменимый ресурс для учащихся и начинающих разработчиков.

Содержимое разработки

Описание структуры документа

<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. Возможные значения - от 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 

Будет создано обрамление, образованное линиями толщиной пикселей.
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 

Создается обрамление, образованное линиями толщиной пикселей. 
Bordercolor
 = цвет 
IE2 и выше. 
Задается цвет обрамления строки. 
Bordercolordark
 = цвет 
IE2 и выше. 
Задается темный цвет для создания эффекта тени обрамления строки. 
Bordercolorlight
 = цвет 
IE2 и выше. 
Задается светлый цвет для создания эффекта тени обрамления строки. 
Valign = значение 

Задается размещение содержимого ячейки в данной строке по вертикали: сверху (top), по центру (center), внизу (bottom) или по базовой линии (baseline) ячейки.

Кадры

<frameset>

<frameset>...</frameset> 
Начальный и конечный теги набора кадров. 
Атрибуты 
Border=n 
Только в N3. 
Создается обрамление, образованное линиями толщиной пикселей. По умолчанию толщина линий обрамления равна 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 

Отображение элементов меню будет организовано в виде ниспадающего меню

Адрес публикации: https://www.prodlenka.org/metodicheskie-razrabotki/116326-spravochnik-po-html

Свидетельство участника экспертной комиссии
Рецензия на методическую разработку
Опубликуйте материал и закажите рецензию на методическую разработку.
Также вас может заинтересовать
Свидетельство участника экспертной комиссии
Свидетельство участника экспертной комиссии
Оставляйте комментарии к работам коллег и получите документ
БЕСПЛАТНО!
У вас недостаточно прав для добавления комментариев.

Чтобы оставлять комментарии, вам необходимо авторизоваться на сайте. Если у вас еще нет учетной записи на нашем сайте, предлагаем зарегистрироваться. Это займет не более 5 минут.

 

Для скачивания материалов с сайта необходимо авторизоваться на сайте (войти под своим логином и паролем)

Если Вы не регистрировались ранее, Вы можете зарегистрироваться.
После авторизации/регистрации на сайте Вы сможете скачивать необходимый в работе материал.

Рекомендуем Вам курсы повышения квалификации и переподготовки