How to Add Links in HTML code | HTML5 Linking Tutorial

This tutorial shows how to add links in HTML code. During this HTML5 linking tutorial you will learn how to link to external pages, how to link to pages on your own website, and how to link to sections of your web page.

🚀 This lesson is part of an HTML for Beginners tutorial series playlist:

How to Add Links in HTML code | HTML5 Linking Tutorial

(00:00) Intro
(00:05) Welcome
(00:15) Hypertext is the HT in HTML
(00:49) We don't create hypertext links with the Link element
(01:53) The Anchor element
(04:37) Absolute vs Relative references
(05:45) Linking to another page on your website
(10:44) Linking to sections in a page
(16:14) Link to the top
(17:03) IDs in the web address
(17:56) Changing anchor link colors
(19:55) Link text best practices
(22:45) Download links
(24:32) Email links
(26:10) Phone links
(27:21) Opening a link in a new tab
(28:48) Link to the default page
(30:06) Validate your HTML code

⚙ Web Dev Tools:

📚 References:

✅ Follow Me:

Was this tutorial about how to add links in HTML code helpful? If so, please share. Let me know your thoughts in the comments.

#html #html5 #links

[konstantinzakharov]

Thank you, Dave, for this awesome HTML series! I came across your HTML by accident - just clocking on random vidoes. You inspired me to start my Web Dev journey.

[Yatin]

You know you are amazing right…dont think your little details are unnoticed (we love details)….thae way you explain is very soft n informative

[IG-cu]

Just a note about internal links for those interested. You can get a nice smooth scroll effect by adding the property "scroll-behaviour: smooth;" inside the html element style rule.

[aragorn]

I am syrian and all i can say is this explanation is from a unique teacher and a unique programmer
Thank you for sharing your knowledge with us sir your content is really top notch.
I am a web application hacker, i wanted to expand my knowledge in web and thanks god i have found your channel .

[fairytail]

Thank you very much for teaching me the basics of html. Planning to watch all of your videos related to web development. Great job!!!

[Acrolithic]

I found the holy grail of web dev! My journey starts now! Thanks for the educational content!

[benenko]

Thank you for such a great tutorials, it helps a lot on the way to learn and so easy to understand even for people with low level of English. 🔥

I use the same long comment under all your videos to avoid clutter and promote your videos to more people. 😉

[hiwayshoes]

Thanks for another helpful tutorial, Dave! I had no idea before viewing this video that a download link is created so easily… well, now I know! lol Cheers!

[AAKASHGIRI-fw]

It really a nice series but dave I want more projects to do on raw HTML before moving on CSS and Java is there any suggestion BTW thankyou very much of explaining in this manner your way of teaching is very helpful

[brajagopalmukherjee]

Great man what are u doing, learnt a lot from you, waiting for some full stack builds, one request in YouTube lot of videos are there for full stack application development but they are not easy to understand they miss somewhere basic, can u upload how we should approch and technology side by side from basic ..lot of ♥️ from 🇮🇳

[IG-cu]

Since I was having some issues getting my code to format correctly upon hitting save, I found an alternative shortcut which is to directly format the document itself by using the SHIFT + ALT + F keys. So hopefully this helps anyone else that may have come across this problem.

[epiczerripper]

Thanks the vid to help me this kind of preparation but want to ask why does href link cannot get the id name, i do understand what is use and how to do it but the href cannot find the id name, do i need to retype and check github

[felicialeann]

Wait.... are you saying that you are somehow showing the webpage live within visual studio code program? Not keeping google chrome open on the side ? Do you have a tutorial for how to set that up?

[firemonkey]

Hi Dave. Really enjoying these videos. One question about the href with the slash(/). Does it take you to the index page or to the page that linked to the current page? Meaning, if I link to a page from a page that's not the index, do I return to that page or to the index page? Thanks.

[manojreddy]

Can anyone help me to understand why the below link is not taking me to my HOME PAGE as shown in video. Instead, its showing me all files of the root folder but not the before page. I tried by keeping this inside and outside the SECTION TAG, both times, the result is same.
<a href="/">BACK TO HOME</a>

[alexeygrechko]

Hi Dave, great video👍 Can you add IMG links? Thank you.

[letuslearnmore]

This Link (( <link rel="icon" href="../css/html5.png" type="image/x-icon">)) doesn't work; what's the problem.