Зразок публікації в блозі
У цій публікації в блозі показано кілька різних типів вмісту, який підтримується та стилізується за допомогою Bootstrap. Основна типографіка, списки, таблиці, зображення, код тощо підтримуються належним чином.
Це додатковий вміст заповнювача абзацу. Він був написаний, щоб заповнити доступний простір і показати, як довший фрагмент тексту впливає на навколишній вміст. Ми будемо повторювати це часто, щоб підтримувати демонстрацію, тому слідкуйте за тим самим рядком тексту.
Блок цитат
Це приклад цитати в дії:
Цитований текст іде сюди.
Це додатковий вміст заповнювача абзацу. Він був написаний, щоб заповнити доступний простір і показати, як довший фрагмент тексту впливає на навколишній вміст. Ми будемо повторювати це часто, щоб підтримувати демонстрацію, тому слідкуйте за тим самим рядком тексту.
Приклади списків
Це додатковий вміст заповнювача абзацу. Це трохи коротша версія іншого основного тексту, який часто повторюється. Це приклад невпорядкованого списку:
- Перший пункт списку
- Другий пункт списку з довшим описом
- Третій пункт списку, щоб закрити його
І це впорядкований список:
- Перший пункт списку
- Другий пункт списку з довшим описом
- Третій пункт списку, щоб закрити його
І це список визначень:
- Мова розмітки гіпертексту (HTML)
- Мова, яка використовується для опису та визначення вмісту веб-сторінки
- Каскадні таблиці стилів (CSS)
- Використовується для опису зовнішнього вигляду веб-вмісту
- JavaScript (JS)
- Мова програмування, яка використовується для створення розширених веб-сайтів і програм
Вбудовані елементи HTML
HTML визначає довгий список доступних вбудованих тегів, повний список яких можна знайти на Mozilla Developer Network .
- Щоб виділити текст жирним шрифтом , використовуйте
<strong>
. - Щоб виділити текст курсивом , використовуйте
<em>
. - Абревіатури, такі як HTML , мають використовувати
<abbr>
, з необов’язковимtitle
атрибутом для повної фрази. - У цитатах, наприклад — Марк Отто , слід використовувати
<cite>
. Видаленотекст повинен використовувати<del>
івставленотекст повинен використовувати<ins>
.- Надрядковий текст використовує
<sup>
, а підрядковий текст використовує<sub>
.
Більшість цих елементів стилізовано браузерами з невеликими змінами з нашого боку.
Заголовок
Це додатковий вміст заповнювача абзацу. Він був написаний, щоб заповнити доступний простір і показати, як довший фрагмент тексту впливає на навколишній вміст. Ми будемо повторювати це часто, щоб підтримувати демонстрацію, тому слідкуйте за тим самим рядком тексту.
Підзаголовок
Це додатковий вміст заповнювача абзацу. Він був написаний, щоб заповнити доступний простір і показати, як довший фрагмент тексту впливає на навколишній вміст. Ми будемо повторювати це часто, щоб підтримувати демонстрацію, тому слідкуйте за тим самим рядком тексту.
Example code block
Це додатковий вміст заповнювача абзацу. Це трохи коротша версія іншого основного тексту, який часто повторюється.