- HTML Tutorial
- HTML - Home
- HTML - History and Evolution
- HTML - Overview
- HTML - Editors
- HTML - Basic Tags
- HTML - Elements
- HTML - Attributes
- HTML - Formatting
- HTML - Headings
- HTML - Paragraphs
- HTML - Quotations
- HTML - Comments
- HTML - Phrase Tags
- HTML - Meta Tags
- HTML - Style Sheet
- HTML - CSS Classes
- HTML - CSS IDs
- HTML - Images
- HTML - Image Map
- HTML Tables
- HTML - Tables
- HTML - Headers & Caption
- HTML - Table Styling
- HTML - Table Colgroup
- HTML - Nested Tables
- HTML Lists
- HTML - Lists
- HTML - Unordered Lists
- HTML - Ordered Lists
- HTML - Definition Lists
- HTML Links
- HTML - Text Links
- HTML - Image Links
- HTML - Email Links
- HTML - Iframes
- HTML - Blocks
- HTML Backgrounds
- HTML - Backgrounds
- HTML Colors
- HTML - Colors
- HTML - RGB
- HTML - HEX
- HTML - HSL
- HTML Forms
- HTML - Forms
- HTML - Form Attributes
- HTML - Form Control
- HTML - Input Attributes
- HTML Media
- HTML - Video Element
- HTML - Audio Element
- HTML - Embed Multimedia
- HTML Header
- HTML - Head Element
- HTML - Adding Favicon
- HTML - Javascript
- HTML Layouts
- HTML - Layouts
- HTML - Layout Elements
- HTML - Layout using CSS
- HTML - Responsiveness
- HTML - Symbols
- HTML - Emojis
- HTML - Style Guide
- HTML Graphics
- HTML - SVG
- HTML - Canvas
- HTML APIs
- HTML - Geolocation API
- HTML - Drag & Drop API
- HTML - Web Workers API
- HTML - WebSocket
- HTML - Web Storage
- HTML - Server Sent Events
- HTML Miscellaneous
- HTML - MathML
- HTML - Microdata
- HTML - IndexedDB
- HTML - Web Messaging
- HTML - Web CORS
- HTML - Web RTC
- HTML Demo
- HTML - Audio Player
- HTML - Video Player
- HTML - Web slide Desk
- HTML Tools
- HTML - Velocity Draw
- HTML - QR Code
- HTML - Modernizer
- HTML - Validation
- HTML - Color Code Builder
- HTML References
- HTML - Tags Reference
- HTML - Attributes Reference
- HTML - Events Reference
- HTML - Fonts Reference
- HTML - ASCII Codes
- ASCII Table Lookup
- HTML - Color Names
- HTML - Entities
- MIME Media Types
- HTML - URL Encoding
- Language ISO Codes
- HTML - Character Encodings
- HTML - Deprecated Tags
- HTML Resources
- HTML - Quick Guide
- HTML - Useful Resources
- HTML - Color Code Builder
- HTML - Online Editor
HTML - <b> Tag
HTML <b> tag is used to highlight the text and specify the text in bold. The purpose of the <b> tag or element is to draw attention to the contents of the element, which are not normally given special importance.
If we are writing content within a paragraph element but an important word comes in the content, we can use the <b> tag to highlight the important word.
Syntax
<b> ... </b>
Attribute
HTML b tag supports Global and Event attributes of HTML.
Examples of HTML b Tag
Bellow examples will illustrate the usage of b tag, where, when and how to use to bold any particular text in a sentence.
Creating bold text Element
We can make any text element using CSS or HTML, here we are going to use the <b> tag to bold the text.
<!DOCTYPE html> <html> <body> <p>This is normal para</p> <p> <b>This is bold paragraph </b> </p> </body> </html>
Using class attribute on <b> tag
We can select the element by using tag selector but when we will have multiple same tag in that scenerion we need to use the HTML class attribute to select the element.
<!DOCTYPE html> <html> <head> <style> .term { color: green; font-style: italic; } </style> </head> <body> <p> The two most popular science courses offered by the school are <b class="term">chemistry</b> (the study of chemicals and the composition of substances) and <b class="term">physics</b> (the study of the nature and properties of matter and energy). </p> </body> </html>
Creating bold Text without <b> Tag
We can create bold text without the <b> tag as well, for that we have to use HTML <strong> tag or CSS font-weight property. Here we are going to use the CSS.
<!DOCTYPE html> <html> <body> <h2>Using CSS properties to set the bold text. </h2> <p> This is normal text - <span style="font-weight:bold;"> and this is bold text</span>. </p> </body> </html>
Styling HTML <b> Elements
We can make any word bold using HTML <b> tag, default that keyword will be bold to add more styling we can use CSS as well.
<!DOCTYPE html> <html> <head> <style> b { color: red; font-style: italic; } </style> </head> <body> <p> This article describes several <b>text-level</b> elements. It explains their usage in an <b>HTML</b> document. </p> Keywords are displayed with the default style of the <b>element, likely in bold. </b> </body> </html>
Supported Browsers
Tag | |||||
---|---|---|---|---|---|
b | Yes | Yes | Yes | Yes | Yes |
To Continue Learning Please Login
Login with Google