Website Tutorials
For Beginners
HTML Help & Tutorials
Dreamweaver Tutorials
Home > HTML Tutorial
HTML Tutorials - Text
Getting Started    CSS    Text    Linking    Graphics    Fill-out Forms    Frames    Comments


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>

Heading 1

<h2>Heading 2</h1>

Heading 2

<h3>Heading 3</h3>

Heading 3

<h4>Heading 4</h4>

Heading 4

<h5>Heading 5</h5>
Heading 5
<h6>Heading 6</h6>
Heading 6


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 output is:

This is some text in a very short paragraph.


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:


The output is: To make a numbered list of Coffee, Milk, Bread, type:


The output 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 output is:


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%" />

The output is:

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

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

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

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.


The output is:


<i> defines italic text.



<sub> defines subscripted text.


The output is:


<sup> defines superscripted text.


The output is:


<del> defines deleted text.


The output is:


Getting Started    CSS    Text    Linking    Graphics    Fill-out Forms    Frames    Comments