Gank this code using View Document Source to see all of the dirty tricks I perpetrated making this page.

Document Tree Practice

An upcoming quiz will ask these things.

• Given a doctree, create an HTML file.
• Given an HTML file, create a doctree.

Today's exercise will prepare you for this. Let us produce solution keys to the four exercises.

Two New Tags

The <code> tag bounds an inline element. By default, the text in it is shown in monospaced font.

The <pre> tag bounds an block-level element. By default, the text in it is shown in monospaced font.

Special Character Entities

This is a means for producing special charcters.

Here is a treasure trove of special character entities.

Look at this amazing thing done combining the special character entities and the use of the <pre> tag!

                             (####)
                           (#######)
                         (#########)
                        (#########)
                      (#########)
                     (#########)
                    (#########)
                   (#########)
                  (########)
   _____         (#########)
  /     \       (#########)    |\/\/\/|     /\ /\  /\               /\
\/\/     |      (#########)    |      |     | V  \/  \---.    .----/  \----.
 |  (o)(o)       (o)(o)(##)    |      |      \_        /       \          /
 C   .---_)    ,_C     (##)    | (o)(o)       (o)(o)  <__.   .--\ (o)(o) /__.
  | |.___|    /____,   (##)    C      _)     _C         /     \     ()     /
  |  \__/       \     (#)       | ,___|     /____,   )  \      >   (C_)   <
  /_____\        |    |         |   /         \     /----'    /___\____/___\
 /_____/ \       OOOOOO        /____\          ooooo             /|    |\
/         \     /      \      /      \        /     \           /        \

  HOMER          MARGE         BART            LISA               MAGGIE

Now try your hand at special.html Make sure your code validates!!