Links

Absolute, relative, anchor and mail links; target and rel.

Video tutorialTrack course · freeCodeCamp

HTML Full Course for Beginners

Speed

0.75x1x1.25x1.5x2x

Skip intro Next lesson

Watch 00:00 · 1 checkpoints Watch on YouTube More on this topic

Transcript & captions .txt

10/10

1. 00:00Links. Absolute, relative, anchor and mail links; target and rel.
2. 00:05The <a> element creates a hyperlink.
3. 00:10The href attribute holds the destination.
4. 00:15Absolute: https://example.com/page
5. 00:20Relative: /about or ../images/logo.png
6. 00:25Anchor on the same page: #section-id
7. 00:30Email: mailto:you@example.com
8. 00:35Phone: tel:+15550100
9. 00:40Note: When you use target="_blank", add rel="noopener noreferrer" for security.
10. 00:45Try it yourself — edit the sample and run it in the browser.

The <a> element creates a hyperlink. The href attribute holds the destination.

• Absolute: https://example.com/page
• Relative: /about or ../images/logo.png
• Anchor on the same page: #section-id
• Email: mailto:you@example.com
• Phone: tel:+15550100