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:
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 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 >
</ 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 cite = "www.geeksforgeeks.org" >
GeeksforGeeks:A computer science portal for geeks
</ blockquote >
</ 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
Share your thoughts in the comments
Please Login to comment...