Справочник тегов: Самоучитель HTML4 | htmlbook.ru

HTML теги по категориям

HTML5CSS.ru

ЛУЧШИЙ САЙТ ДЛЯ РАЗРАБОТЧИКОВ

❮ Назад Дальше ❯


Теги HTML упорядочены по категориям

= Новое в HTML5.


Базовый HTML-код

ТегОписание
<!DOCTYPE> Определяет тип документа
<html>Определяет HTML-документ
<head>Определяет сведения о документе
<title>Определяет заголовок документа
<body>Определяет тело документа
<h2> to <h6>Определяет заголовки HTML
<p>Определяет абзац
<br>Вставка одного разрыва строки
<hr>Определяет тематическое изменение содержания
<!—…—>Определяет комментарий

Форматирование

ТегОписание
<acronym>Не поддерживается в HTML5.
Использовать <abbr> Вместо.
Определяет акроним
<abbr>Определяет аббревиатуру или акроним
<address>Определяет контактные данные автора/владельца документа/статьи
<b>Определяет полужирный текст
<bdi>Изолирует часть текста, которая может быть отформатирована в другом направлении от другого текста за его пределами
<bdo>Переопределяет текущее направление текста
<big>Не поддерживается в HTML5. Вместо этого используйте CSS.
Определяет большой текст
<blockquote>Определяет раздел, который цитируется из другого источника
<center>Не поддерживается в HTML5. Вместо этого используйте CSS.
Определяет центрированный текст
<cite>Определяет название работы
<code>Определяет часть кода компьютера
<del>Определяет текст, который был удален из документа
<dfn>Представляет определяющий экземпляр термина
<em>Определяет подчеркнутый текст 
<font>Не поддерживается в HTML5. Вместо этого используйте CSS.
Определяет шрифт, цвет и размер текста
<i>Определяет часть текста в альтернативный голос или настроение
<ins>Определяет текст, вставленный в документ
<kbd>Определяет ввод с клавиатуры
<mark>Определяет выделенный/выделенный текст
<meter>Определяет скалярное измерение в пределах известного диапазона (датчика)
<pre>Определяет предварительно отформатированный текст
<progress>Представляет ход выполнения задачи
<q>Определяет краткое предложение
<rp>Определяет, что отображать в обозревателях, не поддерживающих аннотации Ruby
<rt>Определяет объяснение/произношение символов (для восточно-азиатских типографии)
<ruby>Определяет аннотацию Ruby (для восточно-азиатских типографий)
<s>Определяет текст, который больше не является правильным
<samp>Определяет выборку выходных данных из компьютерной программы
<small>Определяет меньший текст
<strike>Не поддерживается в HTML5.
Использовать <del> or <s> Вместо.
Определяет текст зачеркивания
<strong>Определяет важный текст
<sub>Определяет текст с подстрочным текстом
<sup>Определяет текст с надписью
<template>Определяет шаблон
<time>Определяет дату и время
<tt>Не поддерживается в HTML5. Вместо этого используйте CSS.
Определяет телетайп текст
<u>Определяет текст, который должен быть стилистически отличается от обычного текста
<var>Определяет переменную
<wbr>Определяет возможный разрыв строки


Формы и ввод

ТегОписание
<form>Определяет HTML-форму для ввода данных пользователем
<input>Определяет элемент управления вводом
<textarea>Определяет многострочный элемент управления вводом (область текста)
<button>Определяет нажатую кнопку
<select>Определяет раскрывающийся список
<optgroup>Определяет группу связанных параметров в раскрывающемся списке
<option>Определяет параметр в раскрывающемся списке
<label>Определяет метку для <input> Элемента
<fieldset> группирует связанные элементы в форме
<legend>Определяет заголовок для <fieldset> Элемента
<datalist>Задает список предварительно заданных параметров для элементов управления вводом
<output>Определяет результат вычисления

Рамки

ТегОписание
<frame> Не поддерживается в HTML5.
Определяет окно (фрейм) в фрейме
<frameset>Не поддерживается в HTML5.
Определяет набор фреймов
<noframes>Не поддерживается в HTML5.
Определяет альтернативное содержимое для пользователей, которые не поддерживают рамки
<iframe>Определяет встроенный фрейм

Изображения

