HTML Bold

This page provides "HTML bold" code. By "HTML bold", I mean code that makes changes the text weight to bold.

There is more than one way to create bold text in HTML. Below are the various methods of creating bold text.

The <strong> Tag

The <strong> tag is used to give text a stronger importance. Only use this tag when the enclosed text is actually more important than its surrounding text.

The <b> Tag

The <b> tag is to markup text as bold without conveying any extra importance. For example, this could be useful in article abstracts, where the beginning of an article is set in bold text.

Using Cascading Style Sheets (CSS)

You can use CSS instead of, or in conjunction with, the above HTML tags. To make text bold with CSS, use the font-weight property. Here's an example:

Source CodeResult

font-weight: normal

font-weight: bold

font-weight: bolder

font-weight: lighter

font-weight: 100

font-weight: 200

font-weight: 300

font-weight: 400

font-weight: 500

font-weight: 600

font-weight: 700

font-weight: 800

font-weight: 900

Note that, although this property allows you to specify various levels of boldness, most browsers can only render two levels (bold and normal). Therefore, if you only see two different levels of bold above, this would be why. The most common values are bold and normal (which overrides any bold setting).

About HTML.am

HTML.am was created in order to provide HTML tools, codes, tutorials, and other resources to help webmasters create and maintain their HTML documents.

HTML.am aims primarily at beginners, but may also be useful to web professionals.

About the HTML Codes

The HTML codes on this website are provided free of charge, for you to use however you wish. Feel free to modify the code to suit your own needs.

My Related Sites

Here are some of my other sites: