Typography
Typography Demo
Пример расширенной типографики с использованием всех часто встречающихся HTML-тегов.
Заголовки h1–h6
Заголовок H1
Заголовок H2
Заголовок H3
Заголовок H4
Заголовок H5
Заголовок H6
Параграфы и текстовые выделения
Пример жирного текста, курсивного текста, выделенного маркером текста, зачеркнутого текста и подчеркнутого текста.
Пример ссылки в тексте.
Списки
Маркированный список
- Элемент списка 1
- Элемент списка 2
- Элемент списка 3
- Вложенный элемент 3.1
- Вложенный элемент 3.2
Нумерованный список
- Пункт 1
- Пункт 2
- Пункт 3
- Вложенный пункт 3.1
- Вложенный пункт 3.2
Таблица
| № | Наименование | Описание | Примечание |
|---|---|---|---|
| 1 | Элемент A | Подробное описание элемента A | Важно учитывать при использовании |
| 2 | Элемент B | Описание элемента B с пояснениями | Рекомендации по применению |
| 3 | Элемент C | Описание элемента C с дополнительными примерами | Может использоваться с другими элементами |
Блок Аккардион
Вопрос
Ответ
Вопрос
Ответ
Изображение
Цитата
«Это пример цитаты, которая выделяется визуально и может использоваться для ключевых высказываний или рекомендаций.»
Код
console.log('Пример кода для демонстрации типографики');Дополнительные элементы
Семантические элементы: HTML, Цитируемое название, Определение термина.
Использование горизонтальной линии:
Секция после линии.