ТегОписание
<img>Определяет изображение
<map>Определяет изображение на стороне клиента-карты
<area>Определяет область внутри изображения-карты
<canvas>Используется для рисования графики, на лету, с помощью сценариев (обычно JavaScript)
<figcaption>Определяет заголовок для <figure> Элемента
<figure>Указывает автономное содержимое
<picture>Определяет контейнер для нескольких ресурсов изображения
<svg>Определяет контейнер для графики SVG

Аудио/видео

ТегОписание
<audio>Определяет звуковое содержимое
<source>Определяет несколько мультимедийных ресурсов для элементов мультимедиа (<video>, <audio> И <picture>)
<track>Определяет текстовые дорожки для элементов мультимедиа (<video> И <audio>)
<video>Определяет видео или фильм

Ссылки

ТегОписание
<a>Определяет гиперссылку
<link> Определяет связь между документом и внешним ресурсом (наиболее используемым для связывания с таблицами стилей)
<nav>Определяет навигационные ссылки

Списки

ТегОписание
<ul>Определяет неупорядоченный список
<ol>Определяет упорядоченный список
<li>Определяет элемент списка
<dir>Не поддерживается в HTML5. Использовать <ul> Вместо.
Определяет список каталогов
<dl>Определяет список описания
<dt>Определяет термин/имя в списке описания
<dd>Определяет описание термина/имени в списке описания
<menu>Определяет список/меню команд
<menuitem>Определяет команду/пункт меню, который пользователь может вызвать из всплывающего меню

Таблицы

ТегОписание
<table>Определяет таблицу
<caption>Определяет заголовок таблицы
<th>Определяет ячейку заголовка в таблице
<tr>Определяет строку в таблице
<td>Определяет ячейку в таблице
<thead>Группирует содержимое заголовка в таблице
<tbody>Группирует содержимое тела в таблице
<tfoot>Группирует содержимое нижнего колонтитула в таблице
<col>Задает свойства столбца для каждого столбца в <colgroup> Элемента
<colgroup>Задает группу из одного или нескольких столбцов в таблице для форматирования

Стили и семантика

ТегОписание
<style>Определяет сведения о стиле для документа
<div>Определяет раздел в документе
<span>Определяет раздел в документе
<header>Определяет заголовок документа или раздела
<footer>Определяет нижний колонтитул для документа или раздела
<main>Указывает основное содержимое документа
<section>Определяет раздел в документе
<article>Определяет статью
<aside>Определяет содержание в стороне от содержимого страницы
<details>Определяет дополнительные сведения, которые пользователь может просматривать или скрывать
<dialog>
Определяет диалоговое окно или окно
<summary>Определяет видимый заголовок для <details> Элемента
<data>Связывает данное содержимое с машинно-читаемым переводом

Мета Инфо

ТегОписание
<head>Определяет сведения о документе
<meta>Определяет метаданные HTML-документа
<base>Указывает базовый URL-адрес/цель для всех относительных URL-адресов в документе
<basefont>Не поддерживается в HTML5. Вместо этого используйте CSS.
Задает цвет, размер и шрифт по умолчанию для всего текста в документе

Программирование

ТегОписание
<script>Определяет сценарий на стороне клиента
<noscript>Определяет альтернативное содержимое для пользователей, которые не поддерживают сценарии на стороне клиента
<applet>Не поддерживается в HTML5. Использовать <embed> или <object> Вместо.
Определяет встроенный апплет
<embed>Определяет контейнер для внешнего (не HTML) приложения
<object>Определяет внедренный объект
<param>Определяет параметр для объекта

❮ Назад Дальше ❯

Популярное

html картинка
как вставить картинку в html
цвет текста фона
размер текста html
цвет размер шрифта html
формы html
список html
таблица html
как сделать ссылку в html
html элементы



Copyright 2018-2020 HTML5CSS. ru

Правила и Условия Политика конфиденциальности О нас Контакты

HTML атрибуты ссылки

❮ Назад Дальше ❯


