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

html ... ⁄html

Share it

html intro html optional html occurrences html browser display html children html syntaxhtml manifest attribute introappcache CACHE sectionappcache NETWORK sectionappcache FALLBACK sectionappcache ADVANTAGESappcache DISADVANTAGEappcache fixes: 1aappcache fixes: 1bappcache fixes: 2aappcache fixes: 2bappcache fixes: 2cappcache fixes: 3html class attributehtml contenteditable attributehtml contextmenu attributehtml dir attributehtml hidden attributehtml id attributehtml lang attributehtml spellcheck attributehtml style attributehtml title attributehtml translate attribute

HTML5 html element

The html element is the root element. »video

About html

Display & support html

Firefox iconChrome iconIE iconOpera iconSafari icon

Parents, children html

Attributes html

Syntax html

<html> ... <⁄html>
<html> ...
... <⁄html>
... » video

Attributes and Values html (comma separated)

<htmlattribute="attribute_value(s)"> Video Examples
1. specific attributes
1.manifest=manifest file url» video<html manifest="test.appcache"> ... <⁄html>
<html manifest="http://site.com/test.appcache"> ... <⁄html>
All Specific Attributes
2. global attributes
1.accesskey=keyboard key»img<html accesskey="h"> ... </html>
2.class=class name»html »img<html class="class_name"> ... </html>
3.contenteditable="",  , true, false »html<html contenteditable="true"> ... </html>
4.contextmenu=menu id value»html<html contextmenu="menu_id_value"> ... </html>
5.data-*= value -<html data-http-error="404"> ... </html>
6.dir=ltr, rtl, auto»html<html dir="ltr"> ... </html>
7.draggable= true,  , false»img<html draggable="false"> ... </html>
8.dropzone= copy, move, link, string:, file: -<html dropzone="copy"> ... </html>
9.hidden= "",  , hidden»html »img<html hidden="hidden"> ... </html>
10.id=id name»html »img<html id="unique_id_name"> ... </html>
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<html lang="en"> ... </html>
17.spellcheck="",  , true, false»html<html spellcheck="true"> ... </html>
18.style=CSS property:value»html »img<html style="color:red"> ... </html>
19.tabindex= integer »img<html tabindex="3"> ... </html>
20.title=text»html »link»style »abbr»dfn
»img »meter
<html title="html page"> ... </html>
21.translate="", yes, no»html »img<html translate="yes"> ... </html>
All Global Attributes
3. global event attributes
1.onclick=script» list<html onclick="script" > ...
2.ondblclick=script» list<html ondblclick="script" > ...
All Event Attributes

Video demonstration html element

HTML5 html root element, Tutorial

min video details
00:02 open the html file in Notepad++
00:05 html
- represents the root element
- the main container for all HTML elements, except the doctype declaration
00:14 all html elements, except doctype declaration, must be placed inside it (html = main container)

note: as direct descendants (= children) accepts only 2 elements: head and body, those 2 containing all other html elements
00:22 launch file in browser
00:27 entering 3d View mode (shortcut CTRL+Shift+I)
00:36 zooming in the 3D representation of our index.html file
00:38 in 3D mode we can understand better why the html element is considered the root element
00:42 mark element:
- in source code: is placed inside p element;
- in 3D view: is placed on p element;
00:47 p element:
- in source code: is placed inside body element;
- in 3D view: is placed on body element;
00:55 body element:
- in source code: is placed inside html element;
- in 3D view: is placed on html element;
01:03 html element:
- in source code: is placed right after the doctype declaration ;
- in 3D view: is at the root (base) of all other html elements;

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