cthulhu/test/html/images-in-links.html

38 lines
1.7 KiB
HTML

<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>