Question

Name the different types of hyperlinks in HTML.

Answer 1

Lesson 13 - Hyperlinks
Ed. 5/5/06 Page 1
Types of Hyperlinks
Hyperlinks are the primary method used to navigate between pages and Web sites.
Links can point to other web pages, web sites, graphics, files, sounds, e-mail
addresses, and other locations on the same web page. When text is used as a
hyperlink, it is usually underlined and appears as a different color. There are four types
of hyperlinks.
• Text hyperlink – Uses a word or phrase to take visitors to another page,
file or document.
• Image hyperlink – Uses an image to take visitors to another page, file or
document.
• Bookmark hyperlink – Uses text or an image to take visitors to another
part of a web page.
• E-mail hyperlink – Allows visitors to send an e-mail message to the
displayed e-mail address.
When adding a text or image hyperlink that moves off your site, have it open in a new
window. This allows visitors to easily come back to your site without having to use the
back button on their browser. Text or image hyperlinks can also be used to move
between pages within a site.
Text Hyperlinks
1. Open the Practice web site.
2. Open the favorite.htm file.
3. Select the text to be used as the hyperlink for the first favorite web site.
4. Click the Insert Hyperlink icon on the Standard toolbar. The Edit Hyperlink
dialog box displays. See Figure 1 on page 2.
5. Review the Text to display field. Make any needed changes to the text displaying
as the hyperlink.

Answer 2

Hi

There are three type of hyperlinks in HTML

1. External Link

2. Internal Link

3. Anchored link

External Link: External links are "absolute link". External links contain full path of different page or website. When we click on them, they will take us to a different webpage.

Example:

<a href="https://www.example.com/some/rendom/page.html">Random Page</a>

Internal Links: Internal links also take you to another page but their path is relative means their path doesn't start with http/https and domain name.

Example:

<a href="/some/rendom/page.html">Random Page</a>

Anchored links: Anchored links are those links which will take you to the different location of current page. Anchored links path contains the id of the element of page, where you will be transferred after clicking on that link

Example:

<a href="#id_of_the_element">Random Page</a>

Hope it will help you.