Elements for Quotation and Citation in HTML

This chapter will go through the HTML elements <blockquote>,<q>,<abbr>,<address>,<cite>, <andbdo>.

<abbr>The definition of an abbreviation or acronym

HTML abbreviations (abbr>)

The HTML abbr> element specifies an abbreviation or acronym, such as "HTML," "CSS," "Mr.", "Dr.", "ASAP," or "ATM."

Browsers, translation systems, and search engines can benefit from marking abbreviations.

When you mouse over the element, utilize the global title property to display the description for the abbreviation/acronym.

For example

<!DOCTYPE html>

<html>

<body>

The <abbr title="Blog: Marketing Conversion Tools">Leadpages</abbr> Discover why smaller companies and entrepreneurs rely on Leadpages to help them grow.

With a simple website and landing page designs, you can convert visitors into leads and sales. Support that is devoted. Simple A/B testing. The Editor uses Drag and Drop. Easy-to-Use.

</body>

</html>

<address>Defines the contact details for a document's author/owner.

Contact Information in HTML

The HTML tag specifies the author/contact owner's information for a document or an article.

Contact information can include an email address, a URL, a physical address, a phone number, a social media handle, and so on.

The text in the element is typically rendered in italics, and browsers always include a line break before and after the element.

For example

<!DOCTYPE html>

<html>

<body>

My Address.

Written by John Smith.

Visit to my home at:

https://resources-onlinetools.blogspot.com/

Box 420, Disneyland

USA

</address>

</body>

</html>

<bdo>Text orientation is defined by this property.

BDO is an abbreviation for Bi-Directional Override.

To override the current text direction, use the HTML bdo> tag:

for example

<!DOCTYPE html>

<html>

<body>

The following line will be written from right to left if your browser supports bi-directional override (bdo) (rtl):

<bdo dir="rtl">This sentences will be written from right to left.</bdo>

</body>

</html>

<blockquote>Defines a part that has been paraphrased from another source.

Quotations in HTML blockquote>

The HTML blockquote> element specifies a portion that is taken from another source and quoted.

Blockquote> components are typically indented by browsers.

For Example

<!DOCTYPE html>

<html>

<body>

Your Main Resources Center for Best Online Tools

Hello and welcome to my resources page. I'm going to share the tools and services that I'm utilizing to create my business here. Many novice bloggers constantly asking me about the tools I use, and it's difficult to answer each one. As a result, I'm making this page so that I may share it with anybody.

</blockquote>

</body>

</html>

<cite>Defines a work's title

q> Defines a brief inline quotation

<q>A brief inline quotation is defined by this property.

HTML q> for Quick Quotes

A brief quote is defined by the HTML q> element.

Normally, browsers place quote marks around the quotation.

For example

<!DOCTYPE html>

<html>

<body>

Resource Center - Tools and services to build an online business.

Let's talk about what constitutes a solid knowledge base: <q>how it may assist your business, and how to get started. Overall, it should be simple to find online tools and tactics to build your online business empire with ease.</q>

</body>

</html>

सीखिए HTML

Search This Blog