Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

HTML HTML Basics Structuring Your Content Marking Up a Blog Post

Quote vs Pull Quote vs Block quote

What is the difference between quote, pull quote and block quote?

How can we identify them?

What are the benefits of using those three quotes?

Why do we need to add the cite="" before the quote?

Thanks

Angela Huffman
Angela Huffman
Courses Plus Student 10,159 Points

Different types of quote tags may be handled slightly differently by the browser, for instance (from the W3 schools HTML documentation), "Browsers usually insert quotation marks around the <q> element," and "Browsers usually indent <blockquote> elements."

From a usage stand point, different kinds of HTML quotation tags are used for different types of quotes. For instance, a pull quotes are a device by which a publication would feature a quote from the article where the quote appears, whereas a block quote may have the same styling applied, but is intended to feature a quote from an outside source.

The cite attribute specifies a URL to a document that explains the quote, or why the text was inserted/changed. Using this attribute adds clarity and context to the work. It's inserted before the actual quote because it's an attribute of the <quote> tag (among others) and attributes live in the opening tag.

I highly recommend checking out the documentation at W3 schools

1 Answer

Samuel Llibre-Pillco
Samuel Llibre-Pillco
15,467 Points

Hi, here you gonna have some ideas and example how to use it. https://www.smashingmagazine.com/2008/06/block-quotes-and-pull-quotes-examples-and-good-practices/

Like Angela Huffman says W3School is a good page to understand more about HTML Tags ;).

Have Fun.