|
HTML: | |
 |
Your First Page |
|
Take the Ninestein HTML Lessons |
|
How to create a table |
Your First HTML Page |
NEXT >
Let's begin to create your first web page. To make this truly the easiest guide, we will ignore some technical terms and details that you don't need to know right now.
This tutorial will guide you in creating a simple web page containing text, a picture, email, and links to other web pages. What you need for this tutorial is only a simple text editor program such as NotePad, WordPad, MicrosoftWord, WordPerfect, or whatever program you have on your machine for writing text.
First, open our HTML document with this tag.
<HTML>
and close it with this tag
</HTML>
You can type them with capitals or lower case, but I type them in capital letters to make it easy to read. Nothing has happened yet; we have just told the browsers (Netscape, Internet Explorer, and etc.) to read this document as an HTML document. Inside these two tags is where you will put the contents of your web page.
Next, it's a pretty good idea to set a HEAD section on this web page. Your document now will look like this.
<HTML>
<HEAD>
<TITLE>My
first page</TITLE>
</HEAD>
</HTML>
In HEAD section, we provide the data about our document. You will see <TITLE>My first page</TITLE>. This is how we open and close an HTML tag. The closing tag is always in this form, </.....> Remember to put a closing tag every time you insert a new tag. "My first page" is the title of our document. This sentence will not appear in browsers, but it will appear in some search engines, such as Infoseek, as the title of our page.
OK. Now, let's put in the first word that the browser will display.
<HTML>
<HEAD>
<TITLE>My
first page</TITLE>
</HEAD>
<BODY>
<H1>HELLO</H1>
</BODY>
</HTML>
We put <BODY> to tell the browser that this is the starting point of the body of our document. <H1> refers to header 1, which is the biggest size (see below.) You can try from <H1> to <H6>. Different numbers will yield different sizes.
Here is an example:
h1
h3
h5
Let's get back to our document. It will appear like this in browsers.
HELLO |
NEXT >