home Designing Webpages
Ka-Neng Au
HOME
INTRODUCTION
LAYOUT
FORMAT
LINKS
LISTS
TABLES
BACKGROUNDS
IMAGES
NAVIGATION

CHARACTER FORMATTING

These HTML tags will change the "look" of the text on a page. The first group does not affect the font; the second group will. <strong> = makes text bold< </strong> (also <b></b>) <em> = italics, for emphasis </em> (also <i></i>) <u> = underline </u> <code> = monospaced characters </code> (also <tt></tt>) <big> = enlarge the text </big> <small> = reduce the text </small> The <font> tag is very useful for making your text stand out. Two common attributes of this tag are size and color, and they may be used separately or together. <font size="+2">= text is two sizes larger (default is 3; sizes run from 1 to 5) <font size="1"> = text is very small <font color="red"> <font color="blue" size="4">

Exercise:

<center> <h2>My Webpage</h2> </center> <h3>First Paragraph</h3> <p> This is the first sentence in the first paragraph. <br> This is the second sentence, which should appear on its own line. This word is <strong>bold</strong>, this is in <em>italics</em>, and this is <big>bigger</big> and this is <small>smaller</small> than the rest of the text. </p> <hr /> <h3>Second Paragraph</h3> <p> Here is the second paragraph. <center>This will be centered on a separate line. </center> These words will be <font color="green" size="5">in green and much larger</font> than the rest of the text. </p> <hr width="300" />
This page was last updated 24 March 2004.