Section 1 - Introduction
Section 2 - Basics
Section 3 - Next Level
Section 4 - Advanced
Fancy Lists
Forms
Advanced Tables
Frames
Style Sheets
Type and possibilities
Background
Text, Dimension
Font
Border
Padding, list
Classification
Positioning
Hyperlinks
Misc.
Multiple CSS
You try it
Image Maps
Section 5 - Publishing
Section 6 - Extras
Appendices
|
Before you're given the first tags, you should know some things about the appearance of web pages. First of all, there are four ways to control the appearance of the pages. FOUR! Let's put these in order from the least powerful to the most powerful.- First, you can put commands into the header of the document. This will control the appearance of the whole page.
- Second, you could create an external style sheet. This is like a mini-program that tells the page what to look like. You can use the information you will learn to make one of these. They're usually ended with the .css ending.
- Internal style sheets are third. This consists of a few lines of code that tell the page how to be. You'll be learning this here.
- Finally, you can change the font inline. You have already done this using the <font> tag.
Using the <font> tag overrides everything else, but it is often more useful to use the style sheets for whole pages.
The First Tag
Style tags go in the HEAD of the document, not the body. This is also a pretty easy tag to remember:- <STYLE>
</STYLE>
Not done with these yet. You need to specify what type of style you are using. Don't be alarmed, all style types are the same thing:
- <STYLE TYPE="text/css">
</STYLE>
So far so good? Yeay. As you might imagine, we are just getting started. Between the style tags go the wonders and mysteries of the Internet. First up, let's learn to change backgrounds.
|