About This TutorialThis is one of dozens and dozens of tutorials in the Webmaster section of the member-only area.
The tutorials can walk someone new to web design through the entire process of creating a web site. For experienced webmasters, you'll be able to jump right into specific tutorials in areas where you'd like to learn more.
All the tutorials are well-written, and technical jargon is kept to a minimum. Colored text, images, and other visual aids where appropriate help making learning easy, and bits of humor here and there help make learning fun.
The HTML SkeletonEvery web page needs just a few basic HTML elements in order to function as a web page. An element is simply a bit of code that represents a part of the page structure or appearance, such as a paragraph or the text color. These code bits are often called tags, or sometimes commands.
Below are the tags every HTML document must have. You can type the HTML tags in either lower case or upper case, but there are a few that used to cause problems in some browsers when entered in upper case.
Other languages such as XHTML require that tags be in lower case, and some people are calling for the same requirement for HTML. XHTML is supposedly the direction web design is s-l-o-w-l-y moving, but whether or not that actually evolves is yet to be seen.
Don't worry, all my tutorials are XHTML compliant (unless otherwise noted) so you needn't be concerned unless you follow tutorials from other sources (which may or may not be XHTML compliant). Either way, I do strongly urge you to code in lower case at all times. It's better to start off with a good habit so you won't have to break a bad habit.
These tags are the bare necessities:
<html> <head> <title> Title Text Goes Here </title> </head> <body>Content Area
</body> </html>That is the basic HTML skeleton, but it's not really as confusing as it looks. I've shown the HTML tags in red, but these tags do not show up on a web page. They remain hidden in the source code when the page is displayed. The source code is simply the text file that contains the HTML code and content you want displayed on the page people see.
The browser interprets the HTML commands in the source code and displays your content according to those HTML instructions. If the above code were a real web page, the words "Content Area" is the only thing that would show up in a browser window.
Here's a brief explanation of each tag...