Заголовок більшої публікації в блозі

Кілька рядків тексту, які утворюють ліву сторінку, швидко й ефективно інформують нових читачів про те, що найцікавіше у вмісті цієї публікації.

Продовжити читання →...

світ

Рекомендована публікація

12 листопада

Це ширша картка з допоміжним текстом унизу як природним посиланням на додатковий вміст.

Продовжити читання →
Placeholder Thumbnail
Дизайн

Назва публікації

11 листопада

Це ширша картка з допоміжним текстом унизу як природним посиланням на додатковий вміст.

Продовжити читання →
Placeholder Thumbnail

Від FireHose

Зразок публікації в блозі

У цій публікації в блозі показано кілька різних типів вмісту, який підтримується та стилізується за допомогою Bootstrap. Основна типографіка, списки, таблиці, зображення, код тощо підтримуються належним чином.


Це додатковий вміст заповнювача абзацу. Він був написаний, щоб заповнити доступний простір і показати, як довший фрагмент тексту впливає на навколишній вміст. Ми будемо повторювати це часто, щоб підтримувати демонстрацію, тому слідкуйте за тим самим рядком тексту.

Блок цитат

Це приклад цитати в дії:

Цитований текст іде сюди.

Це додатковий вміст заповнювача абзацу. Він був написаний, щоб заповнити доступний простір і показати, як довший фрагмент тексту впливає на навколишній вміст. Ми будемо повторювати це часто, щоб підтримувати демонстрацію, тому слідкуйте за тим самим рядком тексту.

Приклади списків

Це додатковий вміст заповнювача абзацу. Це трохи коротша версія іншого основного тексту, який часто повторюється. Це приклад невпорядкованого списку:

  • Перший пункт списку
  • Другий пункт списку з довшим описом
  • Третій пункт списку, щоб закрити його

І це впорядкований список:

  1. Перший пункт списку
  2. Другий пункт списку з довшим описом
  3. Третій пункт списку, щоб закрити його

І це список визначень:

Мова розмітки гіпертексту (HTML)
Мова, яка використовується для опису та визначення вмісту веб-сторінки
Каскадні таблиці стилів (CSS)
Використовується для опису зовнішнього вигляду веб-вмісту
JavaScript (JS)
Мова програмування, яка використовується для створення розширених веб-сайтів і програм

Вбудовані елементи HTML

HTML визначає довгий список доступних вбудованих тегів, повний список яких можна знайти на Mozilla Developer Network .

  • Щоб виділити текст жирним шрифтом , використовуйте <strong>.
  • Щоб виділити текст курсивом , використовуйте <em>.
  • Абревіатури, такі як HTML , мають використовувати <abbr>, з необов’язковим titleатрибутом для повної фрази.
  • У цитатах, наприклад — Марк Отто , слід використовувати <cite>.
  • Видаленотекст повинен використовувати <del>івставленотекст повинен використовувати <ins>.
  • Надрядковий текст використовує <sup>, а підрядковий текст використовує <sub>.

Більшість цих елементів стилізовано браузерами з невеликими змінами з нашого боку.

Заголовок

Це додатковий вміст заповнювача абзацу. Він був написаний, щоб заповнити доступний простір і показати, як довший фрагмент тексту впливає на навколишній вміст. Ми будемо повторювати це часто, щоб підтримувати демонстрацію, тому слідкуйте за тим самим рядком тексту.

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

Це додатковий вміст заповнювача абзацу. Він був написаний, щоб заповнити доступний простір і показати, як довший фрагмент тексту впливає на навколишній вміст. Ми будемо повторювати це часто, щоб підтримувати демонстрацію, тому слідкуйте за тим самим рядком тексту.

Example code block

Це додатковий вміст заповнювача абзацу. Це трохи коротша версія іншого основного тексту, який часто повторюється.

Ще одна публікація в блозі

Це додатковий вміст заповнювача абзацу. Він був написаний, щоб заповнити доступний простір і показати, як довший фрагмент тексту впливає на навколишній вміст. Ми будемо повторювати це часто, щоб підтримувати демонстрацію, тому слідкуйте за тим самим рядком тексту.

Тут подано довшу цитату, можливо, з виділеним текстом посередині.

Це додатковий вміст заповнювача абзацу. Він був написаний, щоб заповнити доступний простір і показати, як довший фрагмент тексту впливає на навколишній вміст. Ми будемо повторювати це часто, щоб підтримувати демонстрацію, тому слідкуйте за тим самим рядком тексту.

Приклад таблиці

І не забудьте про таблиці в цих публікаціях:

Ім'я Голоси за Голосує проти
Аліса 10 11
Боб 4 3
Чарлі 7 9
Підсумки 21 23

Це додатковий вміст заповнювача абзацу. Це трохи коротша версія іншого основного тексту, який часто повторюється.

Нова функція

Це додатковий вміст заповнювача абзацу. Він був написаний, щоб заповнити доступний простір і показати, як довший фрагмент тексту впливає на навколишній вміст. Ми будемо повторювати це часто, щоб підтримувати демонстрацію, тому слідкуйте за тим самим рядком тексту.

  • Перший пункт списку
  • Другий пункт списку з довшим описом
  • Третій пункт списку, щоб закрити його

Це додатковий вміст заповнювача абзацу. Це трохи коротша версія іншого основного тексту, який часто повторюється.

про

Налаштуйте цей розділ, щоб розповісти своїм відвідувачам трохи про вашу публікацію, авторів, вміст або щось зовсім інше. Цілком залежить від вас.

В іншому місці

  1. GitHub
  2. Twitter
  3. Facebook