HTML Dasar : Hyperlink (8/13)

Summary

This video tutorial covers the basics of creating hyperlinks in HTML, explaining their crucial role in connecting web pages. The presenter demonstrates how to use the anchor tag <a> to create links, both internal and external, and explains how to apply relative URLs. It also covers techniques like linking to specific sections of a page using anchors, opening links in new tabs, and linking images. The tutorial highlights common link attributes such as href and target, with practical examples to ensure a comprehensive understanding of HTML hyperlink functionality.

The video is abnormal, and we are working hard to fix it.
Please replace the link and try again.

Q & A

What is the primary purpose of a hyperlink in HTML?

A hyperlink in HTML connects one webpage or resource to another, allowing for easy navigation between different pages or websites. Without hyperlinks, the web as we know it wouldn't exist.

How do you create a basic hyperlink in HTML?

To create a basic hyperlink in HTML, you use the `<a>` tag. The hyperlink destination is specified in the `href` attribute. For example: `<a href='https://www.example.com'>Click here</a>`.

Why is the anchor tag `<a>` called 'anchor'?

The anchor tag is called 'anchor' because it metaphorically acts like an anchor, linking one location (a webpage) to another. The tag represents the idea of holding or connecting one resource to another, just as an anchor connects a ship to a location.

What is the role of the `href` attribute in a hyperlink?

The `href` attribute defines the destination URL of the hyperlink. It tells the browser where to go when the user clicks the link.

What is the difference between external and internal links in HTML?

An external link connects to a webpage outside of your current domain (e.g., `https://www.google.com`), while an internal link connects to a page or resource within the same domain or website (e.g., `about.html`).

What is a relative URL and how is it used in hyperlinks?

A relative URL is a link that references a resource relative to the current page's location. It is useful for linking within the same website. For example, if you're linking to another page in the same folder, you can use a relative URL like `about.html`.

How do you create links to specific sections within the same webpage?

You can create links to specific sections within the same webpage by using the `id` attribute. For example, you can link to a section with `<a href='#section1'>Go to Section 1</a>` and mark the target section with `<div id='section1'>...</div>`.

How can you open a link in a new browser tab?

To open a link in a new tab, use the `target='_blank'` attribute in the `<a>` tag. For example: `<a href='https://www.example.com' target='_blank'>Open in New Tab</a>`.

What are page anchors, and how are they useful?

Page anchors allow you to link to specific parts of a webpage. By using the `id` attribute to define a section and linking to it with a hash (`#`), you can create internal navigation within a single page.

How do you handle hyperlinks when pages are moved into subfolders?

When pages are moved into subfolders, you need to adjust the relative path in the `href` attribute. Use `../` to move up one directory and then specify the path to the target page. For example: `<a href='../folder/target.html'>Go to Target</a>`.