Тег blockquote HTML: основы использования и стилизации

Тег blockquote в HTML используется для выделения цитат на веб-страницах. Этот тег позволяет явно указать начало и конец цитаты, а также отличает ее от обычного текcта.

Пример использования тега blockquote:

   
Цитата здесь
   Имя автора цитаты

Внутри тега blockquote можно использовать любые HTML-элементы, такие как параграфы, списки, изображения и другие.

Также можно добавить атрибуты к тегу blockquote:

• cite - указывает источник цитаты. Например:

  
HTML (от англ. HyperText Markup Language — язык разметки гипертекста) — это стандартизированный язык разметки документов во Всемирной паутине, используемый для создания и взаимодействия веб-страниц.
  Wikipedia

• class и id - используются для задания стилей и идентификации элемента. Например:

  
Цитата здесь
  Имя автора цитаты

Для стилизации элемента можно использовать CSS:

blockquote {
  border-left: 5px solid #ccc;
  margin: 1em 0;
  padding-left: 1em;
}
blockquote p {
  font-style: italic;
}
blockquote cite {
  display: block;
  text-align: right;
  font-style: normal;
}

В этом примере устанавливаются стили для тега blockquote и его дочерних элементов - параграфа и цитаты. С помощью CSS задается отступ слева, настройки шрифта и выравнивание цитаты.

Тег blockquote позволяет создавать удобную структуру для цитат на веб-страницах и помогает повысить их читаемость.