First, HTML sets the underlying structure of my blog site.
- To make image as a link: wrap anchor tag (
<a>) around the image tag (<img>).
<a href="# contact">
<img src="https://s3.amazonaws.com/codecademy-content/courses/learn-html/elements-and-structure/profile.jpg" alt="Isa blogger striped dress black hat brown hair woman">
</a>
- To create jump-link so that with one-click I jump to a section quickly:
1) Set <footer> attribute to "id=contact" so it knows where to jump to.
2) Wrap <a> abround your <img>. This will make your image a link.
3) Add attribute href="# contact" beginning of <a>.
<a href="# contact">
<img src="https://s3.amazonaws.com/codecademy-content/courses/learn-html/elements-and-structure/profile.jpg" alt="Isa blogger striped dress black hat brown hair woman">
</a>
<footer id="contact">end of page<footer>
Top comments (0)