HTML Quatation and Citation Elements

In This chapter we will go through the < blockquote >, < q >, < abbr >, < address >, < cite > and < bdo >HTML elements.

Example

          <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>

HTML < q > for Short Quotations

The HTML < q >tag defines a short quotation.

Browsers normally inserted quotation marks around the quotation.

Example

         <p>wwf's goal is to: <q>build a future where pepople live in harmony with nature</q></p>

wwf's goal is to: build a future where pepople live in harmony with nature

HTML < abbr> For Abbreviations

The HTML < abbr>tag defines an abbrivation or an acronym like "HTML", "CSS", "Mr", "Dr" etc.

Marking abbrevoationa can giv useful information to browsers, translation systems and search engine.

Tips:Use the global title attribute to show the describption for the abbreviation acronym when you mouse over the element.

Example

   <p>The <abbr title="Hyper Text Markup Language">HTML
    </abbr>was 1989 Tim Berners Lee invented www.</p>

Result

The HTML was 1989 Tim Berners Lee invented www.

HTML < address> for contact information

The HTML < address> tag defines the contact information for the author / owner of a document or an artical.

The contact information can be an email address, Url, physical address, phone number, social media, handle, etc.

The text in the < address>element usually renders initalic and browsers will always add a line break before and after the < address>element.

Example

Result

Written by Jhon Roy.
Visit us at:
codezara.com
Box 564, kolkata
India