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

b ... ⁄b

Share it

b intro b browser display b parents - children b syntax

HTML5 b element

The b element allows you to draw attention to a part of text (keywords, names) »video

About b

Display & support b

Firefox iconChrome iconIE iconOpera iconSafari icon

Parents, children b

Attributes b


The b element does not affect the importance of the text. If you want to mark up important content use the strong tag.

Syntax b

1<b> ... </b> »video

Attributes and Values b (comma separated)

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

HTML5 b element: draw attention to a part of text

min video details
00:00 video tutorial: b element
00:05 b element allows you to draw attention to a part of text
00:16 in this paragraph, let's draw the attention to: Light Beech and Walnut
00:37 Light Beech and Walnut display in bold thus drawing the attention on them
00:40 note:
even if Light Beech and Walnut display in bold, this does not mean they are more important than the rest of the content

b element should not be used to mark important content; strong element does that!

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