Blockquote Tag in HTML5



The <blockquote> tag defines a long quotation like paragraphs (instead of HTML q tag used for in-line content). A browser inserts white space before and after a blockquote element. It also inserts margins for the blockquote element. The HTML blockquote element begins with the HTML <blockquote> tag and ends with the HTML </blockquote> tag.
Syntax:
<blockquote cite="http://www.c-sharpcorner.com/">
Cite - This is a optional attribute which can be used to specify the location (in the form of a URI) where the quote has come from.
Attributes

HTML tags can contain one or more attributes. Attributes are added to a tag to provide the browser with more information about how the tag should appear or behave. Attributes consist of a name and a value separated by an equals (=) sign, with the value surrounded by double quotes.

There are 3 kinds of attributes that you can add to your HTML tags: Element-specific, global, and event handler content attributes.

Element-Specific Attributes

The following table shows the attributes that are specific to this tag/element.

Attributes Introduced by HTML5
Attributes Description             
cite Indicates the source of the quotation. It must be a URI for example the URL of a web page.

Global Attributes

The following attributes are standard across all HTML 5 tags.

HTML5 Global Attributes

accesskey draggable style
class hidden tabindex
dir spellcheck  
contenteditable id title
contextmenu lang  

Event Handler Content Attributes


Here are the standard HTML 5 event handler content attributes.
onabort onerror* onmousewheel
onblur* onfocus* onpause
oncanplay onformchange onplay
oncanplaythrough onforminput onplaying
onchange oninput onprogress
onclick oninvalid onratechange
oncontextmenu onkeydown onreadystatechange
ondblclick onkeypress onscroll
ondrag onkeyup onseeked
ondragend onload* onseeking
ondragenter onloadeddata onselect
ondragleave onloadedmetadata onshow
ondragover onloadstart onstalled
ondragstart onmousedown onsubmit
ondrop onmousemove onsuspend
ondurationchange onmouseout ontimeupdate
onemptied onmouseover onvolumechange
onended onmouseup onwaiting

For example

<!DOCTYPE HTML>

<html>

<body>

 

<p>Here is a quote from WWF's website:

<blockquote cite="http://www.csharpcorner.com">

WWF's ultimate goal is to build a future where people live in harmony with nature.

</blockquote>

We hope that they succeed.

</p>

<blockquote>

       <p>A large quotation. The content of a blockquote element must include block-level elements such as headings, lists, paragraphs or div's.</p>

       <p>cite can be used to specify the location (in the form of a URI) where the quote has come from.</p>

</blockquote>

</body>

</html>

 

Internet Explorer


q1.gif


Figure1

 

Fire Fox 


q2.gif

 

Figure2

Up Next
    Ebook Download
    View all
    Learn
    View all