HTML Quotation and Citation Elements

  • Quotation – HTML Quotation refers to the HTML tag used to indicate a quoted text within a document.
  • Quotation – HTML Quotation refers to the HTML tag used to indicate a quoted text within a document.

HTML Quotation and Citation Elements –> Here are tags given below:

  • <blockquote> – quotation text
  • <q> – defines a short quotation
  • <cite> – defines the title of a creative work
  • <abbr> – It is used for marking up abbreviated text.

NOTE: These elements help structure the content and provide semantic meaning to different types of text within a document

🚀 Try it yourself! Click the button below to run the code and see the output in action.

HTML Code

Output

Now I will cover every tag given above in detail

<blockquote> Tag – It is commonly used to attribute the quoted text to its original author or source.
Example-<p>This is a quoted text. </p> <blockquote> This text is output. </blockquote>
Output- This is a quoted text.
This text is output
<q> Tag – It is used to indicate a short quotation or inline quote within a paragraph.
Example-<p>This is a short quotation text. </p> <q> This text is output. </q>
Output- This is a short quotation text. This text is output
<cite> Tag – It is used to indicate the title or source of a creative work, such as a book, article, or a piece of artwork. Its output shows in italic.
Example-<p>This is a cite text.</p> <cite> This text is output. </cite>.
Output-This is a cite text. This text is output
<abbr> Tag – It is typically used to provide additional information or context about an abbreviated term. it uses title attribute. when you hover the text then you will see the text which you have added in the title attribute.
Example-<p>This is an abbr text.</p> <abrr title =”abbr text” > This text is output. </abrr>.
Output-This is an abbr text.This text is output

Leave a Comment