LESSON 32: THE <FONT> TAG

  1. Study the index cards on The <Font> Tag. I've included a hard copy of these index cards, for your convenience.
  2. Be sure that you can answer all the following questions, which are fair game for quizzes and tests.
    1. Is the <font> tag a container tag, or a standalone tag?
    2. Write the <font> tag that would display the words "special words" in green, in a sans-serif font, one size larger than the default text size.
    3. Consider the following code:
      <FONT FACE="Verdana, Arial, sans-serif">special words</FONT>
      How will "special words" be formatted?
    4. Does specifying a font using the <FONT> tag guarantee that your user will see the indicated font?
    5. Fill in the blanks: When you use the FACE attribute in the FONT tag, you should view it as a                 rather than an actual specification.
    6. What is a "FONT"?
    7. Fill in the blank: The term "font" is often used incorrectly as a synonym for                
    8. What is "TYPEFACE"?
    9. Which refers to a complete design for a set of characters, including specifications for size, spacing, typeface, italic (or not), bold (or not), etc.: FONT or TYPEFACE?
    10. Which refers to (roughly) just the SHAPE of characters: FONT or TYPEFACE?
    11. What is the "SIZE" of a font?
    12. What is the "SPACING" of a font?
    13. What does the word "pitch" refer to?
    14. What are two common pitch values for fixed width fonts?
    15. What does "a 10-pitch font" mean?
    16. What does "a 12-pitch font" mean?
    17. What is a proportional font?
    18. Consider the SIZE attribute for the font tag: what is the largest possible size?
    19. Consider the SIZE attribute for the font tag: what is the smallest possible size?
    20. What is the default SIZE for text?
    21. Is "SIZE=3" for one user necessarily the same as "SIZE=3" for another user?
    22. How does "SIZE=4" compare to "SIZE=3"?
    23. Write the code that says: I want text size to be 5.
    24. Write the code that says: I want text size to be one size bigger than the default size.
    25. Does <FONT SIZE="2"> have the same meaning as <FONT SIZE="+2">? (yes or no)
    26. Does <FONT SIZE="2"> specify an ABSOLUTE or RELATIVE size?
    27. Does <FONT SIZE="+2"> specify an ABSOLUTE or RELATIVE size?
    28. What does the code <FONT SIZE="-2"> mean?
    29. Suppose the default text size is 3, and you say <FONT SIZE="-4">. What size will the specified text be?
    30. Suppose the default text size is 3, and you say <FONT SIZE="+5">. What size will the specified text be?
  3. Begin reading Chapter 12 in the Weasel book, "Adding Images and Other Page Elements", as follows. First, read the short introduction on page 164. Then, quickly glance over pages 164 to the middle of 172. Then, carefully read from the middle of 172 ("Image Basics") to the middle of 174 (up to "Linked Graphics").
    Be able to answer all the following questions, which are fair game for quizzes and tests.
    1. What is meant by an "inline image"?
    2. Very briefly list four ways that graphics are used on the web:
    3. Is it considered "good HTML form" to use invisible graphics as spacing devices?
    4. What is Netscape's solution for holding extra space?
    5. What is the <spacer> tag used for?
    6. What browser(s) support the <spacer> tag?
    7. Should you use the <spacer> tag? Why or why not?
    8. Write the code for a <spacer> tag that would give 50 pixels of vertical space.
    9. Write the code for a <spacer> tag that would give 50 pixels of horizontal space.
    10. Write the code for a <spacer> tag that would give a block of space, 50 pixels wide and 30 pixels tall.
    11. What is the default alignment for the <spacer> tag?
    12. Write the code for a <spacer> tag that would give a block of space, 50 pixels wide and 30 pixels tall, where the text is aligned with the middle of the space.
    13. What are the two most common suffixes for graphics files?
    14. How should you pronounce "PNG"?
    15. What is "PNG"?
    16. What browser(s) support PNG files?
    17. Does placing an <IMG> tag inline introduce any line breaks or extra space?
    18. Write the code to produce the following. (Assume the image is "water_drops.jpg".)
      Water water everywhere!
    19. Write the code to produce the following. (Assume the image is "water_drops.jpg".)
      Water water everywhere!
    20. Write the code to produce the following. (Assume the image is "water_drops.jpg".)
      Water water everywhere!
    21. What is the only REQUIRED attribute for the <IMG> tag?
THE QUIZ OVER THIS LESSON WILL CONSIST OF:
Prepare for the quiz over this section by practicing below.
Questions are asked in random order.
You can generate a printable quiz with solutions.








How many problems would you like on the quiz? (51 max)