Math 300: HTML using CSS (back to Math 300 notes)

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.