Learn HTML hyperlinks in 3 minutes 👈

Bro Code

27 Aug 202103:07

Summary

TLDRIn this video tutorial, viewers learn how to create hyperlinks using HTML, focusing primarily on text links. The presenter explains how to use the anchor tags (<a>) to wrap text, set the href attribute for URLs, and configure options like target (same window or new tab) and title attributes for tooltips. Additionally, the video covers creating email links with the 'mailto' prefix and using relative URLs for internal navigation between web pages. Overall, this instructional guide provides essential tips for effectively implementing hyperlinks in web development.

Takeaways

😀 Hyperlinks can be created in HTML using anchor tags (a).
😀 Surround the desired text with opening <a> and closing </a> tags to create a hyperlink.
😀 Use the href attribute in the opening <a> tag to specify the URL you want the hyperlink to point to.
😀 To link to Google, use 'http://www.google.com' in the href attribute.
😀 By default, hyperlinks open in the same window unless specified otherwise.
😀 Set the target attribute to '_blank' to open the link in a new tab or window.
😀 A title attribute can be added to provide a tooltip when hovering over the hyperlink.
😀 You can create email links using the 'mailto:' prefix in the href attribute.
😀 Relative URLs can be used to link to other pages within the same website folder.
😀 Always save changes to your HTML file to ensure hyperlinks work as intended.

Q & A

What is the primary focus of the video?
-The video primarily focuses on creating hyperlinks using HTML.
What tags are used to create a hyperlink in HTML?
-Hyperlinks in HTML are created using the opening <a> tag and the closing </a> tag.
How do you specify the URL for a hyperlink?
-The URL is specified within the href attribute of the opening <a> tag, surrounded by double quotes.
What happens when you click on a hyperlink without a target attribute?
-By default, clicking on the hyperlink opens the link in the same window.
How can you make a hyperlink open in a new tab or window?
-To open a hyperlink in a new tab or window, set the target attribute to '_blank'.
What is the purpose of the title attribute in a hyperlink?
-The title attribute provides a small pop-up box that appears when you hover over the hyperlink.
How can you create a mailto link for sending an email?
-To create a mailto link, precede the email address with 'mailto:' in the href attribute.
What is a relative URL, and when would you use it?
-A relative URL is used to link to another webpage within the same site, typically referencing the file's name directly.
What should you do to ensure your changes to HTML are saved?
-Always remember to save your HTML file after making changes to ensure they are applied.
What actions does the speaker encourage viewers to take at the end of the video?
-The speaker encourages viewers to like the video, leave a comment, and subscribe to the channel.