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

em ... ⁄em

Share it

em intro em browser display em parents - children em syntax

HTML5 em element

The em element allows you to emphasize text (stress emphasis). »video
The content of an em nested inside another em element indicates a higher level of stress emphasis for that content.

About em

Display & support em

Firefox iconChrome iconIE iconOpera iconSafari icon

Parents, children em

Attributes em

Syntax em

1<em> ... </em> »video

Attributes and Values em (comma separated)

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

HTML5 em element: emphasize text

min video details
00:00 video tutorial: em element
00:04 the em element allows you to emphasize text (stress emphasis)
00:09 in this paragraph, we can emphasize the word 'easier'
someone might say that the learning process is harder if you follow those steps
00:30 the term 'easier' has been emphasized

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