HTML and CSS Tutorials

I hope you will find these tutorials helpful. Please note, the methods I described are the way I do it — I don't claim it's the easiest, most efficient or most correct way.

Browse by category:
HTML
PHP
Photoshop
Miscellaneous

Installing premade templates
- type: HTML/CSS
- level: easy
Premades are not for people who can't use basic HTML. I can give you a few shortcuts that will help you just enough to set up your web site — this tutorial is for the lazy ones.
Common layout codes
- type: HTML/CSS
- level: moderate
If you're just starting out, you might wonder how to make div or table layouts. Here are some basic codes for you to test and play with.
Coding a tableless (CSS) two-column layout
- type: HTML/CSS
- level: advanced
This tutorial explains how to code a standard fixed-width two-column layout using CSS floating.
Image rollover menu
- type: HTML/CSS
- level: moderate
pure CSS image rollover with preloaded images - no JavaScript needed!
Basic HTML codes (part 2)
- type: HTML/CSS
- level: easy
The sequel of Basic HTML codes - learn about paragraphs and headings, divs, spans, tables, lists and iframes.
Simple rollover menu
- type: HTML/CSS
- level: moderate
This tutorial teaches the best method to arrange your navigation, and make it look cool as well :)
Common misuse of HTML elements
- type: HTML/CSS
- level: moderate
Have you ever thought about the exact purpose of a tag or attribute you are using? We all take some things for granted, but shouldn't.
HTML entities
- type: HTML/CSS
- level: easy
Here is my choice of 97 characters you can't get easily because they aren't on your keyboard.
Classes and ID's in HTML and CSS
- type: HTML/CSS
- level: moderate
This tutorial teaches how to use classes and id's in formatting more tags of the same type differently.
Useful CSS tricks
- type: HTML/CSS
- level: easy
These are some common CSS codes that will make your website look exactly as you want it.