АтрибутПринадлежит кОписание
accept<input>Указывает типы файлов, которые принимает сервер (только для type=»file»)
accept-charset<form>Задает кодировки символов, которые должны использоваться для отправки формы
accesskeyGlobal AttributesЗадает комбинацию клавиш для активации/фокусировки элемента
action<form>Указывает, куда отправлять форму-данные при отправке формы
alignНе поддерживается в HTML 5.Задает выравнивание в соответствии с окружающими элементами. Вместо этого используйте CSS
alt<area>, <img>, <input>Задает альтернативный текст при неудачном отображении исходного элемента
async<script>Указывает, что сценарий выполняется асинхронно (только для внешних скриптов)
autocomplete<form>, <input>Указывает, является ли <form> или <input> элемент должен иметь Автозаполнение включено
autofocus<button>, <input>, <select>, <textarea>Указывает, что элемент должен автоматически получать фокус при загрузке страницы
autoplay<audio>, <video>Указывает, что воспроизведение аудио/видео начнется сразу после его готовности
bgcolorNot supported in HTML 5.Задает цвет фона элемента. Вместо этого используйте CSS
borderNot supported in HTML 5.Задает ширину границы элемента. Вместо этого используйте CSS
charset<meta>, <script>Задает кодировку символов
checked<input>Указывает, что <input> элемент должен быть предварительно выбран при загрузке страницы (Для type=»checkbox» или type=»radio»)
cite<blockquote>, <del>, <ins>, <q>Указывает URL-адрес, объясняющий quote/deleted/inserted text
classGlobal AttributesУказывает одно или несколько классов для элемента (относится к классу в таблице стилей)
colorНе поддерживается в HTML 5.Задает цвет текста элемента. Вместо этого используйте CSS
cols<textarea>Определяет видимую ширину текстовой области
colspan<td>, <th>Указывает число столбцов, которые должна охватывать ячейка таблицы
content<meta>Дает значение, связанное с атрибутом http-equiv или Name
contenteditableGlobal AttributesУказывает, является ли содержимое элемента редактируемым или нет
contextmenuGlobal AttributesЗадает контекстное меню для элемента. Контекстное меню появляется, когда пользователь щелкает правой кнопкой мыши по элементу
controls<audio>, <video>Указывает, что должны отображаться элементы управления аудио/видео (например, кнопка воспроизведения/паузы и т. д.)
coords<area>Задание координат области
data<object>Указывает URL-адрес ресурса, используемого объектом
data-*Global AttributesИспользуется для хранения пользовательских данных, закрытых для страницы или приложения
datetime<del>, <ins>, <time>Указывает дату и время
default<track>Указывает, что дорожка должна быть включена, если предпочтения пользователя не указывают на то, что другая дорожка будет более подходящей
defer<script>Указывает, что сценарий выполняется после завершения синтаксического анализа страницы (только для внешних скриптов)
dirGlobal AttributesЗадает направление текста для содержимого в элементе
dirname<input>, <textarea>Указывает, что направление текста будет отправлено
disabled<button>, <fieldset>, <input>, <optgroup>, <option>, <select>, <textarea>Указывает, что указанный элемент/Группа элементов должна быть отключена
download<a>, <area>Указывает, что целевой объект будет загружен, когда пользователь щелкнет гиперссылку
draggableGlobal AttributesУказывает, является ли элемент перетаскивается или нет
dropzoneGlobal AttributesУказывает, копируются ли перенесенные данные, перемещаются ли они и связаны ли они при удалении
enctype<form>Указывает, как данные формы должны кодироваться при отправке на сервер (только для method=»post»)
for<label>, <output>Указывает, к какому элементу (ам) формы привязана метка/вычисление
form<button>, <fieldset>, <input>, <label>, <meter>, <object>, <output>, <select>, <textarea>Указывает имя формы, к которой принадлежит элемент
formaction<button>, <input>Указывает, куда отправлять данные формы при отправке формы. Только для type=»submit»
headers<td>, <th>Указывает одну или несколько ячеек заголовков, связанных с ячейкой
height<canvas>, <embed>, <iframe>, <img>, <input>, <object>, <video>Задает высоту элемента
hiddenGlobal AttributesУказывает, что элемент еще не является или больше не является релевантным
high<meter>Указывает диапазон, который считается высоким значением
href<a>, <area>, <base>, <link>Указывает URL-адрес страницы, на которую переходит ссылка
hreflang<a>, <area>, <link>Указывает язык связанного документа
http-equiv<meta>Предоставляет заголовок HTTP для информации/значения атрибута Content
idGlobal AttributesЗадает уникальный идентификатор для элемента
ismap<img>Определяет изображение как серверное изображение-Map
kind<track>Указывает тип текстовой дорожки
label<track>, <option>, <optgroup>Задает заголовок текстовой дорожки
langGlobal AttributesУказывает язык содержимого элемента
list<input>Ссылается на элемент <DataList>, содержащий предварительно определенные параметры для элемента <input>
loop<audio>, <video>Указывает, что аудио/видео будет начинаться снова, каждый раз, когда он закончится
low<meter>Указывает диапазон, который считается низким значением
max<input>, <meter>, <progress>Задает максимальное значение
maxlength<input>, <textarea>Указывает максимальное число символов, разрешенных в элементе
media<a>, <area>, <link>, <source>, <style>Указывает, какие носители/устройства оптимизированы для связанного документа
method<form>Указывает метод HTTP, используемый при отправке данных формы
min<input>, <meter>Задает минимальное значение
multiple<input>, <select>Указывает, что пользователь может ввести более одного значения
muted<video>, <audio>Указывает, что аудиовыход видео должен быть отключен
name<button>, <fieldset>, <form>, <iframe>, <input>, <map>, <meta>, <object>, <output>, <param>, <select>, <textarea>Задает имя элемента
novalidate<form>Указывает, что форма не должна проверяться при отправке
onabort<audio>, <embed>, <img>, <object>, <video>Сценарий, запускаемый при прерывании
onafterprint<body>Сценарий, запускаемый после печати документа
onbeforeprint<body>Выполнение сценария перед печатью документа
onbeforeunload<body>Сценарий, запускаемый при выгрузке документа
onblurAll visible elements.Сценарий, запускаемый при потере фокуса элементом
oncanplay<audio>, <embed>, <object>, <video>Скрипт будет запущен, когда файл готов к началу воспроизведения (когда он достаточно буферизован, чтобы начать)
oncanplaythrough<audio>, <video>Сценарий для запуска, когда файл можно воспроизвести до конца без паузы для буферизации
onchangeAll visible elements.Сценарий, запускаемый при изменении значения элемента
onclickAll visible elements.Сценарий, запускаемый при щелчке элемента
oncontextmenuAll visible elements.Сценарий, запускаемый при запуске контекстного меню
oncopyAll visible elements.Сценарий, запускаемый при копировании содержимого элемента
oncuechange<track>Скрипт запускается, когда кий изменяется в <track> element
oncutAll visible elements.Сценарий, запускаемый при вырезании содержимого элемента
ondblclickAll visible elements.Сценарий, запускаемый при двойном щелчке элемента
ondragAll visible elements.Сценарий, запускаемый при перетаскивании элемента
ondragendAll visible elements.Сценарий, запускаемый в конце операции перетаскивания
ondragenterAll visible elements.Сценарий, запускаемый при перетаскивании элемента в допустимый целевой объект перетаскивания
ondragleaveAll visible elements.Сценарий, запускаемый, когда элемент оставляет допустимый целевой объект перетаскивания
ondragoverAll visible elements.Сценарий, запускаемый при перетаскивании элемента над допустимым целевым объектом перетаскивания
ondragstartAll visible elements.Сценарий, запускаемый в начале операции перетаскивания
ondropAll visible elements.Сценарий, запускаемый при удалении перетаскивания элемента
ondurationchange<audio>, <video>Сценарий, запускаемый при изменении длины носителя
onemptied<audio>, <video>Скрипт для запуска, когда что-то плохое происходит, и файл внезапно недоступен (как неожиданно отключается)
onended<audio>, <video>Скрипт будет запущен, когда носитель достигнет конца (полезное событие для сообщений, таких как «Спасибо за прослушивание»)
onerror<audio>, <body>, <embed>, <img>, <object>, <script>, <style>, <video>Сценарий, запускаемый при возникновении ошибки
onfocusAll visible elements.Сценарий, запускаемый, когда элемент получает фокус
onhashchange<body>Сценарий, который должен быть запущен, когда были внесены изменения в якорную часть URL-адреса
oninputAll visible elements.Сценарий, запускаемый, когда элемент получает пользовательский ввод
oninvalidAll visible elements.Сценарий, запускаемый при недопустимом элементе
onkeydownAll visible elements.Сценарий, запускаемый при нажатии пользователем клавиши
onkeypressAll visible elements.Сценарий, запускаемый при нажатии пользователем клавиши
onkeyupAll visible elements.Сценарий, запускаемый, когда пользователь освобождает ключ
onload<body>, <iframe>, <img>, <input>, <link>, <script>, <style>Сценарий, запускаемый при завершении загрузки элемента
onloadeddata<audio>, <video>Сценарий, запускаемый при загрузке мультимедийных данных
onloadedmetadata<audio>, <video>Скрипт, запускаемый при загрузке мета-данных (таких как размеры и длительность)
onloadstart<audio>, <video>Сценарий для запуска так же, как файл начинает загружаться, прежде чем что-либо на самом деле загружен
onmousedownAll visible elements.Сценарий, запускаемый при нажатии кнопки мыши на элементе
onmousemoveAll visible elements.Сценарий будет выполняться до тех пор, пока указатель мыши &нбсп; перемещается над элементом
onmouseoutAll visible elements.Сценарий, запускаемый при перемещении указателя мыши из элемента
onmouseoverAll visible elements.Сценарий, запускаемый при перемещении указателя мыши над элементом
onmouseupAll visible elements.Сценарий, запускаемый при отпускании кнопки мыши над элементом
onmousewheelAll visible elements.Сценарий, запускаемый при прокрутке колесика мыши над элементом
onoffline<body>Скрипт, запускаемый при запуске браузера для работы в автономном режиме
ononline<body>Сценарий, запускаемый при запуске браузера для работы в Интернете
onpagehide<body>Сценарий для запуска, когда пользователь переходит от страницы
onpageshow<body>Сценарий, запускаемый при переходе пользователя на страницу
onpasteAll visible elements.Сценарий, запускаемый при вставке пользователем некоторого содержимого в элемент
onpause<audio>, <video>Сценарий, запускаемый при приостановлении работы носителя пользователем или программным способом
onplay<audio>, <video>Сценарий, запускаемый после начала воспроизведения мультимедиа
onplaying<audio>, <video>Сценарий, запускаемый после начала воспроизведения мультимедиа
onpopstate<body>Скрипт, запускаемый при изменении истории окна.
onprogress<audio>, <video>Скрипт для запуска, когда браузер находится в процессе получения мультимедийных данных
onratechange<audio>, <video>Скрипт будет выполняться каждый раз при изменении частоты воспроизведения (например, когда пользователь переходит в режим медленного или быстрого перемотки).
onreset<form>Сценарий, запускаемый при нажатии кнопки сброса в форме.
onresize<body>Сценарий, запускаемый при изменении размера окна обозревателя.
onscrollAll visible elements.Сценарий, запускаемый при прокрутке полосы прокрутки элемента
onsearch<input>Script для запуска, когда пользователь пишет что-то в поле поиска (Для <input=»search»>)
onseeked<audio>, <video>Сценарий, запускаемый, когда атрибуту поиска присваивается значение false, указывающее, что Поиск завершен
onseeking<audio>, <video>Сценарий, запускаемый, когда атрибуту поиска присваивается значение true, указывающее, что поиск активен
onselectAll visible elements.Сценарий, запускаемый при выборе элемента
onshow<menu>Скрипт, запускаемый при <menu> элемент отображается в виде контекстного меню
onstalled<audio>, <video>Скрипт для запуска, когда браузер не может получить данные мультимедиа по какой-либо причине
onstorage<body>Сценарий, запускаемый при обновлении области веб-хранилища
onsubmit<form>Сценарий, запускаемый при отправке формы
onsuspend<audio>, <video>Скрипт, запускаемый при извлечении мультимедийных данных, останавливается до полной загрузки по какой-либо причине
ontimeupdate<audio>, <video>Скрипт, запускаемый при изменении игрового положения (например, когда пользователь пересылается в другую точку носителя)
ontoggle<details>Сценарий, запускаемый, когда пользователь открывает или закрывает элемент < Details >
onunload<body>Скрипт, запускаемый при выгрузке страницы (или закрытии окна браузера)
onvolumechange<audio>, <video>Скрипт будет выполняться каждый раз при изменении громкости видео/аудио
onwaiting<audio>, <video>Сценарий, запускаемый, когда носитель приостановлен, но ожидается его возобновление (например, когда носитель приостанавливается для буферизации дополнительных данных)
onwheelAll visible elements.Скрипт для запуска, когда колесо мыши катится вверх или вниз над элементом
open<details>Указывает, что сведения должны быть видимыми (открытыми) для использования
optimum<meter>Определяет, какое значение является оптимальным для датчика
pattern<input>Задает регулярное выражение, которое <input> значение элемента проверяется
placeholder<input>, <textarea>Задает краткую подсказку, описывающую ожидаемое значение элемента
poster<video>Указывает изображение, которое будет отображаться во время загрузки видео, или до тех пор, пока пользователь не достигнет кнопки воспроизведения
preload<audio>, <video>Указывает, если и как автор считает, что аудио/видео должно быть загружено при загрузке страницы
readonly<input>, <textarea>Указывает, что элемент является только для чтения
rel<a>, <area>, <link>Указывает связь между текущим документом и связанным документом
required<input>, <select>, <textarea>Указывает, что элемент должен быть заполнен до отправки формы
reversed<ol>Указывает, что порядок списков должен быть по убыванию (9,8,7. ..)
rows<textarea>Указывает видимое число строк в текстовой области
rowspan<td>, <th>Указывает количество строк, которые должна охватывать ячейка таблицы
sandbox<iframe>Включает дополнительный набор ограничений для содержимого в <iframe>
scope<th>Указывает, является ли ячейка заголовка столбцом, строкой или группой столбцов или строк
selected<option>Указывает, что параметр должен быть предварительно выбран при загрузке страницы
shape<area>Определяет форму области
size<input>, <select>Задает ширину, в символах (для <input>) или задает количество видимых параметров (Для <select>)
sizes<img>, <link>, <source>Задает размер связанного ресурса
span<col>, <colgroup>Указывает количество столбцов для span
spellcheckGlobal AttributesПризнак проверки орфографии и грамматики элемента
src<audio>, <embed>, <iframe>, <img>, <input>, <script>, <source>, <track>, <video>Указывает URL-адрес файла мультимедиа
srcdoc<iframe>Задает HTML-содержимое страницы, которая отображается в <iframe>
srclang<track>Указывает язык текстовых данных дорожки (required if kind=»subtitles»)
srcset<img>, <source>Указывает URL-адрес изображения для использования в различных ситуациях
start<ol>Задает начальное значение упорядоченного списка
step<input>Задает юридические интервалы номеров для поля ввода
styleGlobal AttributesЗадает встроенный стиль CSS для элемента
tabindexGlobal AttributesЗадает порядок табуляции элемента
target<a>, <area>, <base>, <form>Указывает целевой объект для открытия связанного документа или места отправки формы
titleGlobal AttributesУказывает дополнительные сведения об элементе
translateGlobal AttributesУказывает, должно ли содержимое элемента быть переведено или нет
type<button>, <embed>, <input>, <link>, <menu>, <object>, <script>, <source>, <style>Указывает тип элемента
usemap<img>, <object>Указывает изображение в виде клиентского изображения-карты
value<button>, <input>, <li>, <option>, <meter>, <progress>, <param>Задает значение элемента
width<canvas>, <embed>, <iframe>, <img>, <input>, <object>, <video>Задает ширину элемента
wrap<textarea>Указывает, как текст в текстовой области должен быть упакован при отправке в форме

