In this chapter, we\’ll talk about the HTML elements <blockquote>, <q>, <abbr>, <address>, <cite>, and <bdo>.
HTML\’s <blockquote>
HTML\’s <blockquote> tag is used for quotes.
The HTML <blockquote> element defines a section that quotes from another source.
Most browsers put <blockquote> elements indented.
<!DOCTYPE html>
<html>
<body><p>Here is blockquote:</p>
<blockquote cite=\”http://www.coderazaa.com\”>
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry\’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
</blockquote></body>
</html>
HTML\’s <q>
HTML\’s <q> tag is used for short quotes.
A short quote is what the HTML <q> tag is for.
Quote marks are usually put around the quote by browsers.
<!DOCTYPE html>
<html>
<body><p>short quotes element.</p>
<p>Hello worild is to: <q>Loream ipsum is dummy text..</q></p>
</body>
</html>
HTML\’s <abbr>
HTML\’s <abbr> tag is used for acronyms.
The HTML <abbr> tag defines an abbreviation or acronym, such as \”HTML,\” \”CSS,\” \”Mr.,\” \”Mrs.\”, \”ASAP,\” and \”ATM.\”
Marking abbreviations can help browsers, translation systems, and search engines figure out what they mean.
Tip: Use the global title attribute to show what the abbreviation or acronym stands for when you move your mouse over the element.
<!DOCTYPE html>
<html>
<body><p>The <abbr title=\”coderazaa.com\”>coderazaa</abbr></p>
<p>Loream ipsum is dummy text..</p>
</body>
</html>
HTML <address>
HTML <address> for Contact Info
The HTML <address> tag shows how to get in touch with the document or article\’s author or owner.
The information about how to get in touch can be an email address, URL, phone number, physical address, social media handle, etc.
Text in the <address> element is usually shown in italics, and browsers always add a line break before and after the address> element.
<!DOCTYPE html>
<html>
<body><p>The HTML address tag example</p>
<address>
Best PHP/HTML/CSS TUTORIALS<br>
Visit us at:<br>
coderazaa.com<br>
INDIA
</address></body>
</html>
HTML <cite>
HTML <cite> for Title of Work
The title of a work of art is shown by the HTML cite> tag (e.g. a book, a poem, a song, a movie, a painting, a sculpture, etc.).
Note: The name of a person is not a title.
Most of the time, the text in the <cite> element shows up in italics.
<!DOCTYPE html>
<html>
<body><p>The HTML cite tag</p>
<p>system usually shows cite tag in italic.</p><img src=\”coderazaa.jpg\” width=\”300\” height=\”150\” alt=\”Coderazaa.com\”>
<p><cite>Tutorials</cite> by coderazaa.com.</p></body>
</html>
HTML <bdo>
HTML <bdo> stands for Bi-Directional Override.
Bi-Directional Override is what BDO is short for.
With the HTML <bdo> tag, you can change the direction of the text:
<!DOCTYPE html>
<html>
<body><p> right to left (rtl) example</p>
<bdo dir=\”rtl\”> right to left text is here </bdo>
</body>
</html>