Dimos.ru - заметки

SUP (тег в HTML)

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

Тег <sup> (сокращение от «superscript») отображает текст в виде верхнего индекса, а тег <sub> (сокращение от «subscript») в виде нижнего индекса.
Эти теги чаще используются для выделения отдельных символов, а не слов. Их используют для указания единиц измерения или написания простых формул.

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

20м<sup>2</sup>
H<sub>2</sub>O
X<sup>3</sup>+X<sup>2</sup>=1

Деталка

SUMMARY (тег в HTML)

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

Указывает заголовок для тега <details>, по которому можно щелкать для разворачивания/сворачивания информации. Тег <summary> должен идти первым внутри <details>.

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

<details>
<summary>Текст</summary>
</details>

Деталка

SUB (тег в HTML)

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

Тег <sup> (сокращение от «superscript») отображает текст в виде верхнего индекса, а тег <sub> (сокращение от «subscript») в виде нижнего индекса.
Эти теги чаще используются для выделения отдельных символов, а не слов. Их используют для указания единиц измерения или написания простых формул.

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

20м<sup>2</sup>
H<sub>2</sub>O
X<sup>3</sup>+X<sup>2</sup>=1

Деталка

STYLE (тег в HTML)

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

Используется для определения стилей для HTML-документов. Он является важным компонентом CSS, которые позволяют разработчикам создавать визуально привлекательные веб-страницы, определяя различные стили, такие как цвета, шрифты и макеты.

Атрибуты:

type - MIME-тип таблицы стилей.
media - типы носителей, для которы будет использоваться стиль.

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

<!DOCTYPE html>
<html>
<head>
<style>
body {
background-color: #f2f2f2;
}
</style>
</head>
<body>
<h1>Добро пожаловать на мой сайт!</h1>
</body>
</html>

Деталка

STRONG (тег в HTML)

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

Используется для выделения важного текста на странице — например, чтобы привлечь внимание к тексту или выделить подзаголовок внутри абзаца. Обычно такой текст выделяется жирным шрифтом.

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

<p>Результаты поиска для <strong>HTML</strong>.</p>

Деталка

STRIKE (тег в HTML)

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

Использовался для обозначения зачёркнутого текста, но уже устарел.

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

<p>Я купила <strike>туфли и</strike> платье.</p>

Деталка

SPAN (тег в HTML)

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

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

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

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

Деталка

SPACER (тег в HTML)

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

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

Атрибуты:

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

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

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

Деталка

SOURCE (тег в HTML)

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

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

Атрибуты:

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

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

Деталка

SMALL (тег в HTML)

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

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

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

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

Деталка

SELECT (тег в HTML)

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

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

Атрибуты:

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

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

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

Деталка

SECTION (тег в HTML)

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

Создаёт независимый блок — например, блок новостей, блок с контактами или просто абзац с заголовком.

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

<section>
<h1>Заголовок первого блока</h1>
<p>Съешь ещё этих мягких французских булок, да выпей чаю.</p>
</section>

<section>
<h1>Заголовок второго блока</h1>
<p>Съешь ещё этих мягких французских булок, да выпей же чаю.</p>
</section>

Деталка

SCRIPT (тег в HTML)

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

Используется для встраивания скриптов на страницу, которые могут изменять её содержимое и поведение. Этот тег позволяет загружать скрипты из внешних файлов или встраивать их прямо в HTML-код страницы.

Атрибуты:

async - указывает, что скрипт асинхронный, выполнение скрипта не останавливает загрузку страницы.
defer - указывает, что скрипт отложенный, выполнение скрипта происходит после загрузки страницы.
src - путь к файлу скрипта, который нужно загрузить.
type - тип скрипта.
nomodule - предотвращает выполнение скрипта в браузерах, поддерживающих модульные скрипты.
crossorigin - способ обработки сквозных запросов.
integrity - метаданные для проверки целостности субресурсов [SRI].
referrerpolicy - правила использования ссылок для поиска.
blocking - позволяет потенциально блокировать рендеринг.
fetchpriority - приоритет для запущенных элементом запросов.

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

<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<title>Пример использования тега script</title>
</head>
<body>
<h1>Мой первый скрипт</h1>
<p>Привет! Посмотрите, какой скрипт я написал</p>
<script src="path/to/script.js"></script>
</body>
</html>

Деталка

SAMP (тег в HTML)

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

Выделяет текст, который должен отображаться как код. Обычно этот элемент используется для отображения данных от программ или скриптов.

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

<p>Выполните следующие команды:</p>
<samp>
$ cd my_project
$ npm install
$ npm start
</samp>

Деталка

S (тег в HTML)

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

Использовался для отображения текста, который должен быть перечёркнут — например, текста, который был исправлен, но всё ещё должен быть виден.

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

<p>Данный товар стоил <s>~~2000~~</s> 1500 рублей.</p>
<p>Предыдущее название компании было <s>~~ООО 'Стройстрой'~~</s>.</p>

Деталка

RUBY (тег в HTML)

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

Используется для создания руби-аннотаций — специального вида аннотаций или пометок над текстом. Элемент часто применяется в японской и китайской письменности для помощи в произношении или чтении иероглифов.

Вот как это работает: основной текст заключается в тег <ruby>, а дочернем элементе <rt> содержится фонетическое написание или произношение этого текста.

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

<p>Этот текст содержит <ruby>猫<rp>(</rp><rt>Māo</rt><rp>)</rp></ruby>, что означает «кошка» на китайском языке.</p>

Этот текст содержит 猫 Māo, что означает «кошка» на китайском языке.

Деталка

RT (тег в HTML)

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

Добавляет аннотацию сверху или снизу от текста, заключенного в контейнер <ruby>. Сама аннотация выводится уменьшенным шрифтом.

Такая форма записи преимущественно используется для азиатских языков вроде китайского или японского, но также может применяться для других языков, если требуется написать один текст над другим.

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

<ruby>
текст
<rt>аннотация</rt>
</ruby>

Деталка

RP (тег в HTML)

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

Содержит текст, который будет отображаться в случае, если браузер не поддерживает теги <ruby>. Элемент должен быть вложен в тег <ruby> и использоваться только с ним.

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

Деталка

Q (тег в HTML)

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

Используется для выделения в тексте цитат. Содержимое контейнера автоматически отображается в браузере в кавычках.

Атрибуты:

cite - Адрес, который указывает на источник цитаты.

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

<q>Текст</q>

Деталка

PROGRESS (тег в HTML)

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

Показывает прогресс завершения задачи, заполнения формы, загрузки и других длительных процессов.

Атрибуты:

value - текущее значение индикатора прогресса.
max - максимальное значение. Этот атрибут нужно указывать всегда, иначе браузер не сможет правильно отобразить индикатор прогресса.

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

<p>Страница загружается:</p>
<progress value='50' max='100'></progress>

Деталка

Блог

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Категории