Список всех тегов HTML с описание |
Сегодня я публикую самый полный набор тегов html. Как выяснилось, эта тема востребована моими читателями и многие хотели бы освоить этот язык веб-разметки документов. А учеба, как известно, начинается с букваря. Вот я и решил разместить на своем блоге такой своеобразный букварь с полным набором тегов html и их описанием.
Наименование дескриптора/атрибута | Описание |
---|---|
Гиперссылка | |
accesskey | Определение "горячей клавиши" для гиперссылки |
href | Определяет имя и местоположение объекта гиперссылки |
name | Служит для именования области Вэб-страницы |
tabindex | Определяет порядок перехода по гиперссылкам |
target | Определяет окно для отображения объекта гиперссылки |
Определяет информацию зоны карты ссылок | |
alt | Задает текстовый ярлык для зоны карты ссылок |
coords | Задает координаты характерных точек зоны карты ссылок |
href | Задает имя и местоположение файла, связанного с зоной карты ссылок |
shape | Задает форму зоны карты ссылок |
tabindex | Задает порядок перехода по зонам карты ссылок |
Признак полужирного начертания текста | |
Изменяет внешний вид всего текста | |
size | Изменяет размер шрифта всего текста |
Определяет музыкальный файл, который будет проигрываться на веб-странице при ее открытии. Громкость, продолжительность звучания музыки и другие характеристики определяются с помощью параметров тега, а также могут управляться через скрипты. Этот тег должен размещаться только в контейнере HEAD. Пользователи, как правило, отрицательно относятся к музыке, которая играет на сайте, поэтому используйте эту возможность с осторожностью и по необходимости. | |
src | Путь к музыкальному файлу |
loop | Устанавливает, сколько раз проигрывать музыкальный файл |
volume | Задает громкость звучания музыки на веб-странице. По умолчанию уровень звука устанавливается максимальным и зависит от текущих настроек оборудования и операционной системы. Целое число от -10000 до 0. Ноль соответствует максимальной громкости звучания. |
Укрупняет шрифт относительно размера соседнего текста | |
Создает блок цитаты | |
Тело Вэб-страницы - определяет видимую часть документа.В этом разделе располагается вся содержательная часть документа (текст статьи, фотографии, формы для заполнения, другие объекты). | |
alink, link, vlink | Опрделеляют цвет гиперссылок |
background | Определяет графический фон |
bgcolor | Изменяет цвет фона |
bgproperties | Определяет возможность перемещения графического фона при пролистывании страницы |
bottommargin | Изменяет высоту нижнего поля |
leftmargin | Изменяет ширину левого поля |
marginheight | Изменяет высоту верхнего и нижнего полей |
marginwidth | Изменяет ширину левого и правого полей |
rightmargin | Изменяет ширину правого поля |
topmargin | Изменяет высоту верхнего поля |
text | Изменяет цвет текста |
Вставляет перевод строки | |
clear | Предотвращает перенос слов текста |
Создает на веб-странице кнопки и по своему действию напоминает результат, получаемый с помощью тега INPUT (с параметром type="button | reset | submit"). В отличие от этого тега, BUTTON предлагает расширенные возможности по созданию кнопок. Например, на подобной кнопке можно размещать любые элементы HTML, в том числе изображения. Используя стили можно определить вид кнопки путем изменения шрифта, цвета фона, размеров и других параметров. Теоретически, тег BUTTON должен располагаться внутри формы, устанавливаемой элементом FORM. Тем не менее, браузеры не выводят сообщение об ошибке и корректно работают с тегом BUTTON, если он встречается самостоятельно. Однако, если необходимо результат нажатия на кнопку отправить на сервер, помещать BUTTON в контейнер FORM обязательно. | |
type | Определяет тип кнопки, который устанавливает ее поведение в форме. По внешнему виду кнопки разного типа никак не различаются, но у каждой такой кнопки свои функции: |
value | Определяет значение кнопки, которое будет отправлено на сервер. На сервер отправляется пара «имя=значение», где имя задается параметром name тега BUTTON, а значение — параметром value. Значение может, как совпадать с текстом на кнопке, так быть и самостоятельным. Также параметр value применяется для доступа к данным через скрипты. |
Определяет заголовок для таблицы TABLE. Элемент CAPTION может располагаться только непосредственно после начального тега TABLE. Закрывающий тег обязателен. | |
align | Выравнивание заголовка относительно таблицы. Возможные значения: left, right, top (по умолчанию), bottom |
Центрирует элемент Web-страницы | |
Создает неструктурную группу столбцов таблицы | |
align | Задает признак выравнивания данных в ячейках группы по горизонтали |
bgcolor | Задает цвет фона ячеек группы |
char | Задает символ, определяющий порядок выравнивания данных в ячейках группы |
span | Задает количество столбцов в группе |
valign | Задает признак выравнивания данных в ячейках группы по вертикали |
Создает структурную группу столбцов таблицы | |
align | Создает признак выравнивания данных в ячейках группы по горизонтали |
bgcolor | Задает цвет фона ячеек группы |
char | Задает символ, определяющий порядок выравнивания данных в ячейках группы |
span | Определяет количество столбцов в группе |
valign | Задает признак выравнивания данных в ячейках группы по вертикали |
Отмечает статью определения в списке определений | |
Снабжает текст признаком зачеркивания | |
Элемент является блочным элементом и предназначен для выделения фрагмента документа с целью изменения вида содержимого. Как правило, вид блока управляется с помощью стилей. Чтобы не описывать каждый раз стиль внутри тега, можно выделить стиль во внешнюю таблицу стилей, а для тега добавить параметр class или id с именем селектора. | |
class | Определяет стиль, применяемый для области Вэб-страницы |
Создает список определений | |
Отмечает текст термина в списке определений | |
Выделяет текст курсивом | |
Предназначен для группирования элементов формы. Такая группировка облегчает работу с формами, содержащих большое число данных. Например, один блок может быть предназначен для ввода текстовой информации, а другой — для флажков. Браузеры для повышения наглядности отображают результат использования тега FIELDSET в виде рамки. Ее вид зависит от операционной системы, а также используемого браузера. Закрывающий тег обязателен. | |
align | Определяет выравнивание группы по краю формы. По умолчанию группа, созданная с помощью тега FIELDSET, занимает 100% от ширины формы, поэтому добавление параметра align не приведет к заметному эффекту. Результат этого параметра будет проявляться только в случае, когда ширина формы (тег FORM) и блока FIELDSET различается. Используя стили и атрибут width (например, style="width: 50%") можно указать разную ширину, и тогда параметр align будет выравнивать блок внутри формы. Такой же результат можно получить и путем применения свойства CSS text-align. |
Изменяет внешний вид текста | |
color | Изменяет цвет текста |
face | Определяет гарнитуру шрифта |
size | Размер текста в пределах от 1 до 7,где 1 - самый мелкий шрифт. По умолчанию равен 3. |
Создает форму | |
accept-charset | Задает формат кодировки данных |
action | Задает место назначения данных формы |
enctype | Определяет формат передаваемых данных формы |
method | Задает способ пересылки данных формы по сети |
target | Определяет место отображения сообщения о доставке данных формы |
Определяет свойства отдельного фрейма, на которые делится окно браузера. Этот элемент должен располагаться в контейнере FRAMESET, который к тому же задает способ разметки страницы на отдельные области. В каждую из таких областей загружается самостоятельная веб-страница определяемая с помощью параметра src. Хотя обязательных атрибутов у тега и нет, рекомендуется задавать каждому фрейму имя через атрибут name. Это особенно важно, если требуется по ссылке из одного фрейма загружать документ в другой. | |
bordercolor | изменяет цвет линий рамки фрейма |
frameborder | Обеспечивает сокрытие рамки фрейма |
marginheight | Изменяет высоту верхнего и нижнего полей фрейма |
marginwidth | Изменяет ширину левого и правого полей фрейма |
name | Служит для именования фрейма |
noresize | Предотвращает возможность изменения размеров фрейма |
scrolling | Обеспечивает сокрытие или отображение полос прокрутки фрейма |
src | Определяет имя и местоположение файла данных, отображаемых фреймом |
Создает набор фреймов | |
border | Изменяет толщину линий рамок фреймов |
bordercolor | изменяет цвет линий рамок фреймов |
cols | Создает столбцы рамок фреймов |
frameborder | Скрывает рамки фреймов |
framespacing | Задает толщину линий рамок фреймов |
rows | Создает строки фреймов |
.. | Заголовки разных уровней. Тегу H1 соответствует самый большой заголовок, тегу H6 - самый маленький. Закрывающий тег требуется. |
align | Признак выравнивания заголовка |
Определяет место, где помещается различная информация не отображаемая в теле документа. Здесь располагается тег названия документа и теги для поисковых машин | |
Создает горизонтальную линейку | |
align | Признак выравнивания линейки |
noshade | Создает линию без тени |
size | Устанавливает высоту(толщину) линии |
width | Устанавливает ширину линии в пикселах или процентах |
Указывает программе просмотра страниц, что это HTML документ | |
Признак курсивного начертания текста | |
Создает плавающий фрейм, который находится внутри обычного документа, он позволяет загружать в область заданных размеров любые другие независимые документы. Тег IFRAME является контейнером, содержание которого игнорируется браузерами, не поддерживающих данный тег. Для таких браузеров можно указать альтернативный текст, который увидят пользователи. Он должен располагаться между элементами и . | |
src | Путь к файлу, содержимое которого будет загружаться во фрейм |
align | Определяет как фрейм будет выравниваться по краю, а также способ обтекания его текстом |
name | Имя фрейма. В обычном HTML-документе при переходе по ссылке, в окне браузера текущий документ заменяется новым. Чтобы направить содержимое во фрейм, он должен иметь уникальное имя, задаваемое атрибутом name. В этом случае при создании ссылки у тега требуется указать параметр target, в качестве значения которого выступает имя фрейма. |
Тег IMG служит для внедрения графики на страницы. На данный момент поддерживаются форматы файлов GIF, JPG, JPEG, PNG. Возможно использование анимированных картинок (GIF). Чтобы картинка была одновременно и ссылкой, то поместите тег IMG между | |
align | Задает признаки выравнивания текста относительно изображения |
alt | Выводит текст к картинке. Полезно, если браузер не отображает графику на странице |
border | Устанавливает толщину рамки вокруг изображения в пикселах. По умолчанию рамка не используется. При использовании изображения в качестве гиперссылки рекомендуется установить BORDER=0, чтобы подавить цветовую окантовку, которая появится вокруг изображения |
dynsrc | Создает внедренный объект видео в IE |
controls | Добавление кнопок управления просмотра видеоролика |
loop | Для указания числа повторений видеоролика: |
height, width | Высота и ширина картинки в пикселах или процентах. Всегда желательно явно устанавливать эти параметры для ускорения загрузки страницы браузером |
hspace, vspace | Обрамляет графическое изображение полосами чистого пространства |
ismap | Создает карту ссылок |
lowsrc | Указывает имя и расположение файла изображения низкого разрешения |
name | Именует изображение |
src | Определяет имя и местоположение файла графического изображения |
tabindex | Определяет порядок перехода по изображениям |
usemap | Определяет имя карты ссылок |
Предназначен для создания элементов управления и всегда используется совместно с атрибутом TYPE. Закрывающий тег не требуется. Главным образом INPUT предназначен для создания текстовых полей, различных кнопок, переключателей и флажков. Хотя элемент INPUT не требуется помещать внутрь контейнера FORM, определяющего форму, но если введенные пользователем данные должны быть отправлены на сервер, где их обрабатывает CGI-программа, то указывать FORM обязательно. То же самое обстоит и в случае обработки данных с помощью клиентских приложений, например, скриптов на языке JavaScript. | |
type | Описывает тип интерфейсного элемента. Может принимать следующие значения: |
size | Устанавливает число видимых символов в text |
value | Определяет значение элемента формы, которое будет отправлено на сервер или получено с помощью клиентских скриптов. На сервер отправляется пара «имя=значение», где имя задается параметром name тега INPUT, а значение — параметром value. |
checked | Этот параметр определяет, помечен ли заранее такой элемент формы, как флажок или переключатель. В случае использования переключателей (radiobutton), может быть отмечен только один элемент группы, для флажков (checkbox) допустимо пометить хоть все элементы. |
name | Определяет уникальное имя элемента формы. Как правило, это имя используется при отправке данных на сервер или для доступа к введенным данным поля через скрипты. |
title | Всплывающая подсказка |
Подчеркивает вставленный фрагмент текста | |
Выделяет текст, который необходимо ввести | |
Позиционирует слой (группу элементов) страницы | |
height, width | Задает высоту и ширину слоя |
left | Координата слоя относительно левой кромки окна |
top | Координата слоя относительно верхней кромки окна |
z-index | Задает приоритет воспроизведения перекрывающихся элементов слоя |
Определяет элемент списка | |
type | Стиль маркирования элемента списка |
value | Устанавливает номер элемента списка |
Устанавливает связь с внешним документом вроде файла со стилями или со шрифтами. В отличие от тега , тег размещается всегда внутри контейнера и не создает ссылку | |
href | Определяет имя и местоположение файла внешнего листа стилей |
rel | Тип отношения внешнего листа стилей к Вэб-странице. Браузеры, как правило, из этого списка понимают только параметр stylesheet - определяет, что подключаемый файл хранит таблицу стилей (CSS) |
type | Формат внешнего листа стилей. Для подключаемых таблиц связанных стилей применяется тип text/css |
Создает карту ссылок | |
name | Именование карты ссылок |
Создает объект бегущей строки | |
behavior | Способ поведения бегущей строки - определяет вид скроллинга: |
bgcolor | Задает цвет фона бегущей строки |
direction | Направление перемещения бегущей строки: |
height, width | Высота и ширина бегущей строки |
hspace, vspace | Обрамление бегущей строки полосами чистого пространства |
loop | Число циклов перемещения бегущей строки |
scrollamount | Скорость движения строки. Может принимать значения от 1 до 10. |
scrolldelay | Величина задержки между отдельными тактами перемещения текста бегущей строки в миллисекундах. По умолчанию 85. |
truespeed | Определяет минимальное значение нтервала задержки scrolldelay |
Специальная группа инструкций | |
Используется для того, чтобы браузер мог правильно отобразить содержимое страницы и для определения поисковой машиной языка, на котором написана страница | |
Используется для того, чтобы браузер автоматически переключался на новый адрес через x секунд | |
Используется для указания имени автора. Поисковые системы могут найти нужный сайт по имени автора (или найти самого автора). | |
Полезно также указать и авторские права название фирмы почти наверняка будет проиндексировано поисковой машиной. | |
Список терминов и ключевых слов это то, что является самым главным при индексировании Вашего сайта поисковой машиной! Длина содержимого тегов МЕТА "keywords" не должна превышать 1000 символов | |
Краткое описание Вашего сайта, используемое поисковым сервером для индексирования, и, как правило, вставляемое в текст страницы найденных совпадений в качестве описания Вашего сайта. Длина содержимого тегов МЕТА "description" не должна превышать 200 символов | |
Запрещает индексацию страницы поисковыми роботами. | |
Указывает, что страница динамичная, т.е. ее содержание периодически меняется | |
Указывает роботу периодичность смены информации | |
Указывает, что страница статичная, т.е. ее содержание не меняется | |
Отображает альтернативный текст при невозможности показа фреймов | |
Отображает альтернативный текст при невозможности исполнения сценариев JavaScript | |
Служит для создания нумерованного списка. Допускается вложение нумерованного списка в списки другого вида | |
start | Задает начальный номер элементов списка |
type | Определяет стиль нумерации списка: |
Каждый элемент SELECT должен содержать хотя бы один или более элементов OPTION, с помощью которого создаются строки списков | |
selected | Индикатор, что данная строка является выбранной по умолчанию. Если данный индикатор отсутствует, то такой строкой является первый элемент |
Создает новый абзац | |
align | Признак выравнивания текста абзаца: |
обрамляет предварительно отформатированный текст. Преформатированный текст отображается моношириным шрифтом. Получается как бы текстовая вставка в html | |
Краткий блок цитаты | |
Выделяет текст примеров | |
Серия сообщений "Правила, коды, подсказки":
Часть 1 - Обойма сервисов по работе с цветом.
Часть 2 - По щучьему велению для веб-мастера.
...
Часть 15 - Отличный тестер текста онлайн.
Часть 16 - Ссылки и кнопки в HTML.
Часть 17 - Список всех тегов HTML с описанием
Часть 18 - Список всех тегов HTML с описанием
Часть 19 - Женя Попов сошел с ума!
...
Часть 21 - ТОП 10HTML ошибок новичков
Часть 22 - Оптимизация изображений для блога или сайта
Часть 23 - Бесплатный контент для блога
Рубрики: | о программе |
Комментировать | « Пред. запись — К дневнику — След. запись » | Страницы: [1] [Новые] |