New to HTML? try this simple website layout to get you started.

Well, start your site by creating a table to display your content.

Save this file as 'Yourfile.html'

You have to say that if you have seen this file in action, it's really very dull.
So... Lets liven it all up with some css.

CSS can look quite complicated at first. Well, don't let that scare you away. It's actually quite simple.

Save this file as Yourname.css.
You will notice that all this will do is make the bacground blue, and change the font to Verdana. This really doesn't do too much for your site. So lets spruce up the links shall we?


This will make the links blue with an unerline. It will also mean that when you hover your mouse over the links the unerline will dissapear, they will turn black and the text will become bold.

Well your site will still be looking quite dull. So lets spruce up your table adding the class tag in your html. You'll notice in the table code at the top of the page you'll see class="MAIN_TABLE". This defines the table to you can customise it's appearence in the CSS.



This will make the main table background black.
You'll also notice that in the html there is a class="CELL" bit of code on all of the cells. So lets spruce them up.


This will make the cells white.
Well you can add whatever content you like and you may want to add some background images and regular images to make it look better. Also change the colors to suit what you want it to look like.

Well, hope my basic tutorial has helped some of you. If I happen to have a made a mistake somewhere, please tell me. And I'll correct it.

pretty nice even though i didnt try it
i just looked at it really quick but its excellent for beginners

i wish i had this when i started

I agree great job....The basic stuff can help the people trying to learn HTML.

Thanks for your comments guys. That makes me feel happy that I can actualy contribute with a good tutorial. I'll probably write some more ones now, hopefully they'll be as decent as this one.

Nicely detailed and covers some important basic aspects, thanks for your great tutorial

pretty nice even though i didnt try it

Good work Josh, I didn't try it but it will really help beginner webmasters.

I agree with what everyone said - nice simple tutorial! The only thing I don't agree with is using tables for positioning because the browser has to render every aspect of the table first before displaying your site.

Other than that, way to go!

ooo thanks a bunch, ive been looking for something liek this. now i need to learn how to slice layouts ><