• HTML
  • React
  • Knowledge Base
  • HTML
  • React
  • Knowledge Base
  • HTML Tutorial
  • HTML Styles – CSS
  • Link to an Email Address
  • HTML Introduction
  • HTML Editors
  • HTML Basic Examples
  • HTML Elements
  • HTML Attributes
  • HTML Headings
  • HTML Paragraphs
  • HTML Styles
  • HTML Text Formatting
  • HTML Quotation and Citation Elements
  • HTML Comments
  • HTML Colors
  • HTML RGB and RGBA Colors
  • HTML HEX Colors
  • HTML HSL and HSLA Colors
  • CSS Colors, Fonts and Sizes
  • CSS Padding
  • CSS Border
  • CSS Margin
  • Link to External CSS
  • HTML Style Tags
  • HTML Links
  • HTML Links – The target Attribute
  • Absolute URLs vs. Relative URLs
  • HTML Links – Use an Image as a Link
  • Button as a Link
  • Link Titles
  • Absolute URLs and Relative URLs
  • HTML Link Tags
  • HTML Links – Different Colors
  • Link Buttons
  • HTML Links – Create Bookmarks
  • The alt Attribute
  • HTML Images
  • Image Size – Width and Height
  • Image Width and Height, or Style
  • Images in Another Folder
  • HTML Images on Another Server/Website
  • HTML Animated Images
  • Image as a Link
  • Image Floating
  • Common Image Formats
  • HTML Image Tags
  • The render Method

HTML Quotation and Citation Elements

5 views 0

Written by admin
April 15, 2023

In HTML, you can use the <blockquote> and <q> tags to create quotation and citation elements.

The <blockquote> tag is used to indicate a longer quotation that is set apart from the surrounding text. It’s typically used to quote text from another source, such as a book or article. Here’s an example:

<blockquote>
  <p>"The only way to do great work is to love what you do. If you haven't found it yet, keep looking. Don't settle. As with all matters of the heart, you'll know when you find it."</p>
  <footer>- Steve Jobs</footer>
</blockquote>

In this example, the <blockquote> tag is used to indicate the beginning and end of the quotation, and the <p> tag is used to contain the actual text of the quotation. The <footer> tag is used to indicate the source of the quotation.

The <q> tag is used to indicate a shorter quotation that is part of the surrounding text. It’s typically used to quote a phrase or sentence. Here’s an example:

<p>The famous phrase "I have a dream" was spoken by <q>Dr. Martin Luther King Jr.</q> during his famous speech in Washington D.C. in 1963.</p>

In this example, the <q> tag is used to indicate the part of the text that is being quoted.

Both the <blockquote> and <q> tags can be used with a cite attribute to indicate the source of the quotation. Here’s an example:

<blockquote cite="https://www.brainyquote.com/quotes/steve_jobs_416545">
  <p>"The only way to do great work is to love what you do. If you haven't found it yet, keep looking. Don't settle. As with all matters of the heart, you'll know when you find it."</p>
  <footer>- Steve Jobs</footer>
</blockquote>

In this example, the cite attribute is used to specify the URL of the source of the quotation.

Using quotation and citation elements can help make your HTML content more informative and credible, especially when you’re quoting from another source.

Was this helpful?

Yes  No
Related Articles
  • The render Method
  • HTML Image Tags
  • Common Image Formats
  • Image Floating
  • Image as a Link
  • HTML Animated Images

Didn't find your answer? Contact Us

Leave A Comment Cancel reply

Previously
HTML Text Formatting
Up Next
HTML Comments
Copyright 2022 k-window. All Rights Reserved