How to Make a Static Web Page

Techwalla may earn compensation through affiliate links in this story. Learn more about our affiliate and product review process here.
The Internet: it's the place to be.

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.

Advertisement

Step 1

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

Video of the Day

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.

Advertisement

All of those tags have a meaning. The tag tells the browser that a Web page is coming up. is 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.

Advertisement

Make this text bold

Everything 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.

Advertisement

Advertisement

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.

Advertisement

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 tag Click 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 .

Video of the Day

Advertisement

Advertisement

references

Report an Issue

screenshot of the current page

Screenshot loading...