Внимание! На этой странице вы найдете материал урока из архивного курса по HTML. Курс был написан в 2015, обновлен в 2024 году и по-прежнему актуален для начинающих веб-разработчиков.
Теоретический материал сохранен в исходном виде, а практические задания с автоматической проверкой вынесены в отдельные роадмапы.
Полный список уроков доступен по тегу Архивный курс по 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 по тегу HTML.
