Пример сообщения в блоге
В этом сообщении блога показано несколько различных типов контента, которые поддерживаются и стилизованы с помощью Bootstrap. Как и ожидалось, поддерживаются базовая типографика, списки, таблицы, изображения, код и многое другое.
Это дополнительный контент-заполнитель абзаца. Он был написан, чтобы заполнить доступное пространство и показать, как более длинный фрагмент текста влияет на окружающий контент. Мы будем повторять это часто, чтобы демонстрация продолжалась, так что ищите точно такую же строку текста.
Цитаты
Это пример цитаты в действии:
Цитируемый текст идет сюда.
Это дополнительный контент-заполнитель абзаца. Он был написан, чтобы заполнить доступное пространство и показать, как более длинный фрагмент текста влияет на окружающий контент. Мы будем повторять это часто, чтобы демонстрация продолжалась, так что ищите точно такую же строку текста.
Примеры списков
Это дополнительный контент-заполнитель абзаца. Это немного более короткая версия другого часто повторяющегося основного текста, используемого повсюду. Это пример неупорядоченного списка:
- Первый элемент списка
- Второй элемент списка с более длинным описанием
- Третий пункт списка, чтобы закрыть его
И это упорядоченный список:
- Первый элемент списка
- Второй элемент списка с более длинным описанием
- Третий пункт списка, чтобы закрыть его
И это список определений:
- Язык гипертекстовой разметки (HTML)
- Язык, используемый для описания и определения содержимого веб-страницы.
- Каскадные таблицы стилей (CSS)
- Используется для описания внешнего вида веб-контента.
- JavaScript (JS)
- Язык программирования, используемый для создания сложных веб-сайтов и приложений.
Встроенные элементы HTML
HTML определяет длинный список доступных встроенных тегов, полный список которых можно найти на странице Mozilla Developer Network.
- Чтобы выделить текст полужирным, используйте
<strong>
. - Чтобы выделить текст курсивом, используйте
<em>
. - В сокращениях, таких как HTML, следует использовать
<abbr>
с необязательнымtitle
атрибут для полной фразы. - Цитирования, такие как — Марк Отто, должны использовать
<cite>
. Удаленныйтекст должен использовать<del>
и inserted текст должен использовать<ins>
.- Верхний индекс text использует
<sup>
и нижний индекс text использует<sub>
.
Большинство этих элементов стилизованы браузерами с небольшими изменениями с нашей стороны.
Заголовок
Это дополнительный контент-заполнитель абзаца. Он был написан, чтобы заполнить доступное пространство и показать, как более длинный фрагмент текста влияет на окружающий контент. Мы будем повторять это часто, чтобы демонстрация продолжалась, так что ищите точно такую же строку текста.
Подзаголовок
Это дополнительный контент-заполнитель абзаца. Он был написан, чтобы заполнить доступное пространство и показать, как более длинный фрагмент текста влияет на окружающий контент. Мы будем повторять это часто, чтобы демонстрация продолжалась, так что ищите точно такую же строку текста.
Пример блока кода
Это дополнительный контент-заполнитель абзаца. Это немного более короткая версия другого часто повторяющегося основного текста, используемого повсюду.