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 |
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 |