31. Цитаты в HTML

Ранее мы разобрались с акцентированием текста. В этом уроке разберемся как создавать цитаты с помощью HTML.

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

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

Снова забежим вперед и научимся выделять цитаты с помощью стилей CSS.

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

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

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

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

Думаю теперь вы овладели навыком выделения цитат в HTML-документе и научились заменять тег <q> стилями CSS. После прохождения вами теста по теме, изучим теги для создания верхнего и нижнего индексов.

Похожие уроки Codebra

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

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

– На данный момент на сайте нет возможности оставлять комментарии, но Вы можете спросить в нашей Telegram-группе.