untitled
Home Tutorials Tips Forum Links Books GuestBook Email
Craigs HTML Page

The Basics

Creating a webpage isn’t going to be a mind numbing experience, once you learn the basics you can start making pages for anything, whatever your into. All you need to write up a HTML file is a simple text program such as notepad or wordpad, which should be on your computer in the accessories part of your programs folder. There are programs designed to make webpage construction quicker and simplier, but it’s much cheaper to work with what you’ve got. Your page will look much better when it's made in a simple text editor as you can get it to look just how you want.

First up HTML is made of these commands called tags, they tell the browser what to do with the text and images for your webpage and how to bring them all together. HTML tags start and end with angle brackets like so <TAG>, the angle brackets tell the browser that it’s a piece of HTML and not normal text. You’ll learn a few tags in the next section and get an idea of what there all about, but don’t worry there not hard to remember.

Webpage Framework

We’ll start with the tag that every HTML file starts and ends with.

<HTML>

</HTML>

The first tag tell the browser that this is the start of a HTML file, where as the second one tells the browser that this is the end of the HTML file. The slash in the second one tells the browser to ends what the first tag started, in this case it ends the HTML file. You should use uppercase for your tags so they stand out from the other text in your HTML file, you dont have to but I find it much easier for finding and editing tags.

Now we’ll add another tag to make the body section, inbetween the two body tags is where all your text, images and the rest of what the user see it set. It look like this.

<HTML>
<BODY>
Text, images and stuff
</BODY>
</HTML>

The next tag is the head tag which is where all the information about the page goes such as the color of links and the page title, which i'll show you later.

<HTML>
<HEAD>
Any head tags and information goes here
</HEAD>
<BODY>
Text, images and stuff
</BODY>
</HTML>

This is the basic setup for any webpage, from here on we start adding things to give your page life and color.

Next section - HTML and Text


Web Hosting · Blog · Guestbooks · Message Forums · Mailing Lists
Allwebco Web Templates · Build your own toolbar · Site Building Articles · Audio, Fonts, Clipart
powered by a free webtools company bravenet.com