❮ Назад Дальше ❯

Ссылка на тег

Редактировать на GitHub
  • Общие теги
  • Ссылка на тег пользовательского интерфейса

Общие теги используются для управления потоком выполнения при отображении страниц. Эти теги также позволяют извлекать данные из мест, отличных от вашего действия или стека значений, таких как Localization , JavaBeans, включая дополнительные URL-адреса или выполнения действий.

  • Контрольные теги обеспечивают поток управления, например if , еще и итератор
  • Теги данных
  • позволяют манипулировать данными или создавать их, например, bean , push и i18n

Убедитесь, что вы прочитали документ «Синтаксис тегов» и понимаете, как работает синтаксис атрибутов тегов.

Общие теги

Универсальные теги Struts управляют потоком выполнения при отображении страниц.

Метки управления   Теги данных  
  если   и
  иначе   действие
  еще   фасоль
  добавить   дата
  генератор   отладка
  итератор   i18n
  слияние   включает
  сорт   параметр
  подмножество   свойство
      нажать
      комплект
      текст
      адрес

Ссылка на тег пользовательского интерфейса

Теги пользовательского интерфейса Struts отображают данные в расширенном и повторно используемом HTML.

Теги форм   Неформальные теги пользовательского интерфейса  
  флажок   ошибка действия
  список флажков   сообщение действия
  поле со списком   компонент
  текстовое поле даты   ошибка поля
  двойной выбор    
  головка    
  файл    
  форма    
  скрытый    
  inputtransferselect    
  этикетка    
  optiontransferselect    
  оптгруппа    
  пароль    
  радио    
  сброс    
  выберите    
  отправить    
  текстовая область    
  текстовое поле    
  токен    
  вверх внизвыбрать    

