Open In App
Related Articles

HTML <blockquote> Tag

Improve
Improve
Improve
Like Article
Like
Save Article
Save
Report issue
Report

HTML <blockquote> tag makes long quotes look special. It gives them a different style to stand out and look better. It lets you use different things like headings or lists inside the quote. This helps you organize and make your quotes more interesting for people reading your webpage.

Note: The <blockquote> tag in HTML5 specifies the section quoted from other sources, unlike HTML4.1, which defines long quotations that span multiple lines.

Syntax: 

<blockquote> Contents... </blockquote>

Attribute:

Attribute Value

Description

cite

It is used to specify the source of the quotation.

Example 1: Implementation of blockquote tag with an example.

HTML

<!DOCTYPE html>
<html lang="en">
 
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0">
    <title>HTML <blockquote> Tag</title>
</head>
 
<body>
    <h1>GeeksforGeeks</h1>
    <h2><blockquote> Tag</h2>
   
    <!--blockquote Tag starts here -->
    <blockquote cite=
        <p>
            HTML stands for HyperText Markup Language. It
            is used to design web pages using a markup language.
            HTML is the combination of Hypertext and Markup language.
            Hypertext defines the link between the web pages. A
            markup language is used to define the text document within
            tag which defines the structure of web pages.
        </p>
    </blockquote>
   
    <!--blockquote Tag ends here -->
</body>
 
</html>

                    

Output: 

Example 2: Implementation of blockquote tag with another example.

HTML

<!DOCTYPE html>
<html lang="en">
 
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0">
    <title>HTML <blockquote> Tag</title>
</head>
 
<body>
    <h1>GeeksforGeeks</h1>
    <h2><blockquote> Tag</h2>
    <p>This is blockquote Tag text with attribute cite</p>
 
    <!--blockquote Tag starts here -->
    <blockquote cite="www.geeksforgeeks.org">
        GeeksforGeeks:A computer science portal for geeks
    </blockquote>
   
    <!--blockquote Tag ends here -->
</body>
 
</html>

                    

Output: 

Supported Browsers: 

  • Google Chrome 1
  • Edge 12
  • Firefox 1
  • Safari 15
  • Opera 4


Last Updated : 10 Jan, 2024
Like Article
Save Article
Previous
Next
Share your thoughts in the comments
Similar Reads