Type your answer, then press "Check". If you need help, you can click on the "Hint" button to get a free letter. When entering HTML codes or attributes don't use < or >

1. Spiggy finally fixes his browser and goes to http://www.champions.com/england_winners.htm. He sees some photos of his heroes Jason Robinson and Johnny Wilkinson so he saves the page. Then he goes to Windows Explorer and eventually finds the page. But where the hell are the graphics? Can you tell Spiggy what folder these graphics would be stored in?

   1.   ?    england_winners_files
   2.   ?    england_winners
   3.   ?    engalnd_winners_junk
   4.   ?    england_crapola

2. Spiggy sees the html code for a table:
   
   <table>
   
     <tr>
   
     <td> blaah</td>
   
     <td>blahh</td>
   
     </tr>
   
     <tr>
   
     <td> blaah</td>
   
     <td>blahh</td>
   
     </tr>
   
   </table>
   
   How many rows and how many columns would this table have?

   
   
   CheckGimme a hint mate!

3. Spiggy made a heading of the Index to his web page with the codes :
   
   <h2>Index</h2>
   
   He then styled the h2 tag. Which attribute did he use to get the neat box?
   
   

   
   
   CheckGimme a hint mate!

4. "I want the box to stop where the text stops" , Spiggy cursed. What attribute
   did he need to add to the h2 style to do this:
   
   

   
   
   CheckGimme a hint mate!

5. Spiggy couldn't remember why he had set the line-height for the body so he deleted the style definition. When he looked at the page again he realised why it was there and he quickly put it back. He used this style to make the text more ...

   1.   ?    readable
   2.   ?    legible
   3.   ?    clear
   4.   ?    easy to read
   5.   ?    grungy

6. Spiggy wonders how to get his graphic image on the right side of the page. What attribute does he need to have in the <img> tag ?

   
   
   CheckGimme a hint mate!

7. Spiggy has inserted the graphic, but now the text is all scrunched up on one side of the graphic. What tag and attribute does he need to insert to move the paragraph immediately below the graphic?

   
   
   CheckGimme a hint mate!

8. Spiggy sees these style definitions. I wonder what size in pixels the h1 heading is going to come out at on this page?
   
   body {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 12px;
   line-height: 1.6em;
   }
   
   h1 {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 2em;
   }

   
   
   CheckGimme a hint mate!

9. Spiggy used the style:
   h1 {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 2em;
   color: #FFFFFF;
   background-color: #000000;
   text-align: center;
   }
   "Cool colour combination you have there", says Mark. What foreground and background colours did Spiggy use for his h1 heading? He used "... text on ... background"
   

   1.   ?    white text on black background
   2.   ?    black text on white background
   3.   ?    yellow on blue
   4.   ?    white on blue

10. Spiggy clicks on a graphic in his web page because it looks funny.
    
    
    
    He clicks on the Properties panel .
    
    Which button did he click to suss out the problem?

    
    
    CheckGimme a hint mate!