Copyright © 2000-2022 Apache Software Foundation. Apache Struts, Struts, Apache, логотип Apache с перьями и логотипы проектов Apache Struts товарные знаки Apache Software Foundation. Все права защищены.

Дизайн логотипа и веб-сайта предоставлен компанией SoftwareMill.

Справочник по тегам HTML | полный список глоссариев кода

Путь // www.yourhtmlsource.com → Мой первый сайт → СПРАВКА ПО ТЕГАМ HTML


Росс Шеннон

В HTML довольно много тегов, и эти теги постоянно меняются при выпуске новых версий. Ниже приведен текущий список всех тегов, совместимых с HTML 4.01. Если вы хотите узнать больше о каком-либо из этих тегов, попробуйте щелкнуть по нему, и вы перейдете к учебнику в одном из темных уголков HTML Source.

Навигация по страницам:
Базовая структура | Ссылки | Списки | Мультимедиа | Столы | Рамки | Формы | Форматирование текста

Эта страница последний раз обновлялась 21 августа 2012 г.

DTD (объявление типа документа) сообщает вашему браузеру, какую версию HTML вы используете. Убедитесь, что вы используете правильный DTD, иначе ваша страница может отображаться неправильно.
< html >...
Стандартные открывающие и закрывающие теги для любой HTML-страницы. Заключите в них все остальное. Тег контейнера .
Комментарий — все, что вы здесь поместите, будет пропущено браузером.
< головка >...
Начинает заголовок документа. Все, что между ними, в основном используется, чтобы помочь вашему браузеру и поисковым системам классифицировать вашу страницу. Использовать это необязательно, но рекомендуется. Бирка контейнера .
< заголовок >...
Все, что находится между этими тегами, будет отображаться на синей полосе в верхней части экрана.
< мета >
Группа тегов, предоставляющих информацию о странице и создателе специально для поисковых систем.
< база >
Изменяет целевой или относительный URL-адрес ссылки по умолчанию, полезно, если страница читается на другом сервере.
< ссылка >
Позволяет связать таблицы стилей и значок избранного со страницей.
< тело >...
Все, что видно на вашей странице, помещается между этими тегами. Все. Бирка контейнера .
< a >...
Делает заключенный текст или изображение гиперссылкой на другой файл.

