Working with Links
Links, also known as hyperlinks, enable users to navigate between web pages, resources, and various forms of communication. In HTML, links are created using the <a> (anchor) tag.
<a href="href-value">some text</a>
The href attribute within the <a> tag specifies the destination of the link. It can accept various types of URLs, including:
- Absolute URLs: Specify the complete address of the linked resource, including the protocol (e.g.,
"https://www.example.com"); - Telephone URLs: Allows users to initiate phone calls directly from the browser when clicked. Formatted as
"tel:phone-number". It's essential to include the country code and remove any special characters or spaces from the phone number (e.g.,"tel:+123456789"); - Email URLs: Allows users to compose emails when clicked. Formatted as
"mailto:email-address". It's important to include the complete email address aftermailto:(e.g.,"mailto:example@example.com").
Example:
index.html
In the example above:
- The
<a>tag creates hyperlinks with different destinations; - The
hrefattribute specifies various URLs, including absolute URLs, telephone numbers, and email addresses.
Other useful attributes
The <a> tag has several attributes that can be used to specify hyperlink properties. Some common attributes include:
target="_blank": Specifies where to open the linked document."_blank"opens the link in a new window or tab;download: Specifies that the target will be downloaded when the user clicks the hyperlink. This attribute can have a value to specify the filename for saving the resource.
Example:
index.html
In this example:
- The
hrefattribute specifies the URL of the linked resource; - The
targetattribute opens the link in a new window or tab.
1. How are links created?
2. What does the href attribute specify in an <a> tag?
Thanks for your feedback!
Ask AI
Ask AI
Ask anything or try one of the suggested questions to begin our chat
Can you explain more about the `download` attribute and how it works?
What other attributes can I use with the `<a>` tag?
Can you show examples of using `mailto:` and `tel:` links?
Awesome!
Completion rate improved to 2.86
Working with Links
Swipe to show menu
Links, also known as hyperlinks, enable users to navigate between web pages, resources, and various forms of communication. In HTML, links are created using the <a> (anchor) tag.
<a href="href-value">some text</a>
The href attribute within the <a> tag specifies the destination of the link. It can accept various types of URLs, including:
- Absolute URLs: Specify the complete address of the linked resource, including the protocol (e.g.,
"https://www.example.com"); - Telephone URLs: Allows users to initiate phone calls directly from the browser when clicked. Formatted as
"tel:phone-number". It's essential to include the country code and remove any special characters or spaces from the phone number (e.g.,"tel:+123456789"); - Email URLs: Allows users to compose emails when clicked. Formatted as
"mailto:email-address". It's important to include the complete email address aftermailto:(e.g.,"mailto:example@example.com").
Example:
index.html
In the example above:
- The
<a>tag creates hyperlinks with different destinations; - The
hrefattribute specifies various URLs, including absolute URLs, telephone numbers, and email addresses.
Other useful attributes
The <a> tag has several attributes that can be used to specify hyperlink properties. Some common attributes include:
target="_blank": Specifies where to open the linked document."_blank"opens the link in a new window or tab;download: Specifies that the target will be downloaded when the user clicks the hyperlink. This attribute can have a value to specify the filename for saving the resource.
Example:
index.html
In this example:
- The
hrefattribute specifies the URL of the linked resource; - The
targetattribute opens the link in a new window or tab.
1. How are links created?
2. What does the href attribute specify in an <a> tag?
Thanks for your feedback!