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>
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
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 output 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 output is:
To make a numbered list of Coffee, Milk, Bread, type:
<ol>
<li>Coffee</li>
<li>Milk</li>
<li>Bread</li>
</ol>
The output is:
- Coffee
- Milk
- 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:
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%" />
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.
<b>Hello</b>
The output is:
Hello
<i> defines italic text.
<i>Hello</i>
Hello
<sub> defines subscripted text.
<sub>Hello</sub>
The output is:
Hello
<sup> defines superscripted text.
<sup>Hello</sup>
The output is:
Hello
<del> defines deleted text.
<del>Hello</del>
The output is:
Hello
