Site hosted by Angelfire.com: Build your free website today!

How To Make WebPages


Ever wonder how people make all those wonderful webpages?
Ever wanted to learn how to make them?


Well, you have come to the right place!
After learning some of the basics, every webpage that
you view will never look the same again!



What is HTML?

Hypertext Markup Language (HTML) consists of a number of "tags" that describe how the contents of the page should be organized and displayed. It is the basic building block of the World Wide Web page. When a web browser opens an HTML file, it displays the page based on the tags. You can build your own web page using text editors, such as Notepad or Frontpage. Textpad is also another good editor.

At the beginning of every HTML file has <html> tag, and then at the end is a </html> tag.
Almost every tag has an opening <~~~> and closing </~~~>. Some tags do not require closing tags.


Let's start making our first page!

Some simple HTML is:
<html>
Hello! This page is mine!
</html>

Let's now save this file. Name the file "index.htm". If you save as HTML file, you should change the extension as ".htm" or ".html". This is important because then the application will know that it is an HTML file and will open it using Internet Explorer or Netscape.

How to set up the words for the title bar.

The title of this webpage is currently, C:\My Documents\index.htm.

How do you change the title of your webpage?
We need three new tags for that.

The first one is the <head> tag, put this one after the <html> tag. The head tag is the beginning of the page information. Before page is loaded, browser reads the information. It is the header of the file.

The second thing to add is the <title> tag. Put this tag bewteen <head> and </head> tags. Then, between the <title> and </title> tags, write the title of your webpage. For example, My Homepage.

The third one is the <body> tag. This one goes after the </head> tag. This is the beginning of the body of the HTML file.
This is what is written in the HTML file:
<html>
<head>
<title>My Hompage</title>
<body>Hello! This page is mine!
</body>
<html>

How to set up the words for the title bar.

There are many editing techniques to change the way text looks.

Some are:

preformatted text

Also there are many heading settings that one can chose from to make text look differnt

<H1>

heading 1

</H1>

<H2>

heading 2

</H2>

<H3>

heading 3

</H3>

<H4>

heading 4

</H4>

<H5>

heading 5

</H5>

Want to be a little more organized now?

How to add tabels to you site.

Start witht he <table> tag. To start with a row use the <tr> tag. Then once you have the <tr> tag underneath that you use the <td> tag to add to the individual cell.

So the code would be something like this.

<table>

<tr>

<td>Hello

</td>

</tr>

</table>

This will give you the following:

Hello

Now the problem with this is that there are no borders so lets say you want that border, how do you get it?

Just add the following attribute to the <table> tag. Within the table tag just say border = "size" so if you want the border size to be 3 you would say <table border="3">.

& &amp;
" &quot;
< &lt;
> &gt;
&reg;
&copy;

As you can see, other special characters may also be printed using & codes.

Now let's say you wanted to add an image how would you do that?

This is simple just do the following

<img src="filename"></img>

By filename I mean the full virtual path to access that file, if that is at all wrong in any way you will not get you image.

There are many other things that one can do with HTML, things like stype-sheets, scripts,sounds, frames, and many other things, but since we are doing basics we can stop here.