Теория урока

Цитаты в 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;
}

Возможно, вам это будет интересно: Свойство color для работы с цветом

HTML

CSS

Браузер

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

Код HTML

Код CSS

Браузер×

Задание

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

Чтобы использовать все функции сайта (например, сохранение прогресса прохождения уроков), вам нужно авторизоваться

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

– Не пропускайте новостей, подпишитесь на нашу страницу ВК, Facebook или Twitter. Кстати, не забудьте посетить блог по саморазвитию.

– Не знаете как сделать? Спросите на нашем форуме или на одном из популярных форумов: (1) cyberforum.ru, (2) ru.stackoverflow.com, (3) programmersforum.ru, (4) forum.vingrad.ru, (5) php.ru/forum, (6) html.by.

Проверить задание