I omitted the left arrow in the bottom, because I have not picture of it.
Note I copied the image sources from Word file. Word uses quote marks which lean left at start and lean right at the end. HTML5 did not recognize those quote marks.
Putting these inside 'a' tags will jumps to the linked page just as it would have if text links had been used. A generic program line is shown below:
<a href = "xprogram.html"><img src = "Pix/Right_Arrow.jpg"
alt = "Right" /></a>
Go to 'Powell's Fifth in HTML
Go to 'Powell's Fifth in pdf
In the above example, the instruction 'Go to 'Powell's Fifth in pdf' is inside the anchor, whereas in the case of HTML version the instruction is not.