Create a Website
HTML
Dreamweaver
CSS Tutorial
JavaScript
FREE Hosting!
With every domain name
you register at DotEasy
you get FREE (no-ad)
one year hosting.
PLUS you get:
  • FREE Website Builder
  • FREE Blog
  • FREE Forum
  • FREE Photo Album
  • FREE Email Accounts
Get your FREE hosting today!
Home > HTML Help & Tutorial
$0 Web Hosting

Headings

HTML has six levels of headings, numbered through 1 to 6. <H1> (Heading 1) being the largest, and <H6> being the smallest. Headings are usually bold.

For example:

<h1>Heading 1</h1>

<h2>Heading 2</h2>

<h3>Heading 3</h3>

<h4>Heading 4</h4>

<h5>Heading 5</h5>

<h6>Heading 6</h6>

The result is:

Paragraphs

Even though all "presentation attributes" of the p element were deprecated in HTML 4.01, you can still use them. <p> paragarph tags are used when you have one or more sentences to write.

For example:
<p>This is some text in a very short paragraph</p>

The result is:

This is some text in a very short paragraph

Lists

There are two types of lists that you can make in HTML: Dotted lists and Numbered lists.

To make a dotted list of Coffee, Milk, Bread, type:
<ul>
<li>Coffee</li>
<li>Milk</li>
<li>Bread</li>
</ul>

The result is:

  • Coffee
  • Milk
  • Bread

To make a numbered list of Coffee, Milk, Bread, type:
<ol>
<li>Coffee</li>
<li>Milk</li>
<li>Bread</li>
</ol>

The result is:

  1. Coffee
  2. Milk
  3. Bread

Forced Line Breaks

Forced line break tag <br /> inserts a single line break between words or sentences. For example, let's say you wanted to say "This is my new web page.", but with each word on a seperate line. Then, all you have to type is:
This<br />is<br />my<br />new<br />web<br />page.

The result is:

This
is
my
new
web
page.

Horizontal Rules

The <hr> tag inserts a horizontal rule, or a line. Horizontal can be many lengths and sizes. You can also have the line be a solid black by typing NOSHADE. Here are several examples.
<hr size="1" width="100%" />

<hr size="3" width="75%" />

<hr size="1" width="100%" noshade />

<hr size="3" width="100%" noshade />

The result is:





Character Formatting

You may also want to format some of your text differently than others using text styles. There are several text formatting tags which you can use, like bold or italic text.

Below are some examples that you can try out yourself.
<b> defines a bold text.
<b>Hello</b>

The result is:

Hello

<i> defines italic text.
<i>Hello</i>

The result is:

Hello

<sub> defines subscripted text.
This text contains <sub>subscripted text</sub>

The result is:

This text contains subscripted text

<sup> defines superscripted text.
This text contains <sup>subscripted text</sup>

The result is:

This text contains superscripted text

<del> defines deleted text.
<del>hello</del>

The result is:

Hello

Enjoy this tutorial?

1. Link to this page(copy/paste into your own website or blog):
2. Add this page to your favorite social bookmarks sites:
3. Add this page as your favorites. (Press Ctrl+D)