Quotations and Citations


Block Quotes

We can create blockquotes using the <blockquote> tag.

This is a block quote. Notice that it automatically indents itself. Behind the scenes, we've included a "cite" attribute for this element.

Short Quotes

We can create short quotations using the <q> tag. Browsers normally insert quotations around it.

Wow wow wow test quotation!

Abbreviations

The <abbr> tag defines an abbreviation.

LOL

Some browsers may underline the abbreviation. In the example above, we've used the title attribute to provide the full abbreviation when moused over.


Address

The <address> tag defines contact info. Browsers will always add a line break before and after an address element.

Written by Sam Thomas
Visit us at:
Example.com
Box 123, Apple
USA

Cite Element

The <cite> tag defines the title of a creative work. (NOT a person's name)

Web Dev Notebook

The cite element usually renders in italic.


Bi-Directional Override

The <bdo> tag overrides the text direction

This text is written right to left.

We use the attribute 'dir' to declare the direction of the text.