Html-for Beginners 05

HTML for Beginners 05 Web Links

HTML Links

Links are found in nearly all web pages. Links allow users to click their way from page to page.

HTML Links – Hyperlinks

HTML links are hyperlinks.

You can click on a link and jump to another document.

When you move the mouse over a link, the mouse arrow will turn into a little hand.

Note: A link does not have to be text. It can be an image or any other HTML element.


HTML Links – Syntax

In HTML, links are defined with the <a> tag:

<a href="url">link text</a>

Example

<a href="https://www.google.com/">Visit Google</a>

The href attribute specifies the destination address (https://www.google.com) of the link.

The link text is the visible part (Visit Google).

Clicking on the link text will send you to the specified address.


Local Links

The example above used an absolute URL (A full web address).

A local link (link to the same web site) is specified with a relative URL (without http://www….).

Example

<a href="html_images.asp">HTML Images</a>

HTML Links – Create a Bookmark

HTML bookmarks are used to allow readers to jump to specific parts of a Web page.

Bookmarks can be useful if your webpage is very long.

To make a bookmark, you must first create the bookmark, and then add a link to it.

When the link is clicked, the page will scroll to the location with the bookmark.

Example

First, create a bookmark with the idORĀ name attribute:

<h2 id="C4">Chapter 4</h2>
<h2 name="C4">Chapter 4</h2

Then, add a link to the bookmark (“Jump to Chapter 4”), from within the same page:

<a href="#C4">Jump to Chapter 4</a>

Or, add a link to the bookmark (“Jump to Chapter 4”), from another page:

Example

<a href="html_demo.html#C4">Jump to Chapter 4</a>

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.