Midterm Review Solution

1. Which element lets you specify the character set that your document uses?

   <meta>

2. Write the HTML to produce the following list:

   • Card Games
     • Blackjack
     • Solitaire
   • Board Games
     • Chess

   <ul style="list-style-type: circle">
       <li>Card Games
           <ul style="list-style-type: square">
               <li>Blackjack</li>
               <li>Solitaire</li>
           </ul>
       </li>
       <li>Board Games
           <ul style="list-style-type: disc">
               <li>Chess</li>
           </ul>
       </li>
   </ul>

3. Where do you specify which “flavor” of HTML or XHTML you are using for your document?

   In the <!DOCTYPE>

4. Write the HTML to draw a horizontal rule that takes up 25% of the width of the browser window.

   <hr style="width: 25%" />

5. Write the HTML to produce this text inside a paragraph. The apostrophe is a curly apostrophe, not a straight up and down one.

   Let’s speak Français.
   Let’s speak Français.

6. What is the HTML element you would use for a level four heading? Does it show up larger or smaller than a level five heading?

   You would use the <h4> element, and it shows up larger than a level five heading.

7. Where does the <title> element go; in the head of your document or the body? Where does it show up on the screen?

   It goes in the head of the document, and its content shows up in the title bar of your browser window.

8. Write a <p> containing the word Hello Use a style attribute on the paragraph to the word appear in green, with a font size of 22 pixels, in Courier font.

   <p style="color: green; font-size: 22px; font-family: Courier">Hello</p>

9. Which of the following are block elements, and which are inline elements? <em> <h4> <dl> <span>

   Block elements are <h4> and <dl> because they start a new line. Inline elements are <em> and <span>, which do not start a new line.

10. True or False: Every opening tag in XHTML must have a closing tag.

    True

The following questions all refer to the image at the right which shows the file structure for a web site.

• Someone else’s site wants to link to your site. They want the words Great new site to go to file index.html on your site. Write an appropriate link for them, using an absolute pathname.

  <a href="http://www.example.com/index.html">Great new site</a>

• From the index.html file, the words See SCVWA Schedule should link to file scvwa.html. Write an appropriate link, using a relative pathname.

  <a href="assn/scvwa.html">See SCVWA Schedule</a>

• From the kids.html file, you want the words Latest News to link to the topics.html file. Write an appropriate link, using a relative pathname.

  <a href="../../topics.html">Latest News</a>

• From the topics.html file, you want the words Kids Events to link to the kids.html file. Write an appropriate link, using a relative pathname.

<a href="events/2005/kids.html">Kids Events</a>