Блог


RT (тег в HTML)

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

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

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

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

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

RUBY (тег в HTML)

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

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

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

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

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

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

S (тег в HTML)

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

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

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

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

SAMP (тег в HTML)

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

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

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

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

SCRIPT (тег в HTML)

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

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

Атрибуты:

  1. async - указывает, что скрипт асинхронный, выполнение скрипта не останавливает загрузку страницы.
  2. defer - указывает, что скрипт отложенный, выполнение скрипта происходит после загрузки страницы.
  3. src - путь к файлу скрипта, который нужно загрузить.
  4. type - тип скрипта.
  5. nomodule - предотвращает выполнение скрипта в браузерах, поддерживающих модульные скрипты.
  6. crossorigin - способ обработки сквозных запросов.
  7. integrity - метаданные для проверки целостности субресурсов [SRI].
  8. referrerpolicy - правила использования ссылок для поиска.
  9. blocking - позволяет потенциально блокировать рендеринг.
  10. 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>

SECTION (тег в HTML)

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

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

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

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

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

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>

SMALL (тег в HTML)

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

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

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

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

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>

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>

SPAN (тег в HTML)

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

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

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

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

STRIKE (тег в HTML)

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

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

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

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

STRONG (тег в HTML)

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

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

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

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

STYLE (тег в HTML)

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

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

Атрибуты:

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

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

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

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

SUMMARY (тег в HTML)

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

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

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

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

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

TABLE (тег в HTML)

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

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

Основные теги, используемые при создании таблицы:

  1. <table> - определяет начало и конец таблицы. Всё содержимое таблицы должно находиться между <table></table>.
  2. <thead> - определяет заголовок таблицы. Заголовок может содержать одну или несколько строк, в которых могут использоваться теги <th> для определения заголовков столбцов.
  3. <tbody> - определяет тело таблицы. Тело содержит одну или несколько строк, в которых могут использоваться теги <td> для определения содержимого ячеек.
  4. <tfoot> - определяет нижний колонтитул таблицы. Колонтитул может содержать одну или несколько строк, в которых могут использоваться теги <td> для определения содержимого ячеек.
  5. <tr> - определяет строку таблицы. Каждая строка должна находиться между тегами <tbody>, <thead> или <tfoot>.
  6. <th> - определяет заголовок столбца или строки таблицы. Используется внутри тегов <thead> и <tr>.
  7. <td> - определяет содержимое ячейки таблицы. Используется внутри тегов <tbody>, <tfoot> и <tr>.
  8. <caption> - определяет заголовок таблицы, который будет размещен над таблицей. Используется внутри тега <table>.

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

<table>
  <thead>
    <tr>
      <th>Заголовок 1</th>
      <th>Заголовок 2</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>Ячейка 1,1</td>
      <td>Ячейка 1,2</td>
    </tr>
    <tr>
      <td>Ячейка 2,1</td>
      <td>Ячейка 2,2</td>
    </tr>
  </tbody>
</table>

TBODY (тег в HTML)

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

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

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

<table>
 <thead> .... </thead>
 <tfoot> ... </tfoot>
 <tbody>
  <tr>
   <td> ... </td>
  </tr>
 </tbody>
</table>

TD (тег в HTML)

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

Используется для создания ячеек таблицы, он всегда вкладывается в элемент <tr>.

Атрибуты:

  1. colspan - количество объединяемых ячеек по горизонтали.
  2. rowspan - количество объединяемых ячеек по вертикали.
  3. headers - список id элементов, которые связаны с ячейкой.

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

<table>
  <tr>
    <td>Имя</td>
    <td>Фамилия</td>
    <td>Возраст</td>
  </tr>
  <tr>
    <td>Иван</td>
    <td>Иванов</td>
    <td>25</td>
  </tr>
  <tr>
    <td>Пётр</td>
    <td>Петров</td>
    <td>30</td>
  </tr>
</table>


Материалы 121 - 140 из 165
Начало | Пред. | 5 6 7 8 9 | След. | Конец