Add a Footer
The last section of our HTML document is going to be the
<footer>. Let’s add some
links to social media accounts. That way, anyone who visits or your page
can find out how to contact you.
In profile.html just below the closing
main tag, add:
We want our links to be icons, in order to do this, we’re going to wrap anchor tags
<a>) around image tags (
First, let’s add a link to facebook.
Let’s walk through what the attributes on our anchor tag are doing.
facebook.com in a new browser tab.
href tells our link what website it should open when we click our link.
Let’s add more anchor tags for the rest of our social media profiles, edit the
code inside of your
<footer> tag to match:
Save profile.html and refresh the page.
Let’s also add a link to our social media profiles in our sidebar.
Back in the
aside tag, add to your
Then, go back and add an id to your opening footer tag like, so:
Save profile.html and refresh your page. Double check that your links in your side bar are working.