Для создания цитат в языке HTML используются два элемента: <blockquote> , <q>
<blockquote> Элемент <blockquote> (от английских слов «block» — блок и «quotation» — цитата) используется для отображения длинных цитат, занимающих целый абзац. Обратите внимание, что внутри элемента <blockquote> рекомендуется использовать и элемент <р>. В большинстве своем браузеры склонны к выделению содержимого элемента <blockquote> отступами, однако этот элемент не стоит использовать только лишь для того, чтобы создать фрагмент текста с отступом: лучше реализовать такое с помощью каскадных таблиц стилей (CSS).
<q> Элемент <q> (от английского «quotation» — цитата ) принято использовать для более коротких цитат, помещающихся внутри абзаца текста. Изначально предполагалось, что браузеры будут заключать содержимое элемента <q> в кавычки, однако Internet Explorer этого не делает, потому многие избегают использовать данный элемент. Для обоих элементов может быть указан атрибут cite, указывающий, с какого сайта позаимствована та или иная цитата. Значение этого атрибута — URL-адрес сайта, содержащего более подробную информацию об источнике цитирования.
HTML
<html>
<head>
<title>Цитаты</title>
</head>
<body>
<blockquote cite="http://ru.wikipedia.org/wiki/Винни-Пух">
<p>- Интересно, что это так бумкнуло? Не мог же я один наделать столько шума. И где, интересно знать, мой воздушный шарик? И откуда, интересно, взялась эта тряпочка?</p>
</blockquote>
<p>Как сказал А.А. Милн, <q>Некоторые люди говорят с животными. И лишь немногие слушают. Вот в чем проблема.</q></p>
</body>
</html>
Результат

| Важная информация и логическое ударение | Аббревиатуры и акронимы |