How to Add Links in HTML code | HTML5 Linking Tutorial

แชร์
ฝัง
  • เผยแพร่เมื่อ 18 ต.ค. 2024

ความคิดเห็น • 41

  • @DaveGrayTeachesCode
    @DaveGrayTeachesCode  2 ปีที่แล้ว +1

    Hypertext links are really what makes the web a "web"! We can create links that link the different pages of our website together, but we can also create links that will link our website to other websites. In this tutorial, you will learn about the different types of links you can create and the different attributes the links support. Are you just getting started with HTML? If so, start at the beginning of HTML for Beginners series playlist here: th-cam.com/play/PL0Zuz27SZ-6OlAwitnFUubtE93DO-l0vu.html

  • @konstantinzakharov5643
    @konstantinzakharov5643 ปีที่แล้ว +4

    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.

  • @Yatin2444
    @Yatin2444 2 ปีที่แล้ว +5

    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

  • @fairytail6896
    @fairytail6896 9 หลายเดือนก่อน

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

  • @aragorn2753
    @aragorn2753 ปีที่แล้ว +1

    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 .

  • @hiwayshoes
    @hiwayshoes 2 ปีที่แล้ว +2

    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!

  • @Acrolithic
    @Acrolithic 2 ปีที่แล้ว +2

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

  • @v.pimonenko
    @v.pimonenko ปีที่แล้ว +1

    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. 😉

  • @IG7799-c4u
    @IG7799-c4u 7 หลายเดือนก่อน +1

    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.

  • @brajagopalmukherjee1588
    @brajagopalmukherjee1588 2 ปีที่แล้ว +2

    Great man what are u doing , learnt a lot from you, waiting for some full stack builds ,one request in TH-cam 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 🇮🇳

    • @DaveGrayTeachesCode
      @DaveGrayTeachesCode  2 ปีที่แล้ว

      Thank you for the request! 🙏 I have a full stack tutorial coming soon 🚀

  • @AAKASHGIRI-f8w
    @AAKASHGIRI-f8w 5 หลายเดือนก่อน

    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

  • @brahimmachache5726
    @brahimmachache5726 ปีที่แล้ว +1

    best teacher ever 😍

  • @YannMetalhead
    @YannMetalhead 5 หลายเดือนก่อน

    Very good video!

  • @50_Code
    @50_Code ปีที่แล้ว

    good Job Dave Gray

  • @firemonkey7365
    @firemonkey7365 ปีที่แล้ว

    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.

    • @DaveGrayTeachesCode
      @DaveGrayTeachesCode  ปีที่แล้ว

      / takes you to the "root" which by default is the index.html page.

    • @stephenhammond1745
      @stephenhammond1745 ปีที่แล้ว

      @@DaveGrayTeachesCode Ok, thanks. What if I want to return to the linking page and not the root? Is there a short-hand way to do that or do I just reference the calling page in the link?

  • @IG7799-c4u
    @IG7799-c4u ปีที่แล้ว +1

    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.

  • @alexeygrechko2157
    @alexeygrechko2157 ปีที่แล้ว

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

    • @DaveGrayTeachesCode
      @DaveGrayTeachesCode  ปีที่แล้ว

      There is a lesson dedicated to images in this HTML series. You can wrap a link around an image if you want.

  • @felicialeann547
    @felicialeann547 2 ปีที่แล้ว

    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?

    • @DaveGrayTeachesCode
      @DaveGrayTeachesCode  2 ปีที่แล้ว +2

      No, I am using a VS Code extension called Live Server. In the first video of this series I show how to find and install it. When you start it, it will then launch your browser. When you make changes to your HTML and save, it will instantly refresh the page for you so you see your changes with minimal effort.

    • @felicialeann547
      @felicialeann547 2 ปีที่แล้ว

      @@DaveGrayTeachesCode I installed that. It just looks way way different on my computer. I'll try to comment less lol

  • @epiczer0ripper792
    @epiczer0ripper792 2 ปีที่แล้ว

    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

    • @DaveGrayTeachesCode
      @DaveGrayTeachesCode  2 ปีที่แล้ว

      Yes, I suggest you check the course resources on Github. Compare the code for the lesson to your code to find the differences.

    • @epiczer0ripper792
      @epiczer0ripper792 2 ปีที่แล้ว

      @@DaveGrayTeachesCode ok thx again

  • @manojreddy8307
    @manojreddy8307 ปีที่แล้ว

    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.
    BACK TO HOME

    • @DaveGrayTeachesCode
      @DaveGrayTeachesCode  ปีที่แล้ว +1

      You must have a file named index.html in the same folder for a link to "/" work.

    • @manojreddy8307
      @manojreddy8307 ปีที่แล้ว

      @@DaveGrayTeachesCode It worked. Kudos to you 🥰

  • @abodeofpeace.1461
    @abodeofpeace.1461 ปีที่แล้ว

    T

  • @tkmro
    @tkmro 3 หลายเดือนก่อน

    10q

  • @letuslearnmore
    @letuslearnmore ปีที่แล้ว

    This Link (( )) doesn't work; what's the problem.

    • @saarza9991
      @saarza9991 ปีที่แล้ว +1

      You didn't download the .png file from the resources.