Заголовок более подробного сообщения в блоге

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

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

Мир

Рекомендуемый пост

12 Ноября

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

Продолжить чтение
PlaceholderЭскиз
Дизайн

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

11 Ноября

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

Продолжить чтение
PlaceholderЭскиз

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

Пример сообщения в блоге

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


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

Цитаты

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

Цитируемый текст идет сюда.

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

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

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

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

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

  1. Первый элемент списка
  2. Второй элемент списка с более длинным описанием
  3. Третий пункт списка, чтобы закрыть его

И это список определений:

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

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

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

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

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

Заголовок

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

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

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

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

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

Другой пост в блоге

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

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

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

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

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

Наименование Голосование за Голосов против
Alice 10 11
Bob 4 3
Charlie 7 9
Totals 21 23

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

Новая особенность

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

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

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

О нас

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

В другом месте

  1. GitHub
  2. Twitter
  3. Facebook