Home  >  HTML

How to Quotation and Citation HTML

Quotation and Citation are used to markup quotes, references, and cited works. Here is How to quotation and citation HTML which are the most commonly used elements in detail below:

<abbr>used for abbreviations and acronyms.
<blockquote>used for longer quotations and quote from another source.
<q>used for shorter, inline quotes.
<cite>used to reference the title of a creative work.
<address>used for contact information.
<dfn>used for the context of a definition phrase or sentence.
List of Quotation and citation tag in HTML

<abbr> :

is used to denote abbreviations and acronyms, providing a full description through the title attribute.

<p>The <abbr title="This is my site">FCL</abbr> which created for learning. </p>

<blockquote>

element is used for longer quotations that typically span multiple lines or paragraphs and quote from another source.

<blockquote cite="https://www.freecode4learn.com">
  <p>This is a long quote from Freecode4learn.com.</p>
</blockquote>

<q>: element is used for shorter, inline quotes.

<p>My website: <q cite="https://www.freecode4learn.com">This is an inline quote.</q></p>

<cite>: element is used to reference the title of a creative work including book, article

<p><cite>Free Code 4 Learn</cite> is website for programming.</p>

<address>: element is used for contact information.

<address>
  Written by <a href="mailto:info@freecode4learn.com">Sambth</a>.<br> 
  Visit us at:<br>
  freecode4learn.com<br>
  Cabrammatta, Sydney<br>
  Australia
</address>

<dfn>: used for the context of a definition phrase or sentence.

<p><dfn>HTML</dfn> stands for HyperText Markup Language.</p>

Example all tags:

<!DOCTYPE html>
<html>
<head>
  <title>HTML Quotation and Citation Elements</title>
</head>
<body>
  <h1>Examples of Quotation and Citation Elements</h1>

  <h2>Blockquote </h2>
  <blockquote cite="https://www.freecode4learn.com">
    <p>This is a long quote from Freecode4learn.com.</p>
  </blockquote>

  <h2>Inline Quote </h2>
  <p>My website: <q cite="https://www.freecode4learn.com">This is an inline quote.</q></p>
  <h2>Citation </h2>
  <p><cite>Free Code 4 Learn</cite> is website for programming.</p>

  <h2>Abbreviation </h2>
  <p>The <abbr title="This is my site">FCL</abbr> which created for learning. </p>
  <h2>Address </h2>
  <address>
    Written by <a href="mailto:info@freecode4learn.com">Sambth</a>.<br> 
    Visit us at:<br>
    freecode4learn.com<br>
    Cabrammatta, Sydney<br>
    Australia
  </address>
  <h2>Definition </h2>
  <p><dfn>HTML</dfn> stands for HyperText Markup Language.</p>
</body>
</html>

Output:

How to Quotation and Citation HTML

Categories:HTML

Tags:

freecode4learn.com

Related Posts

Leave a Reply