Название более длинной публикации в блоге

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

Продолжить чтение...

В мире

Лучший пост

12 ноября

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

Продолжить чтение
ЗаполнительМиниатюра
Дизайн

Заголовок поста

11 ноября

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

Продолжить чтение
ЗаполнительМиниатюра

Из пожарного шланга

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


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

Блоковые кавычки

Это пример цитаты в действии:

Цитируемый текст находится здесь.

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

Примеры списков

Это дополнительный контент-заполнитель абзаца. Это немного более короткая версия другого часто повторяющегося основного текста, используемого повсюду. Это пример неупорядоченного списка:

  • Первый элемент списка
  • Второй элемент списка с более длинным описанием.
  • Третий элемент списка, который нужно закрыть.

И это упорядоченный список:

<ол>
  • Первый элемент списка
  • Второй элемент списка с более длинным описанием.
  • Третий элемент списка, который нужно закрыть.
  • А это список определений:

    Язык разметки гипертекста (HTML)
    Язык, используемый для описания и определения содержимого веб-страницы
    Каскадные таблицы стилей (CSS)
    Используется для описания внешнего вида веб-контента
    JavaScript (JS)
    Язык программирования, используемый для создания продвинутых веб-сайтов и приложений

    Встроенные HTML-элементы

    HTML определяет длинный список доступных встроенных тегов, полный список которых можно найти на странице Mozilla Developer Network.

    • Чтобы выделить текст, используйте <strong>.
    • Чтобы выделить текст курсивом, используйте <em>.
    • Сокращения, такие как HTML, должны использовать <abbr> с необязательным атрибутом title для полной фразы.
    • В цитатах, таких как — Марк Отто, следует использовать <cite>.
    • Удаленный текст должен использовать <del>, а вставленный текст должен использовать <ins>.
    • Верхний индекс text использует <sup>, а нижний индекс text использует <sub>.

    Большинство этих элементов стилизованы браузерами с небольшими изменениями с нашей стороны.

    Заголовок

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

    Подзаголовок

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

    Пример блока кода

    Это дополнительный контент-заполнитель абзаца. Это немного более короткая версия другого часто повторяющегося основного текста, используемого повсюду.

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

    Здесь идет более длинная цитата, возможно, с выделенным текстом в середине.

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

    Пример таблицы

    И не забывайте про таблицы в этих постах:

    Имя Поддержка Против
    Алиса 10 11
    Боб 4 3
    Чарли 7 9
    Итого 21 23

    Это дополнительный контент-заполнитель абзаца. Это немного более короткая версия другого часто повторяющегося основного текста, используемого повсюду.

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

    • Первый элемент списка
    • Второй элемент списка с более длинным описанием.
    • Третий элемент списка, который нужно закрыть.

    Это дополнительный контент-заполнитель абзаца. Это немного более короткая версия другого часто повторяющегося основного текста, используемого повсюду.