Технологии

SPAN (тег в HTML)

Что такое span в html:

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

Как прописать span в html:

<p><span class='warning'>Предупреждение:</span> не пытайтесь сделать это дома.</p>

SPACER (тег в HTML)

Что такое spacer в html:

Создает пустое пространство по вертикали или горизонтали.

Атрибуты:

1. align - Определяет выравнивание элемента относительно содержимого.
2. height - Устанавливает высоту пустого пространства в пикселах.
3. size - Число пикселов пустого пространства вставляемых горизонтально или вертикально, в зависимости от значения атрибута type — horizontal или vertical.
4. type - Указывает тип элемента. Возможные значения block | horizontal | vertical.
5. width - Устанавливает ширину пустого пространства в пикселах.

Как прописать spacer в html:

<spacer height="<число>" width="<число>"></spacer>

SOURCE (тег в HTML)

Что такое source в html:

Нужен для указания адреса картинок в теге <picture>, аудио в теге <audio> или видео в теге <video>. Он не используется как отдельный тег.

Атрибуты:

1. media - Определяет устройство, для которого будет воспроизводиться файл.
2. src - Адрес файла.
3. type - MIME-тип медийного источника.

Как прописать source в html:

<audio>
 <source src="URL">
</audio>
<video>
 <source src="URL">
</video>

SMALL (тег в HTML)

Что такое small в html:

Уменьшает размер шрифта на одну условную единицу в сравнении с окружающим текстом. Текст можно уменьшить в параграфе <p>, заголовках любого уровня или других текстовых блоках.

Как прописать small в html:

<p>Это <small>мелкий</small> текст внутри большого предложения.</p>

SELECT (тег в HTML)

Что такое select в html:

Используется для создания выпадающего списка. Этот тег содержит список опций, которые пользователь может выбрать. Когда пользователь выбирает опцию, выбранное значение отправляется на сервер или обрабатывается на клиентской стороне.
Все опции списка должны быть обёрнуты в тег <option>.

Атрибуты:

1. autocomplete - подсказка для функции автозаполнения формы;
2. disabled - делает элемент неактивным;
3. form - связывает список с формой;
4. multiple - позволяет выбрать несколько опций;
5. name - задает имя элемента, которое будет отправляться на сервер;
6. required - делает элемент обязательным для заполнения;
7. size - задает количество строк в списке.

Как прописать select в html:

<select multiple>
  <option value='apple'>Яблоко</option>
  <option value='banana'>Банан</option>
  <option value='orange'>Апельсин</option>
</select>