|
|
The Browsers usually indent <blockquote> Defines a section that is quoted from another source |
How to create HTML <blockquote> Tag
A section that is quoted from another source:
index.html
Example:
HTML
<blockquote cite="http://www.worldwildlife.org/who/index.html">
For 50 years, WWF has been protecting the future of nature. The world's leading conservation organization, WWF works in 100 countries and is supported by 1.2 million members in the United States and close to 5 million globally.
</blockquote>
Output should be:
Tips and Notes for HTML <blockquote> Tag
Tip: Use <q> for inline (short) quotations.
What Type of Browsers will Support for HTML <blockquote> Tag
Attributes for HTML <blockquote> Tag
| Attribute | Value | Description |
|---|---|---|
| cite | URL | Specifies the source of the quotation |
How to Use CSS to remove the indentation from the blockquote element:
index.html
Example:
HTML
<html>
<head>
<style>
blockquote {
margin-left: 0;
}
</style>
</head>
<body>
<p>Here is a quote from WWF's website:</p>
<blockquote cite="http://www.worldwildlife.org/who/index.html">
For 50 years, WWF has been protecting the future of nature. The world's leading conservation organization, WWF works in 100 countries and is supported by 1.2 million members in the United States and close to 5 million globally.
</blockquote>
</body>
</html>
Output should be:
How to set Default CSS Settings for HTML <blockquote> Tag
Most browsers will display the <blockquote> element with the following default values:
index.html
Example:
HTML
<style>
blockquote {
display: block;
margin-top: 1em;
margin-bottom: 1em;
margin-left: 40px;
margin-right: 40px;
}
</style>
<blockquote cite="http://www.worldwildlife.org/who/index.html">
For 50 years, WWF has been protecting the future of nature. The world's leading conservation organization, WWF works in 100 countries and is supported by 1.2 million members in the United States and close to 5 million globally.
</blockquote>
Output should be:
How to add HTML <blockquote> cite Attribute
A section that is quoted from another source.
Definition and Usage
The cite attribute specifies the source of a quotation.
Tip: It's a good habit to always add the source of a quotation, if any.
Browser Support
The cite attribute does not render as anything special in any of the major browsers, but it can be used by search engines to get more information about the quotation.
Syntax
<blockquote cite="URL">
Attribute Values
| Value | Description |
|---|---|
| URL | The source of the quotation.
Possible values:
|
index.html
Example:
HTML
<!DOCTYPE html>
<html>
<body>
<h1>The blockquote element</h1>
<p>Here is a quote from WWF's website:</p>
<blockquote cite="http://www.worldwildlife.org/who/index.html">
For 50 years, WWF has been protecting the future of nature. The world's leading conservation organization, WWF works in 100 countries and is supported by 1.2 million members in the United States and close to 5 million globally.
</blockquote>
</body>
</html>
Output should be:
Reffered: https://www.w3schools.com/tags/tag_blockquote.asp
Read Full: | HTML Tag |
Category: | Web Tutorial |
Sub Category: | HTML Tag |
Uploaded: | 1 year ago |
Uploaded by: | Admin |
Views: | 51 |