Made in HTML/CSS – Telegram
Made in HTML/CSS
1.37K subscribers
754 photos
41 videos
2 files
677 links
Научись классно верстать и создавать сайты благодаря Made in HTML/CSS.
По рекламе - https://news.1rj.ru/str/ZilantTG
Download Telegram
Тег <ruby> используется для добавления к тексту кандзи (китайских иероглифов) их фонетической записи (руби).

Основные особенности:
- Состоит из основного текста и дополнительной фонетической записи.
- Дополнительная запись размещается над или рядом с основным текстом.
- Часто используется в азиатских языках для помощи в чтении сложных иероглифов.
- Улучшает доступность текста для читателей, не знакомых с иероглифами.
- Может содержать теги <rb>, <rt> и <rp> для более точного указания руби.
👍4
Тег <s> используется для обозначения текста, который больше не актуален или недействителен.

Основные особенности:
- Отображает текст с перечеркиванием, визуально обозначая, что он устарел или более не актуален.
- Применяется для семантической разметки, а не только для визуального эффекта.
- Помогает обозначить изменения в содержании, не удаляя весь текст.
- Улучшает доступность и понимание документа для пользователей.
- Отличается от тега <del>, который используется для обозначения удаленного текста.
👍6
тег <samp> используется для обозначения примера или фрагмента текста, должен быть отображен в моноширинном шрифте.

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

Это помогает визуально отделить такие фрагменты от остального содержания страницы.
👍6
<section> — это HTML-элемент, который используется для определения семантического раздела на веб-странице.

Этот элемент помогает структурировать содержимое, выделяя отдельные тематические блоки информации.

Основные характеристики:

1. Семантика: <section> подразумевает, что содержимое в нем связано единой темой. Это может быть раздел текста, статей, или страниц, относящихся к одной тематике.

2. Заголовок: Обычно <section> содержит заголовок, определяемый элементом <h1>, <h2>, <h3> (и т.д.), который описывает тему данного раздела.
👍4
<select> — это HTML-элемент для создания выпадающего списка, позволяющего пользователю выбирать один или несколько вариантов из списка.

Внутри <select> размещаются элементы <option>, каждый из которых представляет отдельный вариант выбора.
👍6
<small> — это HTML-элемент, который используется для представления текста меньшего размера, обычно для создания второстепенного или менее важного текста.

Этот элемент часто применяется для выделения сносок, примечаний, авторских прав и другой информации, которая не является основным содержанием.
👍5
<source> — это HTML-элемент, который используется в медиаэлементах <audio> и <video> для определения источников медиафайлов.

Он позволяет браузерам выбирать наиболее подходящий файл для воспроизведения в зависимости от поддерживаемых форматов и кодеков.
👍4
<strong> — это HTML-элемент, предназначенный для выделения текста, который имеет повышенную важность.

Обычно браузеры отображают содержимое внутри <strong> с жирным шрифтом, что визуально подчеркивает выделенный текст.
👍5
<style> — это HTML-элемент, который используется для определения встроенного CSS (каскадных таблиц стилей) в документе HTML.

Он позволяет разработчикам применять стили непосредственно в HTML-документе, что может быть полезно для небольших проектов или когда необходимо быстро протестировать стили без создания отдельного CSS-файла.
👍6
<sub> — это HTML-элемент, который используется для отображения текста в нижнем регистре, обычно как подстрочный текст.

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

Элемент <sup> в HTML используется для обозначения надстрочного текста, который визуально располагается выше базовой линии обычного текста.
👍8
Элемент <summary> в HTML используется вместе с элементом <details> и предназначен для создания заголовка или краткого описания в сворачиваемых блоках информации.

При использовании <summary> можно предоставлять пользователю возможность сворачивать и разворачивать дополнительные сведения, что делает информацию более доступной и удобной для чтения.
👍6
Тег <sup> в HTML используется для обозначения надстрочного текста.

Этот текст обычно отображается выше базовой линии и меньшего размера, что делает его идеальным для обозначения степеней, математических формул или других значений, требующих надстрочного написания.
👍6
Элемент <table> в HTML используется для создания таблиц, что позволяет организовывать данные в виде строк и столбцов.

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

### Основные компоненты таблицы:

1. <table>: Основной контейнер для всей таблицы.
2. <tr>: Элемент для определения строки таблицы.
3. <th>: Ячейка заголовка, обычно содержит текст, который описывает содержимое столбца. По умолчанию текст в этих ячейках выделяется полужирным шрифтом и центрируется.
4. <td>: Обычная ячейка таблицы, содержащая данные.
👍5🔥3
Тег <template> в HTML используется для определения фрагмента кода, который может быть повторно использован в документе, но не отображается сразу при загрузке страницы.

Этот элемент предназначен для хранения HTML-контента, который будет «активирован» и вставлен в документ через JavaScript в дальнейшем.

Это полезно для работы с динамическими интерфейсами, где нужно создавать элементы на лету.
1👍13
Тег <textarea> в HTML используется для создания многострочной текстовой области на веб-странице.

Этот элемент позволяет пользователям вводить длинный текст, например, комментарии, сообщения или заметки.

<textarea> часто используется в формах для сбора текстовой информации.
👍9
Тег <tfoot> используется для определения нижней части таблицы, обычно для резюме или итогов данных, содержащихся в таблице.

Его вставляют в структуру таблицы вместе с тегами <thead> и <tbody>.
👍7
Тег <time> используется для указания даты или времени, как в абсолютном формате (например, полная дата) так и относительном (например, "вчера", "через 2 дня").

Это помогает поисковым системам и программам обработки данных лучше воспринимать временную информацию.
👍6🔥2👨‍💻2
Тег <track> используется вместе с элементами <video> и <audio> для добавления текстовых дорожек, таких как субтитры, описания или переводы.

Этот тег позволяет создавать более доступный контент для пользователей, которые могут нуждаться в текстовой информации.
👍6🔥1
Тег <u> используется для выделения текста с подчеркиванием.

Ранее использовался для стилистических целей, но современный HTML применяет его для обозначения текста, который имеет особое значение, например, названия или термины.
👍10
Тег <ul> используется для создания ненумерованного списка.

Элементы списка обозначаются с помощью тега <li> (list item).
1🔥8
Тег <var> используется для обозначения переменной в математических выражениях или программировании.

Текст, обрамленный этим тегом, обычно отображается курсивом.
👍6