HTML Quotation and Citation Elements

<blockquote> Element

The <blockquote> element is a HTML element that represents a section that is quoted from another source. It is typically used to indicate a quotation or a reference to another source.

To use the <blockquote> element in HTML, you can simply enclose the quoted text within the <blockquote> and </blockquote> tags.

Here is an example:

<blockquote>
  "The quick brown fox jumps over the lazy dog."
</blockquote>

The <blockquote> element can also contain other HTML elements such as paragraphs, lists, etc.

You can also use the cite attribute to provide a reference to the source of the quote.

For example:

<blockquote cite="https://en.wikipedia.org/wiki/The_quick_brown_fox_jumps_over_the_lazy_dog">
  "The quick brown fox jumps over the lazy dog."
</blockquote>

This will add a reference link to the quote.

<q> Element

The <q> element in HTML represents a short inline quotation. It is used to indicate a short quotation within a paragraph, and is typically displayed with quotation marks around the quoted text.

To use the <q> element in HTML, you can simply enclose the quoted text within the <q> and </q> tags.

Here is an example:

<p>John said, <q>I'm going to the store.</q> He needed to buy some milk.</p>

You can also use the cite attribute to provide a reference to the source of the quote.

For example:

<p>John said, <q cite="https://example.com/johns-quote">I'm going to the store.</q> He needed to buy some milk.</p>

This will add a reference link to the quote.

<abbr> Element

The <abbr> element in HTML represents an abbreviation or acronym. It is used to mark up an abbreviation or acronym and provide an expansion of the abbreviation for the benefit of the reader.

To use the <abbr> element in HTML, you can simply enclose the abbreviation or acronym within the <abbr> and </abbr> tags, and provide the full expansion of the abbreviation using the title attribute.

Here is an example:

<abbr title="HyperText Markup Language">HTML</abbr>

This will display the abbreviation "HTML", and when the reader hovers over the abbreviation, the full expansion "HyperText Markup Language" will be displayed as a tooltip.

The <abbr> element can be used within a block-level element such as a paragraph, or within a phrase element such as <em> or <strong>. It can also be used as a stand-alone element.

Note: Some browsers may not display the title attribute as a tooltip. In such cases, you may need to use JavaScript or CSS to create a custom tooltip.

<address> Element

The <address> element in HTML represents the contact information for the author or owner of a document or an article. It is typically displayed in a smaller font size and may include the author's name, address, phone number, and email address.

To use the <address> element in HTML, you can simply enclose the contact information within the <address> and </address> tags.

Here is an example:

<address>
  John Doe<br>
  123 Main St.<br>
  Anytown, USA 12345<br>
  Phone: (123) 456-7890<br>
  Email: [email protected]
</address>

The <address> element is typically used within the <footer> element of a document or article, but it can also be used within any block-level element.

Note: The <address> element is not intended to be used as a general-purpose container for contact information. It is intended to represent the contact information for the author or owner of the document or article in which it appears. If you want to include contact information for a business or organization, it is better to use the <p> or <div> element with appropriate styling.

<cite> Element

The <cite> element represents the title of a work (e.g. a book, a poem, a song, a film, a TV show, a painting, a sculpture, etc.). The content of the <cite> element should be the title of the work being cited, and not the name of the person who created the work.

Here's an example of how to use the <cite> element in HTML:

<p>According to <cite>The Art of War</cite>, "The supreme art of war is to subdue the enemy without fighting."</p>

In this example, the <cite> element is used to indicate the title of the work being cited, which is "The Art of War".

Note that the <cite> element should not be used to cite the name of the person who created the work. Instead, you should use the <cite> element to cite the work itself.

HTML Basics