How to add section that is quoted from another source 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 section that is quoted from another source 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. html <!D

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