DEV Community

Cover image for Build a Fashion Blog using only HTML5
Heggy Castaneda
Heggy Castaneda

Posted on • Edited on

Build a Fashion Blog using only HTML5

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)