HTML using CSS


Your assignment, should you choose to accept it, is to typeset this page as it appears at
http://www.math.wsu.edu/kcooper/M300/styletags.jpg and http://www.math.wsu.edu/kcooper/M300/styletags2.jpg

The steps for doing this follow:
  1. Save this page on your M300 (public) directory.
  2. Edit the page in gedit
  3. Open a file called "mystyle.css" in gedit.
  4. Observe the link tag in this page. Edit mystyle.css to make style changes.

Structural/Descriptive Markup


Procedural Markup

Style Tags

Using style tags can be as simple as specifying a style="stylespec" parameter as part of the tag.  A slightly more sophisticated way to use style tags is to put them in the <HEAD> section of your HTML.   In general, we prefer to separate them entirely from a single document, so that they can apply to many documents.

The control that style tags provide can be tremendous.  Where the old-fashioned <font> tag provided a way to specify font faces, sizes,  and colors, modern style tags can also specify word and even letter spacing, paragraph borders and padding, text justification, floating objects, and a tremendous number of other formatting options.  For example, you can see that this paragraph is left and right justified, while the next paragraph has more personality than the individual that wrote it.

Not all browsers support style tags/sheets fully.  In particular, IE 6 and earlier versions did not support style tags very well at all.  More recent browsers all support style tags/sheets more or less completely.