In HTML, the <blockquote> element is used to represent a section of quoted content within a web page. It is typically used to visually distinguish quoted text from the surrounding text and to indicate that the content is a quotation from another source.

Here's an example of using the <blockquote> element:

<blockquote>
  <p>This is a quoted text.</p>
  <footer>Author of the quote</footer>
</blockquote>

In the example above, the <blockquote> element is used to enclose the quoted content, which is represented by the <p> element. The <footer> element is often used within the <blockquote> to provide attribution to the author or the source of the quote.

The <blockquote> element helps to visually set apart the quoted content, such as a passage from a book, a statement, or an excerpt from an article. By default, the browser may apply indentation or other styles to the <blockquote> element, making it visually distinct from the surrounding text.

It's important to note that the <blockquote> element is primarily used for visual styling purposes, rather than indicating a specific semantic meaning. If you want to indicate a quotation with semantic meaning, you can use the <q> (inline quotation) or <cite> (citation) elements in combination with appropriate attributes.

<p>This is an <q>inline quotation</q> from a source.</p>
<p><q>This is a block quotation.</q> - <cite>Author of the quote</cite></p>

 

The <q> element is used for inline quotations, and the <cite> element is used to indicate the source or author of the quotation.

HTML <abbr> for Abbreviations

HTML <abbr> can give useful information to browsers, translation systems and search-engines.

<p>The <abbr title="World Health Organization">WHO</abbr> was founded in 1948.</p>

HTML <address> for Contact Information

The HTML <address> tag defines the contact information for the author/owner of a document or an article.

The contact information can be an email address, URL, physical address, phone number, social media handle, etc.

The text in the <address> element usually renders in italic, and browsers will always add a line break before and after the <address> element.

<address>
By Router<br>
Visit us at:<br>
Betekie.com<br>
India
</address>

HTML <bdo> for Bi-Directional Override

BDO stands for Bi-Directional Override.

The HTML <bdo> tag is used to override the current text direction:

<bdo dir="rtl">This text will be written from right to left</bdo>

Latest Tutorial

Newly published tutorials

How to Make an AWS S3 Bucket Public

Learn how we can make an AWS S3 bucket public

Laravel 10 - Tutorial to create CRUD Application

Learn to create crud application using laravel 10. Step by step guidance will help to understand the concept of crud.

Laravel - How to upload file to AWS S3 Bucket

Explore how we can upload file using the laravel on Amazon S3 bucket.