How to Add a Short Quotation using HTML?

How to add section that is quoted from another source using HTML?

Last Updated : 19 Jun, 2024

The <blockquote> tag in HTML is used to display the long quotations (a section that is quoted from another source). It changes the alignment to make it unique from others. It contains both opening and closing tags.

Syntax:

<blockquote> Contents... </blockquote>

Example 1: The example below shows how to add a section that is quoted from another source using <blockquote> tag .

HTML

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" 
          content="width=device-width, initial-scale=1.0">
    <title>Blockquote Tag</title>
</head>

<body>

    <blockquote>
        GeeksforGeeks: A computer
        science portal for geeks
    </blockquote>
</body>

</html>

Output:

quotedtext

Output

Example 2: The example below shows how to add a section that is quoted from another source using HTML.

HTML

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" 
          content="width=device-width, initial-scale=1.0">
    <title>Blockquote Element</title>
</head>

<body>
    <h5 style="color:green;">
        The text below is wrapped inside 
      	blockquote element with attribute cite
    </h5>

    <blockquote cite="www.geeksforgeeks.org">
        GeeksforGeeks:A computer
        science portal for geeks
    </blockquote>
</body>

</html>

Output:

blockquoted

Supported Browsers

Google Chrome: 129
Firefox: 130
Safari: 17.6
Opera: 110

How to Add a Short Quotation using HTML?

V

vkash8574

Improve

Article Tags :

Similar Reads

How to separate the section from another section in HTML ?

HTML Section tag defines the section of documents such as chapters, headers, footers, or any other sections. The section tag divides the content into sections and subsections. The section tag is used when requirements of two headers or footers or any other section of documents are needed. Section ta

How to Add a Short Quotation using HTML?

For defining a short quotation by using an <q> tag. It is used to insert quotation texts on a web page, i.e. a portion of texts different from the normal texts. Syntax:<q> Quotation Text... </q>Example 1: The example below shows how to Add a Short Quotation using HTML5. [GFGTABS] h

How to add footer for a document or section using HTML5 ?

In this article, we define a footer for a document or section by using the <footer> tag. This tag in HTML is used to define a footer of HTML document. This section contains the footer information (author information, copyright information, carriers, etc). The <footer> tag is used within

How to add quotations and citations to the web pages using HTML ?

In this article, we will see how to add quotations and citations to the web pages using HTML. When we are creating a website or a blog, we face many situations where we want to highlight a certain text. We can use HTML to do the same. HTML provides us with many tags such as <blockquote>,<q

How to Load an HTML File into Another File using jQuery?

Loading HTML files into other HTML files is a common practice in web development. It helps in reusing HTML components across different web pages. jQuery is a popular JavaScript library, that simplifies this process with its .load() method. Approach 1: Basic Loading with .load() MethodThe .load() met

How to remove HTML tags from a string using JavaScript ?

Removing HTML tags from a string in JavaScript means stripping out the markup elements, leaving only the plain text content. This is typically done to sanitize user input or to extract readable text from HTML code, ensuring no unwanted tags remain in the string. HTML tags come in two forms: opening

How to fetch only sections of specific HTML areas from an external page using AJAX ?

In this article, we will see how to fetch the specific sections of an HTML file from an external page using AJAX, along with understanding their basic implementation through the illustrations. Suppose we have an HTML page and this page contains different sections. Each Section can be identified usin

How to Create Section Counter using HTML and CSS ?

Section counter is like a card and is useful for webpage footer. It contains details about the company. In this article, we will introduce some predicted data about some companies. We divide this article into two sections, in the first section we will create the normal structure then we will work on

How to Open a Hyperlink in Another Window or Tab in HTML?

In HTML, this can be easily achieved using the 'target' attribute of the anchor ('<a>') tag. By setting 'target="_blank"', you instruct the browser to open the linked document in a new tab or window. This approach is widely used in web development to provide seamless navigation and improve the

How to get the outer html of an element using jQuery ?

Sometimes, there is a need to get the entire HTML element by its id and not merely its contents, for doing so, we shall use the HTML DOM outerHTML Property to get the outer HTML of HTML element. Syntax: document.getElementById("your-element-id").outerHTML) You can use a variable and initialize it to