Списки

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

Мультимедиа

< изображение >
Размещает изображение на вашей странице
< встроенный >
Добавляет мультимедийный элемент непосредственно на вашу страницу, позволяя браузеру воспроизводить его с помощью подключаемого модуля.
< скрипт >. ..
Добавляет скрипт, обычно JavaScript, на вашу страницу.
Включите все, что вы хотите отображать в браузерах, не поддерживающих скрипты.

Таблицы

< таблица >...
Размещает таблицу на вашей странице. Бирка контейнера .
< заголовок >...
содержит заголовок таблицы, своего рода название. Он будет отображаться сверху, если не указано иное. Этот тег не должен содержаться в тр или тд .
< тр >...
начинает новую строку таблицы. Клетки идут внутрь этого. Атрибуты такие же, как у td .
< td >...
заключает в себе ячейку таблицы. Содержание идет в них.
< >...
То же, что и ячейки таблицы, но все содержимое выделено жирным шрифтом и выровнено по центру.
< thead >...
Определяет заголовок большой таблицы. Оберните теги вокруг строк/ячеек, которые вы хотите определить как заголовок.
< tbody >...
Определяет основную часть сложной таблицы.
< фут >...
Оберните этим нижнюю часть таблицы.
< колгруппа >
Позволяет установить атрибуты для всего столбца. Каждый столбец должен быть определен последовательно.

