Blockquote Tag in HTML5

Valon Ademi
6y
16.1k
0
0

Article

Introduction

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 an optional attribute that 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>
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.
<blockquote>
A large quotation. The content of a blockquote element must include block-level elements such as headings, lists, paragraphs or div's.
cite can be used to specify the location (in the form of a URI) where the quote has come from.
</blockquote>
</body>
</html>

Internet Explorer

Figure1

FireFox

Figure2