Blockquotes are a great way to reference others’ material.

A blockquote lets your reader know that you are quoting another source, and it pays proper attribution to your quoted source.

HTML supports the <blockquote> tag, which does exactly what one would suspect.

To block a quote in HTML, simply use this tag.

Example:

<blockquote> This is quoted text </blockquote>

The above HTML produces the following result:

This is quoted text.

You can control the styling of your blockquote using CSS. For instance, the blockquotes on this site are styled using this CSS:

blockquote {
  margin: 5px 15px;
  padding: 5px 5px;
  background: #8CB5D8;
  border: 1px solid #3A7CAC;
  clear:both;
  }

You can edit the CSS to fit the styling of your site. Or, if you’d prefer, simply keep the blockquote undefined in your CSS – depending on your stylesheet, the default setting may work fine for you.