Sunday, January 30, 2011

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
<HTML>
then type this
</HTML>
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 <HTML> is to tell the browser that "Here's the begining of HTML section." </HTML> 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 <HTML> and </HTML>. 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.
<HTML>
<HEAD>
<TITLE>My first page</TITLE>
</HEAD>
</HTML>

<TITLE> tells the browsers that the title of our web page is "My first page." This sentence will appear at the top of browser window. Where? Look at the top of this window (the one that you're reading) and you will see "The easiest HTML guide for beginners"
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 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.

0 comments:

Post a Comment