How to Create Bold Text on a Webpage

For this article, note the following: LT pertains to the ‘less than symbol’ and GT refers to the ‘greater than symbol’. The less than and greater than symbols are not permitted to protect these web pages from cross-site scripting or other forms of malicious coding. A frequent method for creating bold text on a web page was to use the B tag. Text is encapsulated by a start tag that begins LT B GT, followed by the text you want to make ‘Bold’ and then followed LT /B GT. A good practice is to use lower class: LT b GT some text to make bold LT /b GT. There are two more current options available to make text bold in the webpage. The first option is to use the STRONG tag and the second option is to apply styles.

Difficulty: Moderately Easy

Instructions

1. As a reminder, for this article, note the follow: LT means ‘less than symbol’ and GT refers to the ‘greater than symbol’. The first step is to enter the beginning tag: LT strong GT

2. The next step is to enter the text you want to make bold.

3. The third step is to add the closing tag: LT /strong GT . Text can also be changed to ‘Bold’ by using Cascading Style Sheets (CSS). Style instructions can be provided through an external style sheet, through embedded styles using the STYLE tag in the HEAD section of a web page or inline. This example will demonstrate inline style in order to easily show the CSS instructions required.

4. In our example we will use the paragraph tag or P to demonstrate. The first step is to enter tag pair surrounding the text: LT p GT some text to make bold LT /p GT.

5. 
   coding examples

   The next step is to apply the STYLE tag to the paragraph tag. LT p style=”;”GT some text to make bold LT /p GT. The FONT-WEIGHT CSS property is used to apply ‘Bold’ to text: LT p style=”font-weight: 900;” GT this text is bold LT /p GT . 900 is the maximum bold value. The following values are available for the FONT-WEIGHT property: normal, bolder, bold, lighter, 100, 200, 300, 400, 500, 600, 700, 800,900. The attached graphic provides coding examples of the methods mentioned in this article.

Tips & Warnings

• Refer to the web links provided in this article to find out how to link or to embed web page styles.

Resources

• How to Create an External Style Sheet Using Cascading Style Sheets (CSS)
• How to Create an Embedded Style Using Cascading Style Sheets (CSS)
• How to Create an In-line Style Using Cascading Style Sheets (CSS)

[ourlastchance]

on 12/1/2009 Great tips for customizing text on webpages. 5*