Фреймы

< набор фреймов >...< /frameset>
Запускает новый макет кадра. При построении страницы фрейма тело не используется. Бирка контейнера .
< рама >
Определяет один фрейм в наборе фреймов.
< без фреймов >...< /без фреймов>
Если у посетителя старый браузер, который не поддерживает фреймы, вы можете оставить сообщение или какой-либо контент между этими тегами.
< iframe >...
Размещает встроенный или «плавающий» фрейм. Его можно разместить в любом месте обычной страницы, т. е. он не обязательно должен быть частью набор фреймов .

Формы

< форма >...
Начинает область формы. Добавьте любые элементы формы, которые вы хотите использовать между этими тегами. Бирка контейнера .
< ввод >
Позволяет добавлять различные поля ввода пользователя, такие как текстовые поля, флажки, переключатели, кнопки отправки и сброса, в зависимости от того, как вы установили тип атрибут.
< текстовая область >...
Добавляет многострочную текстовую область, подходящую для ввода большего объема информации, чем однострочное текстовое поле. Любой текст, добавленный между тегами, помещается в область при загрузке страницы.
< выбрать >...
Устанавливает пустой раскрывающийся список выбора. Вы можете добавить варианты с помощью 9тег 0015.
< набор полей >...
Позволяет группировать элементы формы вместе в логические схемы.
< легенда >...
Вы можете озаглавить свой набор полей с этим тегом.
< метка >...
С помощью этого тега можно сделать пояснительный текст рядом с элементом формы частью кликабельной области, что значительно упрощает выбор элементов.

