To turn any image into a link, wrap it in an anchor element (i.e. <a href=""><img src="" alt=""></a>)

Below, each teapot is wrapped in a link to a fragment URL. Each fragment URL addresses an element within this document.

NB: Many editors have a keyboard shortcut for toggling line comments (ctrl+/ on Windows, ⌘+/ on Mac).

The first teapot was clicked.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi molestie massa justo. Etiam volutpat feugiat commodo. Mauris vel lobortis eros. Quisque porta leo libero, id scelerisque quam semper sit amet. Etiam eu dictum tellus. Etiam porttitor vehicula posuere. Morbi in laoreet purus. Proin fringilla viverra leo, sed dignissim elit rhoncus at. Donec ullamcorper nulla a massa molestie, et consequat velit sollicitudin. Donec non ipsum porta, iaculis leo a, imperdiet lectus. Interdum et malesuada fames ac ante ipsum primis in faucibus. Suspendisse sit amet nisi in leo placerat mollis. Sed et nulla sit amet ante placerat blandit tincidunt vitae mauris. Curabitur sit amet purus in tellus rutrum volutpat nec ac sem. Aenean convallis blandit magna, nec congue dolor mattis sed.

The second teapot was clicked.

Donec viverra erat ac ipsum bibendum, ut dictum arcu ultrices. Quisque in dui id tellus porta hendrerit. Morbi porta odio mauris, non tempus orci interdum id. Suspendisse potenti. Integer vel molestie felis. Aliquam commodo lacinia tempor. Sed volutpat tortor sed condimentum dapibus. Aenean euismod libero nunc, sed sagittis orci hendrerit ac. Donec ut felis ex. Phasellus a augue vel mauris rhoncus commodo rhoncus ut nisi. Suspendisse potenti. Donec consectetur dignissim dolor, ac dignissim nulla tincidunt ut. Integer tempor erat in ante placerat, id egestas lacus ultricies. Phasellus dictum arcu vel odio rhoncus, id convallis quam lacinia. Praesent sit amet ipsum lacus. In sit amet pellentesque sapien.

The third teapot was clicked.

`03_links.html`

Making Links

The first teapot was clicked.

The second teapot was clicked.

The third teapot was clicked.