LESSON 28: BODY ATTRIBUTES: BACKGROUND AND MORE

  1. Study the index cards on Body Attributes: Background and More. 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. Fill in the blank: the <BODY> tag has attributes that affect                                       .
    2. List six attributes that can be used in the <BODY> tag.
    3. What does the attribute "bgcolor" stand for?
    4. What is the "background" attribute used for?
    5. What is the "text" attribute used for?
    6. What is the default text color?
    7. What is the "link" attribute used for?
    8. What is the default link color?
    9. What is the "vlink" attribute used for?
    10. What is the default visited link color?
    11. What is the "alink" attribute used for?
    12. What is meant by an "active link"?
    13. What is the default active link color?
    14. If you use a background tile, should you also specify a background color? Why or why not?
    15. Should you use the same file formats for all graphics? Why or why not?
    16. Suppose you use exactly the same non-web-safe color for a background color and for the background of an inline image on the page. Will they necessarily match seamlessly? Comment.
    17. What is the default margin used by most browsers between the browser window and the document's contents?
    18. Write the code that sets the top margin to 20 pixels and the side margin to 30 pixels for Internet Explorer.
    19. Write the code that sets the top margin to 20 pixels and the side margin to 30 pixels for Netscape Navigator.
    20. Write the code that sets the top margin to 20 pixels and the side margin to 30 pixels; your code should work in both Internet Explorer and Netscape Navigator.
  3. Continue reading in the Weasel book in Chapter 10, Formatting Text. In this lesson, you'll read about the spacing and positioning tags; so, you'll be reading pages 123 (top) to the middle of 124; and then pages 137 (bottom) to the bottom of page 144.
    Be able to answer all the following questions. There are only limited questions here, because many of these concepts have already been thoroughly discussed in earlier lessons. Some of the questions ask you to write snippets of code; be sure that you test all your code using SimpleText and your favorite browser! Also, be aware that some of the code that you will write in this section is deprecated.
    1. Talk a little about the <multicol> tag. What is it used for? What browser(s) support it? Is it used a lot?
      Note: Here are some examples of using the <multicol> tag. These are "snapshots" that were taken on the author's laptop, using an appropriate Netscape browser:



    2. What does <nobr> stand for? What is it used for?
    3. Write the code "a b c d e f g h i j k l m n o p q r s t u v w x y z" so that is will ALWAYS display on one line, regardless of how the window is re-sized. (Try it!)
    4. What tag would you use to typeset the following poem (by A.R. Ammons)? 
      Eyesight

It was May before my
attention came
to spring and

my word I said
to the southern slopes
I've

missed it, it
came and went before 
I got right to see:

don't worry, said the mountain,
try the later northern slopes
or if

you can climb, climb
into spring:  but
said the mountain

it's not that way
with all things, some
that go are gone
    5. What does <wbr> stand for?
      6. .
    6. Fill in the blanks: The <wbr> tag works only when placed within                          tagged text, and causes a                          only if the current line already extends beyond the browser's display window margins.
    7. Write the code for "a b c e d f e h i j kl m n o p q r s t u v w x y z" that ALLOWS for a line break between the "k" and "l", but is guaranteed not to break anywhere else, regardless of how the window is re-sized. (Try it!)
    8. What is an "oxymoron"?
    9. The author gives an example of an HTML oxymoron. What is it?
    10. How can you over-ride the default Courier type inside the <pre> tag, to get something like this?
      
This
is
a 
p r e t t y
poem!
    11. Can you use the <pre> tag to get pre-formatted text within a paragraph? Why or why not?
    12. How would you typeset this: 1 2  3   4    5
    13. What does "esoteric" mean?
    14. Are <nobr> and <wbr> part of the HTML 4.01 specifications?
    15. Are <nobr> and <wbr> widely supported by popular browsers?
    16. How could you get the following right-aligned heading?

      17. A Right-Aligned Heading

    17. Is there any specific function for creating indented text in HTML?
    18. Is the author "endorsing" current methods of creating indented text, by talking about these current solutions in the text? Comment.
    19. Use the "cheating" method involving an unordered list to create the following indented text:
        The quick brown fox jumps over the lazy dog. The rapid brown fox jumps over the indolent dog. The fast brown fox jumps over the lethargic dog. The speedy brown fox jumps over the lanquid dog. The not slow brown fox jumps over the sluggish dog.
    20. Use the "cheating" method involving nested unordered lists to create several levels of indents:
        21. The quick brown fox jumps over the lazy dog. The rapid brown fox jumps over the indolent dog. The fast brown fox jumps over the lethargic dog. The speedy brown fox jumps over the lanquid dog. The not slow brown fox jumps over the sluggish dog.
          The quick brown fox jumps over the lazy dog. The rapid brown fox jumps over the indolent dog. The fast brown fox jumps over the lethargic dog. The speedy brown fox jumps over the lanquid dog. The not slow brown fox jumps over the sluggish dog.
            The quick brown fox jumps over the lazy dog. The rapid brown fox jumps over the indolent dog. The fast brown fox jumps over the lethargic dog. The speedy brown fox jumps over the lanquid dog. The not slow brown fox jumps over the sluggish dog.


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? (40 max)