<html> <head> <title>Test</title> </head> <body> <p> One image with alt text in a link: <a href="foo"><img src=cthulhu-for-tests.jpg alt="Cthulhu logo" /></a> </p> <p> One image with title attribute in a link: <a href="foo"><img src=cthulhu-for-tests.jpg title="Cthulhu logo showing a whale holding a white cane"/></a> </p> <p> One image with both alt text and title attribute in a link: <a href="foo"><img src=cthulhu-for-tests.jpg alt="Cthulhu logo" title="Cthulhu logo showing a whale holding a white cane"/></a> </p> <p> One "useless" image in a link: <a href="foo"><img src=cthulhu-for-tests.jpg /></a> </p> <p> Two "useless" images in a link: <a href="foo"><img src=cthulhu-for-tests.jpg /><img src=cthulhu-for-tests.jpg /></a> </p> <p> Two "useless" images in a paragraph that is inside of a link: <a href="foo"><p><img src=cthulhu-for-tests.jpg /><img src=cthulhu-for-tests.jpg /></p></a> </p> <p> One "useless" image and one "useful" image in a link: <a href="foo"><img src=cthulhu-for-tests.jpg alt="Cthulhu logo" /><img src=cthulhu-for-tests.jpg /></a> </p> <p> Two "useless" images along with some text in a link: <a href="foo"><img src=cthulhu-for-tests.jpg />silly link<img src=cthulhu-for-tests.jpg /></a> </p> <p> Two "useless" images in a paragraph that is inside of a link along with text that is not in the paragraph: <a href="foo">Before the paragraph<p><img src=cthulhu-for-tests.jpg /><img src=cthulhu-for-tests.jpg /></p>After the paragraph</a> </p> <p> Two "useless" images and some additional text in a paragraph that is inside of a link along with text that is not in the paragraph: <a href="foo">Before the paragraph<p><img src=cthulhu-for-tests.jpg />silly link<img src=cthulhu-for-tests.jpg /></p>After the paragraph</a> </p> </body> </html>