Skip to content

HTML Quotations

Last Updated : 05 Apr, 2025

HTML quotation elements are used to display quoted text on a web page, differentiating it from regular content. These elements help structure citations and quotations effectively within the document.

Tag	Description
`<abbr>`	Represents an abbreviation or acronym, typically with a title attribute to explain its full form.
`<address>`	Specifies contact information for the author or owner of the document, such as an email or address.
`<bdo>`	Defines the text direction, either left-to-right (LTR) or right-to-left (RTL), using the dir attribute.
`<blockquote>`	Marks a block of text that is a quotation from another source, often indented for emphasis.
`<cite>`	Refers to the title of a work, such as a book, article, or published document.
`<q>`	Used to define a short inline quotation, usually enclosed in quotation marks.

HTML Quotations Examples

Example 1: Using <bdo>, <abbr>, and <address> Tags

This example demonstrates how to use the <bdo> tag to change text direction, the <abbr> tag to define an abbreviation, and the <address> tag to display contact information.

HTML

<!--Driver Code Starts{--> <!DOCTYPE html> <html> <!--Driver Code Ends }-->  <body>     <!-- Inside <bdo> tag -->     <p>         <bdo dir="rtl">The quick brown fox jumps over the lazy dog</bdo>     </p>     <p>         Welcome to         <abbr title="GeeksforGeeks">GfG</abbr>     </p>     <address>         <p>             Address:<br />             710-B, Advant Navis Business             Park,<br />             Sector-142, Noida Uttar Pradesh – 201305         </p>     </address>  <!--Driver Code Starts{--> </body> </html>  <!--Driver Code Ends }-->

In this code:

The <bdo dir=”rtl”> tag reverses the text direction to right-to-left.
The <abbr title=”GeeksforGeeks”> tag defines an abbreviation with a full explanation on hover.
The <address> tag displays contact details in a structured manner.

Example 2: Using <blockquote>, <q>, and <cite> Tags

This example showcases how to use the <blockquote> tag for block-level quotes, the <q> tag for inline quotes, and the <cite> tag to reference the source of a quote.

HTML

<!--Driver Code Starts{--> <!DOCTYPE html> <html> <!--Driver Code Ends }-->  <body>     <!-- Inside blockquotes -->     <blockquote>         <p>The quick brown fox jumps over the lazy dog</p>     </blockquote>     <!-- Inside quotes -->     <q>The quick brown fox jumps over the lazy dog</q>     <!-- Cite with title -->     <p>         The <cite>GeeksforGeeks</cite> is the best site to<br>         search for articles and practice problems.     </p> </body>  <!--Driver Code Starts{--> </html>  <!--Driver Code Ends }-->

In this code:

The <blockquote> tag wraps a long quoted passage, typically used for block-level quotations.
The <q> tag wraps a short, inline quote, automatically adding quotation marks.
The <cite> tag is used to reference the source or title of the work being quoted.

Use Cases

HTML quotation elements play a crucial role in presenting quoted text, references, and citations effectively on a webpage.

Displaying Block Quotes: Use <blockquote> to present long quotations from external sources, clearly separating them from the rest of the content.
Inline Quoting: Use <q> for shorter quotes within text, preserving the flow of content while still indicating a citation.
Citing Sources: Use <cite> to reference the title of a work or publication, providing clarity and context to the quoted material.

HTML Colors

chinmoy lenka

Improve

Article Tags :

Similar Reads

HTML stands for HyperText Markup Language. It is the standard language used to create and structure content on the web. It tells the web browser how to display text, links, images, and other forms of multimedia on a webpage. HTML sets up the basic structure of a website, and then CSS and JavaScript

HTML Introduction

HTML stands for HyperText Markup Language. It is the standard language used to create and structure content on the web. It defines the structure of a webpage by using a series of elements, tags, and attributes to organize text, images, links, and other multimedia elements. HTML is a markup language,

An HTML Editor is a software application designed to help users create and modify HTML code. It often includes features like syntax highlighting, tag completion, and error detection, which facilitate the coding process. There are two main types of HTML editors: Text-Based Editors - Allow direct codi

HTML (HyperText Markup Language) is the standard markup language for creating and structuring web pages. It defines the structure of a webpage using elements and tags.HTML is responsible for displaying text, images, and other content.It serves as the foundation for building websites and web applicat

HTML comments are used to add notes or explanations in the HTML code that are not displayed by the browser. They are useful for documenting the code, making it easier to understand and maintain.To add a comment, use the syntax . [GFGTABS] HTML <!-- This is a commen

An HTML Element consists of a start tag, content, and an end tag, which together define the element's structure and functionality. Elements are the basic building blocks of a webpage and can represent different types of content, such as text, links, images, or headings. For example, the <p> el

HTML Attributes

HTML Attributes are special words used within the opening tag of an HTML element. They provide additional information about HTML elements. HTML attributes are used to configure and adjust the element's behavior, appearance, or functionality in a variety of ways. Each attribute has a name and a value

HTML headings are used to define the titles and subtitles of sections on a webpage. They help organize the content and create a structure that is easy to navigate. Proper use of headings enhances readability by organizing content into clear sections.Search engines utilize headings to understand page

HTML Paragraphs

A paragraph in HTML is simply a block of text enclosed within the <p> tag. The <p> tag helps divide content into manageable, readable sections. Itâ€™s the go-to element for wrapping text in a web page that is meant to be displayed as a distinct paragraph. Syntax: <p> Content</p

HTML Text Formatting

HTML text formatting refers to the use of specific HTML tags to modify the appearance and structure of text on a webpage. It allows you to style text in different ways, such as making it bold, italic, underlined, highlighted, or struck-through. Table of Content Categories of HTML Text FormattingLogi