Теория урока
Цитаты в 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;
}
Возможно, вам это будет интересно: Нумерованный список в HTML
<
×
>
HTML
CSS
Браузер
Вернуть расположение блоков
Код HTML
Код CSS
Браузер×
Задание
Восстановить код
Чтобы использовать все функции сайта (например, сохранение прогресса прохождения уроков), вам нужно авторизоваться
- Напишите цитату отображаемую как выровненный блок с отступами слева и справа
- Напишите цитату, которая выделяется кавычками
– Не пропускайте новостей, подпишитесь на нашу страницу ВК, Facebook или Twitter.
– Не знаете как сделать? Нажмите на кнопку Обсуждение и задайте вопрос!
Проверить задание