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

Gửi phản hồi

Mời bạn điền thông tin vào ô dưới đây hoặc kích vào một biểu tượng để đăng nhập:

WordPress.com Logo

Bạn đang bình luận bằng tài khoản WordPress.com Log Out / Thay đổi )

Twitter picture

Bạn đang bình luận bằng tài khoản Twitter Log Out / Thay đổi )

Facebook photo

Bạn đang bình luận bằng tài khoản Facebook Log Out / Thay đổi )

Google+ photo

Bạn đang bình luận bằng tài khoản Google+ Log Out / Thay đổi )

Connecting to %s

%d bloggers like this: