37 lines
1.2 KiB
Markdown
37 lines
1.2 KiB
Markdown
|
---
|
||
|
|
title: How to Use Links
|
||
|
|
---
|
||
|
|
## How to Use Links
|
||
|
|
|
||
|
|
In HTML you can use the `<a>` tag to create a link. For example you can write `<a href="https://www.freecodecamp.org/">freeCodeCamp</a>` to create a link to freeCodeCamp's website.
|
||
|
|
|
||
|
|
Links are found in nearly all web pages. Links allow users to click their way from page to page.
|
||
|
|
|
||
|
|
HTML links are hyperlinks. You can click on a link and jump to another document.
|
||
|
|
|
||
|
|
When you move the mouse over a link, the mouse arrow will turn into a little hand.
|
||
|
|
|
||
|
|
Note: A link does not have to be text. It can be an image or any other HTML element.
|
||
|
|
|
||
|
|
In HTML, links are defined with the <a> tag:
|
||
|
|
|
||
|
|
```html
|
||
|
|
<a href="url">link text</a>
|
||
|
|
```
|
||
|
|
|
||
|
|
Example
|
||
|
|
|
||
|
|
```html
|
||
|
|
<a href="https://www.freecodecamp.org/">Visit our site for tutorials</a>
|
||
|
|
```
|
||
|
|
|
||
|
|
The href attribute specifies the destination address (https://www.freecodecamp.org) of the link.
|
||
|
|
|
||
|
|
The link text is the visible part (Visit our site for tutorials).
|
||
|
|
|
||
|
|
Clicking on the link text will send you to the specified address.
|
||
|
|
|
||
|
|
#### More Information:
|
||
|
|
<!-- Please add any articles you think might be helpful to read before writing the article -->
|
||
|
|
* [MDN - HTML <a> Reference](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a)
|