Теория урока

7.2. Цитаты в HTML

Цитату можно выделить двумя тегами: <blockquote> и <q>. <blockquote> - отображается как блок с отступами слева и справа по 40px (от браузера зависит). Тег <q> отображает текст в кавычках. Эти теги рекомендую заменять стилями CSS.

Код HTML

<blockquote>Цитата</blockquote>
<q>Цитата</q>

Выделение текста кавычками стилями CSS

Способов не так много. Пример одного из них:

Код HTML

<span class = "q">Цитата</span>

Код CSS

.q {
    quotes: '"' '"';
}
.q:before {
    content: open-quote;
}
.q:after {
    content: close-quote;
}

Предыдущий урок «6.3. Жирно-курсиво-перечеркнутый» Следующий урок «8.2. Верхний и нижний индекс в HTML»

Возможно, вам это будет интересно: Заголовки и подзаголовки в HTML

HTML

CSS

Браузер

Вернуть расположение блоков

Код HTML

Код CSS

Браузер×

Задание

Восстановить код

Чтобы использовать все функции сайта (например, сохранение прогресса прохождения уроков и участие в рейтинге среди пользователей), вам нужно авторизоваться. Это можно сделать пройдя обычную регистрацию с использованием почты или в пару кликов, если у вас есть один из аккаунтов: ВКонтакте, GitHub, Google, Яндекс или Telegram.

Напишите цитату отображаемую как выровненный блок с отступами слева и справа
Напишите цитату, которая выделяется кавычками

– Не пропускайте новостей, подпишитесь на нашу страницу ВКонтакте.

– На данный момент на сайте нет возможности оставлять комментарии, но Вы можете спросить на любом популярном форуме в интернете.

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