About the Internet
About Web Browsers
Why Domain Names
HTML vs XHTML
Making Webpage Files
Naming Webpage Files
About HTML Tags
Basic HTML Page
DTDs and Doctype Tags
Spaces and New Lines
Bold, Italics, More
Comments in HTML
How to Add Images
Sources of Images
Image File Formats
Color in HTML & CSS
"Web-safe" Color Chart
Formatting with Tables
Intro to CSS
Ways to include CSS
Some Useful CSS
CSS Hover for Links
Promoting Your Site
Basic Web Page Requirements
Say it's HTML or XHTML
First a webpage has to tell the browser that it is a web page. It does this with the <html> tag. For backwards compatibility XHTML also uses the <html> tag, but puts a Document Type Definition (DTD) tag before it for the use of those browsers that can understand them.
The page ends with a </html> tag. Everything else, except the DTD if one is used, is placed between the <html> and </html> tags.
A webpage has one head followed by one body just like you.
The head starts with a <head> tag and ends with a </head> tag.
The head contains information about the page that does not show up in the main browser window. Although you don't see this information in the main window it is important. It helps people find and return to your site.
The <title> is the only piece of information in the head that this page deals with. You will meet the others later.
By now you probably have guessed that the title begins with <title> and ends with </title>.
The text between the <title> and </title> tags is:
Don't try to add any extra formatting tags to the title. They won't work there.
This title will NOT show up in the body of your page. For those titles see the information on heading (<h#>) tags.
The body starts with a <body> tag and ends with a </body> tag.
Every web page needs one and only one body. Never put more than one <body> tag in a page.
All of the text and pictures that you want people to see in the browser window go in between the <body> tag and the </body> tag.
The browser will condense all "whitespace" characters - blanks, line breaks, skipped lines down to one space. It will automatically wrap text when it reaches the edge of the window. You can tell it to make new lines and paragraphs where you want it to, or to insert other spaces. The tags that do these things are covered on the whitespace page.