Font Sizes

F ont sizes in HTML code are set to values that are relative to the default text size.

Browsers display fonts at size 3 unless told otherwise. I'm setting the font size for this paragraph to 3. It should look the same size as the text around it, which has no font size specified.

The largest font size is 7, and the smallest size is 1. By the way, this numbering scheme is the exact opposite of the way heading sizes are set: heading 1 is the largest and heading 6 is the smallest.

Fonts can also be set to be values higher or lower relative to surrounding text. This is done with minus or plus signs added to a number. For example: +1 would make the text one size larger than the surrounding text. We will use this again in the last text exercise which has to do with subscripts and superscripts.

Your Assignment:

  1. Save this file with the name B05_yourlastname.html
  2. Apply the correct corresponding font sizes to the examples below.
  3. Use the examples above for correct syntax. Don't forget the closing font tag in each situation.
  4. Save the file and view it.
  5. Online students, send your file to me by email.

Make this text size 1

Make this text size 3

Make this text size 5

Make this text size +2

Make this text size -2

 

© 2006 Dan Vaughan and its licensors. All rights reserved.