How to Make a Static Web Page

By Alex Smith

If one invention has completely changed the world within our lifetime, it is the Internet. More and more people want a presence on the Web beyond that offered by social networks: they want a Web space to call their own. Major websites are becoming increasingly complex and use newbie-intimidating jargon such as Flash, CSS, perl and JavaScript, but fear not. Four simple letters can let anyone gain a Web presence in no time: HTML. The letters stand for hypertext markup language, a programming language that uses a series of tags to create a static Web page. The more tags you know, the more you can do with a static Web page.

Step 1

Create the basic skeleton of a static Web page by copying the following code into a simple text editor, such as Notepad:

Then save the file as index.html (the default main page name), and open it in your browser. You should see nothing because you created a blank Web page.All of those tags have a meaning. Thetag tells the browser that a Web page is coming where all sorts of information can go for search engines.means that the part people will see is about to begin.

Step 2

Think of HTML as two main types of tags (bits of code within brackets). One tells the browser to start doing something, and another tells it to stop.Make this text boldEverything after -- the opening tag -- will be bold until it reaches -- the closing tag. The "/" tells the browser to stop.

Step 3

Add text to your Web page. Type "This is my Web page" in the body of the Web page, between

and. Save the page, and have a look at it in the browser. The result is nice but not too exciting. Try a few other tags to spice it up. For example, makes the text bold; makes text italicized; lets you change the size of the font, from 1 (smallest) to 6 (largest); makes text red (or any other color you enter);
centers text (or an image) on the page.Try using several of these tags on the same block of text. You can do any combination you want.You also can add space between elements on your page by putting the following between them:

for a paragraph break;
for a line break;

to create a break with a line across the Web page.

Step 4

Add images to your page. Do this by using the tag, and replace the Web address in that example with the location of the image you want to use. This is one of the few tags that does not have an end tag. Images also can be centered, just like text.

Step 5

Create a link to another website. This is done with the tagClick Here. That code makes the words "Click Here" the link to another website. Instead of text, you can use an image as the link by using the code.