W3-Video WEB Tutorials

w3-video.com is a Free eLearning Website with over 500 video tutorials on HTML5, XAMPP, .htaccess, Firefox, Notepad++

HTML5 Tutorial

Home HTML5 XAMPP .htaccess Firefox Notepad++


Share it

hr intro hr browser display hr parents hr syntax

HTML5 hr element

The hr element allows you to separate paragraphs with different thematics, by adding a horizontal line between them. » video

About hr

Display & support hr

Firefox iconChrome iconIE iconOpera iconSafari icon

Parents hr

Attributes hr

Syntax hr

1<hr> »video

Attributes and Values bdo (comma separated)

<hrattribute="attribute_value(s)"> Video Examples
1. specific attributes
All Specific Attributes
2. global attributes
1.accesskey=keyboard key»img<hr accesskey="h"> >
2.class=class name»html »img -
3.contenteditable="",  , true, false »html-
4.contextmenu=menu id value»html-
5.data-*= value --
6.dir=ltr, rtl, auto»html-
7.draggable= true,  , false»img<hr draggable="false"> >
8.dropzone= copy, move, link, string:, file: -<hr dropzone="copy"> >
9.hidden= "",  , hidden»html »img<hr hidden="hidden"> >
10.id=id name»html »img<hr id="unique_id_name"> >
11.itemid= URL --
12.itemprop= string »link »a-
13.itemref= string --
14.itemscope= "",  , itemscope--
15.itemtype= absolute URL --
16.lang=language code »html »head»title »img-
17.spellcheck="",  , true, false»html-
18.style=CSS property:value»html »img<hr style="color:red"> >
19.tabindex= integer »img<hr tabindex="3"> >
20.title=text»html »link»style »abbr»dfn
»img »meter
<hr title="html page"> >
21.translate="", yes, no»html »img-
All Global Attributes
3. global event attributes
1.onclick=script» list<element onclick="script" > ...
2.ondblclick=script» list<element ondblclick="script" > ...
All Event Attributes

Video demonstration hr element

HTML5 hr element: separate paragraphs

min video details
00:00 video tutorial: hr element
00:05 the hr element allows you to separate paragraphs with different thematics, by adding a horizontal rule (line) between them
00:12 the 2 paragraphs inside the article have different thematics:
- one presents the physical properties
- the other one presents the chemical ones
and can be separated through hr element
00:29 adding the hr element between the 2 paragraphs (at paragraph-level)

For more information about the hr element, please see the specs: W3CWHATWG