Headings, Bold, and Italic

Learn how to organize your text and create useful divisions of your Web pages using HTML heading tags. You can also change the look of your text with the bold and italic tags.

Headings

Heading tags are the simplest way to divide up your document. If you think of your site as a newspaper, then the headings are the headlines on the newspaper. The main headline is an h1 and subsequent headings are h2 through h6.

Use the following codes to create HTML that looks like the image above.

<h1>This is Heading 1</h1>
<h2>This is Heading 2</h2>
<h3>This is Heading 3</h3>
<h4>This is Heading 4</h4>
<h5>This is Heading 5</h5>
<h6>This is Heading 6</h6>

Some things to remember:

• All browsers display headings differently
• Try to keep your headings in a logical order
• Headings put in line breaks for you, so you don't have to worry about using <p> and <br> tags.

Bold and Italic

The bold and italic tags add interest to your text. Unlike some other HTML tags, they are meant to look the same on all browsers. Simply surround your text with the opening and closing tags (<strong> and </strong> for bold and <em> and </em> for italics).

You can nest these tags (which means that you can make text both bold and italic) and it doesn't matter which is the external tag.

<strong>This text is bold</strong>
This text is bold
<em>This text is italicized</em>
This text is italicized
<strong><em>This text is both bold and italicized</em></strong>
This text is both bold and italicized

Previous Articles