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

теги, атрибуты и их значения

☚ В начало | Справочник HTML

Теги на букву O:
<object>

Тег <object>


Тег <object> используют для встраивания на страницу объектов в различных форматах: PDF, видео или аудио.


Атрибуты

АтрибутФункцияЗначение
dataПуть к файлу (обязательный атрибут).URL
heightВысота.Целое положительное число в пикселях или процентах.
typeMIME-тип объекта (обязательный атрибут).MIME-тип.
widthШирина.Целое положительное число в пикселях или процентах.

Для элемента доступны глобальные атрибуты.


Синтаксис

<object type="application/pdf" data="doc.pdf"></object>


<ol>

Тег <ol>


Тег <ol> используют для создания нумерованного (упорядоченного) списка. Отдельным элементом списка служит тег <li>.

У элемента <ol> есть брат-близнец — <ul>, его применяют для создания маркированных списков.


Атрибуты

АтрибутФункцияЗначение
reversedНумерация по убыванию: 5, 4, 3, 2, 1.Атрибут без значения.
startС какого пункта начинать нумеровать список.Целое положительное число.
typeВид маркера списка.type="A" — Заглавные латинские буквы.
type="a" — Строчные латинские буквы.
type="I" — Заглавные римские цифры.
type="i" — Строчные римские цифры.
type="1" — Арабские цифры (по умолчанию).

Для элемента доступны глобальные атрибуты.


Пример

<ol>
    <li>06:00 — Подъём.</li>
    <li>07:00 — Разгон облаков.</li>
    <li>08:00 — Подвиг.</li>
    <li>17:00 — Война с Англией.</li>
</ol>

Результат

  1. 06:00 — Подъём.
  2. 07:00 — Разгон облаков.
  3. 08:00 — Подвиг.
  4. 17:00 — Война с Англией.


<optgroup>

Тег <optgroup>


Тег <optgroup> — это контейнер для элементов <option>, объединённых в группу. Заголовок группы (атрибут label) выделяется жирным шрифтом, а все элементы списка <option> смещаются чуть вправо от исходного положения.


Атрибуты

АтрибутФункцияЗначение
disabledБлокирует доступ к группе списка.Атрибут без значения.
labelЗаголовок группы (Обязательный).Текст.

Для элемента доступны глобальные атрибуты.


Пример

<p>Кто разводит голубей?</p>
<form action="" method="get">
    <select>
      <optgroup label="Выбрать:">
          <option>Джонни Депп</option>
          <option>Анджелина Джоли</option>
          <option>Майк Тайсон</option>
      </optgroup>
    </select>
  <button type="submit">Отправить</button>
</form>

Результат

Кто разводит голубей?



<option>

Тег <option>


Тег <option> — это отдельные пункты списка, созданного с помощью элементов <select> или <datalist>.

Для объединения элементов <option> в одну группу служит контейнер <optgroup>.

Если у тегов <option> не заданы значения атрибута value, то при отправке данных на сервер, они будут равны их содержимому.


Атрибуты

АтрибутФункцияЗначение
disabledБлокирует доступ к пункту списка (отображается серым цветом).Атрибут без значения.
labelТекстовая метка пункта списка.Текст.
selectedОпределённый пункт списка выбран по умолчанию.Атрибут без значения.
valueЗначение пункта списка, которое будет отправлено на сервер.Текст.

Для элемента доступны глобальные атрибуты.


Пример

<form>
  <select size="3">
      <option disabled>-- Ваше хобби --</option>
      <option value="hobby1">Игра на балалайке</option>
      <option value="hobby2">Вышивание крестиком</option>
      <option value="hobby3">Разведение голубей</option>
      <option value="hobby4">Пейнтбол</option>
  </select>
</form>

Результат



<output>

Тег <output>


Тег <output> служит для вывода результатов действий или вычислений пользователя, например, в калькуляторе. При отправке данных на сервер значение <output> не передаётся.


Атрибуты

АтрибутФункцияЗначение
forСвязывает поле ввода с <output>. Если для вычисления используют несколько полей, то их идентификаторы в атрибуте for пишутся через пробел.Идентично значению атрибута id перечисленных полей ввода, таких как <input>.
formСвязывает элемент с формой, если <output> располагается за её пределами.Идентично значению атрибута id тега <form>.
nameУникальное имя.Имя.

Для элемента доступны глобальные атрибуты.


Пример

<form>
  <label for="math">Умножение на 3:</label>
  <input type="number" id="math" name="multiplier"
    oninput="result.value=(parseInt(multiplier.value)*3)">
    Результат:
    <output name="result" for="math"></output>
</form>

Результат



Результат:


Популярное

Полезное

Получить книгу

Мы здесь

Поделиться материалом с друзьями:

Вверх