HTML Quotation And Citation Element:-
In this tutorial, we will learn about <blockquote>, <q>, <abbr>, <address>, <cite>, and <dbo> HTML element.
<!DOCTYPE html>
<html>
<body>
<p> Here is a quote from WWF's website. </p>
<blockquote cite="http://www.worldwildlife.org/who/index.html">
For 60 years, WWF has worked to help people and nature thrive. As the world's leading conservation organization, WWF works in nearly 100 countries. At every level, we collaborate with people around the world to develop and deliver innovative solutions that protect communities, wildlife, and the places in which they live.
</blockquote>
</body>
</html>
Try this code for a better experience
HTML <blockquote> For Quotation:-
The HTML <blockquote> tag defines a section that is quoted from another website.
The browser will automatically indent <blockquote> tag.
<!DOCTYPE html>
<html>
<body>
<p> Here is a quote from WWF's website. </p>
<blockquote cite="http://www.worldwildlife.org/who/index.html">
For 60 years, WWF has worked to help people and nature thrive. As the world's leading conservation organization, WWF works in nearly 100 countries. At every level, we collaborate with people around the world to develop and deliver innovative solutions that protect communities, wildlife, and the places in which they live.
</blockquote>
</body>
</html>
Try this code for a better experience
HTML <q> For Short Quotations:-
The HTML <q> tag defines the short quotations.
The browser will automatically insert the quotation mark around the quotation.
<!DOCTYPE html>
<html>
<body>
<p> The browser will automatically insert the quotation mark around the quotation.</p>
<p> <q> If you want to earn then you have to learn. </q></p>
</body>
</html>
Try this code for a better experience
HTML <abbr> For Abbriviations:-
The HTML <abbr> tag defines the abbreviation or any acronym, like ATM, HTML, CSS or so many others.
Marketing abbreviations can give useful information to browsers, translation systems, and search engines.
TIPS:- Use the global title attribute to show the description for the abbreviation/acronym when you mouse over the element.
<!DOCTYPE html>
<html>
<body>
<p> My youtube channel is <abbr> Sami Bhatti Info Hub </abbr> SBIH </p>
</body>
</html>
Try this code for a better experience
HTML <address> For Contact Information:-
The HTML <address> tag defines the contact information for the author/owner to the viewers.
Contact information can be Email, URL, Phone Number, Social media handler, Physical address, etc.
The text that we will write in <address> tag that will be rendered in italic, and the browser will automatically add a line before and after <address> element.
<!DOCTYPE html>
<html>
<body>
<p> Below is the address of any random person.</p>
<address>
samibhatti<br>
21 years old<br>
sb info hub youtube channel<br>
Pakistan, Gujranwala
</address>
</body>
</html>
Try this code for a better experience
HTML <cite> For Work Title:-
HTML<cite> tag defines the title of creative work. (e.g a book name, a poem, a movie name, a song, a painting, etc.)
NOTE:- A person's name is not a title of work.
The text that you will write in <cite> tag will be in italic style.
<!DOCTYPE html>
<html>
<body>
<p><cite> The Scream </cite> by Edvard Munch. Painted in 1893. </p>
</body>
</html>
Try this code for a better experience
HTML <bdo> For Bi-directional override:-
BDO stands for Bi-directional Override.
<bdo> tag used to override the current text direction.
Basically, the <bdo> tag work as your text direction will be changed from right to left.
<!DOCTYPE html>
<html>
<body>
<p> This text is left to right. </p>
<p> <bdo dir="rlt">this text will be right to left.</p>
</body>
</html>
Try this code for a better experience
0 Comments