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)