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