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.
In HTML, links are defined with the
href attribute specifies the destination address (https://www.ngs-it.com/) of the link.
The link text is the visible part (Visit our HTML tutorial).
Clicking on the link text will send you to the specified address.
Note: Without a forward slash at the end of subfolder addresses, you might generate two requests to the server. Many servers will automatically add a forward slash to the end of the address, and then create a new request.
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 https://www....).
By default, a link will appear like this (in all browsers):
You can change the default colors, by using CSS:
target attribute specifies where to open the linked document.
The target attribute can have one of the following values:
This example will open the linked document in a new browser window/tab:
Tip: If your webpage is locked in a frame, you can use
target="_top" to break out of the frame:
It is common to use images as links:
border:0; is added to prevent IE9 (and earlier) from displaying a border around the image (when the image is a link).
title attribute specifies extra information about an element. The information is most often shown as a tooltip text when the mouse moves over the element.
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.
First, create a bookmark with the
Then, add a link to the bookmark ("Jump to Chapter 4"), from within the same page:
Or, add a link to the bookmark ("Jump to Chapter 4"), from another page:
External pages can be referenced with a full URL or with a path relative to the current web page.
This example uses a full URL to link to a web page:
This example links to a page located in the html folder on the current web site:
This example links to a page located in the same folder as the current page:
<a>element to define a link
hrefattribute to define the link address
targetattribute to define where to open the linked document
<img>element (inside <a>) to use an image as a link
idattribute (id="value") to define bookmarks in a page
hrefattribute (href="#value") to link to the bookmark
Required fields are marked *
Get all latest content delivered to your email free.