How to Use Blockquote and Cite?

Quoting content properly.

What You'll Learn

Blockquote for long quotes
Inline quotes with q
Citing work titles

Block Quotations

index.htmlHTML

<blockquote cite="https://example.com/article">
  <p>The Web is designed to be universal: accessible by everyone.</p>
</blockquote>

With Citation

index.htmlHTML

<figure>
  <blockquote>
    <p>Any application that can be written in JavaScript,
    will eventually be written in JavaScript.</p>
  </blockquote>
  <figcaption>— Jeff Atwood, <cite>Coding Horror</cite></figcaption>
</figure>

Inline Quote

index.htmlHTML

<p>As the saying goes, <q>actions speak louder than words</q>.</p>

Browsers automatically add quotation marks.

Citing Work Titles

index.htmlHTML

<p>I just finished reading <cite>Clean Code</cite> by Robert Martin.</p>

Note: <cite> is for work titles, not author names.

What are the Different List Types?

What is the Details/Summary Element?