You can use CSS to show images instead of text.

This is is useful because that way you can have a simple HTML document as your primary document, and make all the changes via CSS through an external style sheet.

Basically you define an element, then add the text between them. When you define the element, just make sure the backrground image is what you want to see. Then you can next another element inside, and make sure the “text is off so you can see the background image.

Voila!
A better explanation with examples can be found here

Alternatively:
Negative Indent Trick: Rather than using a second element to “hide” it, you can just use the indent trick and indent it so its not visible … but still visible to screen browsers