Форматирование текста

<адрес>...
Подпись и адрес автора, выделенные курсивом.
...
Делает заключенный текст полужирным.
<большой>...
Увеличивает вложенный текст на один размер.
...
Отступ текста с обеих сторон.

Останавливает текущую строку и переходит к следующей.
<центр>...
Выравнивает окружающие объекты (от текста или изображений до форм и т. д.) по центру.
...
Включает цитату и обычно выделяется курсивом.
<код>...
Если вы включаете компьютерный или HTML-код в свои документы, оберните их вокруг него. Он представлен мелким текстом.
...
Определение. Как обычно в таких вещах, выделено курсивом.
...
Окружите отдельные разделы вашей страницы в элементы div, в первую очередь для их выравнивания, но поддерживаются многие другие атрибуты, и элементы div также можно использовать для настройки слоев.
...
Выделяет текст в окружении, делая его курсивным.
...
Задает свойства шрифта для выделенного текста.
...
Устанавливает текст в качестве заголовка со значениями от h2 (самый большой) до h6 (самый маленький).
<час>
Вставляет серую горизонтальную линию поперек страницы.
...
Тег по умолчанию для курсива.
...
Подразумевает, что текст нужно вводить с клавиатуры. Он отображается моноширинным и маленьким.
...
Предписывает вложенному тексту не обтекать край экрана, а продолжаться столько, сколько необходимо.
Если вам нужен разрыв строки в блоке текста, который вы установили в nobr , добавьте это.

...

Превращает вложенный текст в абзац с пропуском строк сверху и снизу.
<пред>...
Отображает текст шрифтом фиксированной ширины и сохраняет форматирование исходного текста (т. е. пробелы и разрывы строк).
...
Используется для разметки коротких встроенных цитат. Некоторые браузеры добавляют кавычки вокруг текста.
... (или ... )
Отображает зачеркнутый текст.
...
Указывает образец вывода из формы или программы. Текст отображается мелким шрифтом.
<маленький>...
Уменьшает вложенный текст на один размер.
...
Создает выделение для выделенного текста, выделенного полужирным шрифтом.
...
Отображает текст в нижнем индексе, то есть слова под обычным текстом. Например: это
...
Родственный тег для выше, это отображает текст в надстрочном индексе. Нравится
...
Отображает текст моноширинным моноширинным шрифтом фиксированной ширины; как старая пишущая машинка.
...
Отображает подчеркнутый текст в окружении.

Starting Off  
Start Here ·
My First Site ·

Lessons  
Text ·
Images ·
Tables ·
Frames ·
Forms ·
Stylesheets ·

Advanced  
Accessibility ·
Promotion ·
Optimisation ·
Site Management ·

Scripting  
JavaScript ·
CGI Scripting ·

Reviews  
Web Hosting ·
Books ·
Recommendations ·

HTML Source Toolbox  ¤

Love us ?  


Добавьте HTML-код в закладки!

Добавьте HTML-код в закладки!


Страницы для печати  


Просто распечатайте страницы в обычном режиме, наша таблица стилей автоматически переформатирует страницу для вас.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *