Task 9: Using an image instead of a button

Gap-fill exercise

Fill in all the gaps, then press "Check" to check your answers. Use the "Hint" button to get a free letter if an answer is giving you trouble. You can also click on the "[?]" button to get a clue. Note that you will lose points if you ask for hints or clues!

There are three main types of code in a Hot Potatoes exercise page. is used to encode the content of the exercise (text, images, buttons and so on). handles the display of the content, controlling colours, font sizes, location and alignment of elements, etc. Finally, interactivity is achieved using , which changes the page in response to user actions.