| [Index of Lessons] [Lesson 1] [Lesson 3] |
2. The 6 levels of Headings |
| From now on, the remaining lessons are designed to enable
you to create and modify a web page. The steps from now will a far
more impressive page than what you have already made.. Each lesson you
learn, will enable you to better understand the HTML code of any
page you encounter. Now, I'll show you the tags used for making headings. Headings are what are used to create sections on a single page. Heading levels range from level 1 (Most Important) to level 6 (Least Important). Like an outline, your heading levels should have logical, consistent order and be parallel. |
| Heading Tags | ||
| HTML | Result | |
| <h1>Heading 1</h1> | Heading 1 |
|
| <h2>Heading 2</h2> | 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 |
|
| Well, now that you have seen what shapes headings come in, let's
work on your web page shall we. First you need a topic, something that
makes you want to share knowledge with the rest of the world. The examples
from now on, I'll use to make a web site on UFO's, Paranormal activity
and other mysteries. This is a catch all theme, and allows for a lot
of leverage. If you are stuck for ideas, click
here (Themes) for some themes that might give
you some ideas on web pages.
Example So make a new file, call it whatever you want, normal main pages are called index.htm or main.htm. Though logically it can be anything you want. But I digress, create your file and add the following code to it :
<html>
Save your file, open a new browser and open your file and then compare
it to this (Example 2) to see what it
looks like. With how the code works. |
|
| Click on Lesson 3 to continue, or click here (Top) to return to the top of document |