Sunday, May 10, 2009

The easiest HTML guide for beginners

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, image, links to other web pages, and email link. What you need for this tutorial is only a simple text editor program like Notepad or other programs that you use for writing text on your machine. If you're using Windows 95/98, just click 'Start' -> 'Programs' -> 'Accessories' -> 'Notepad'

Create your first web page

First, type the first line of our web page

then type this

You can type them in capital case or lower case. It doesn't matter. I typed them in capital to make it easy to read. Nothing has happened yet; we have just told the browsers (Netscape, Internet Explorer, and etc.) that this is a HTML document. The first is to tell the browser that "Here's the begining of HTML section." tells the browsers that "Here's the end of HTML section." Inside these two tags is where you will put the contents of your web page in.

Notice that we have and . This is how we open and close HTML tags. The closing tag is always in format. In most case, you will have to close every tag that you open.

Next, add a HEAD section to your web page.

HELLO

We put to tell the browser that this is the starting point of the body of our document.
refers to header 1, which is the biggest size (see below.) You can try from
to
. Different numbers will yield different sizes.

Here is an example:
h1
h3
h5

Let's get back to our document. It now looks like this in a browser.
HELLO

Let's save this web page and view it in your browser. Save the page using 'save as' and name it whatever you like. Let's name it "mypage.htm" Please remember the location of your file. You may create a new directory for it or just simply save it in drive C. Open your web browser (Netscape or Internet Explorer) and try to open the file that you just save. Click on 'File' -> 'Open' and type in c:\mypage.htm or the path to your file.

No comments: