2.0 KiB
| title |
|---|
| Links |
Links
This is a stub. Help our community expand it.
This quick style guide will help ensure your pull request gets accepted.
Links are used everywhere on the web, with the purpose if directing users to various content items. They're usually indicated by your cursor turning into a hand icon. Links can be text, images or other elements contained within your HTML or webpage.
You use an code <a> tag or anchor element to define your link, which also also needs a destination address that you'll access with the code href attribute. Here's a snippet that makes the phrase 'the freeCodeCamp Guide' a link:
<a href="https://guide.freecodecamp.org">the freeCodeCamp Guide</a>
If you'd like your link to open in a new tab, you'll use the code target attribute along with the code "_blank" value inside your opening code <a> tag. That looks like this:
<a href="https://guide.freecodecamp.org" target="_blank">the freeCodeCamp Guide</a>
When you need to guide users to a specific part of your webpage, let's assume the very bottom, you first need to assign the hash code # symbol to the code href attribute, like this
<a href="#footer">More about us<a/>
you'll then need to use an code id attribute in the element you want to direct your user to - in this case the code <footer> at the bottom of the webpage.
<footer id="footer">Powered by freeCodeCamp</footer>