Web Page Design: Character-level Markup 02

Font-style elements affect the appearance of the text on the page. Phrase-style elements, on the other hand, suggest a rendering intent and leave the appearance up to the browser.

It is easy to forget the closing tag that is required for these elements! Also, even thought these tags may work across block boundaries in some browsers, that is an error. They must reside inside a block element (like a paragraph or heading).

Font-style Tags
Example Markup Rendering
Please type: <TT>example 5</TT>. Please type: example 5.
It is <I>very</I> important! It is very important!
To <B>boldly</B> go... To boldly go...
Do <U>not</U> use the wrong tool. Do not use the wrong tool.
We <STRIKE>must</STRIKE> may do <S>this</S> that. We must may do this that.
I feel so <BIG>tall</BIG>. I feel so tall.
Now, I feel a lot <SMALL>smaller</SMALL>. Now, I feel a lot smaller.
Area = pi * r<SUP>2</SUP> Area = pi * r2
Water = H<SUB>2</SUB>O Water = H2O


Go on to next segment Go to Contents