HTML Links (short for hyperlink) is an HTML object that allows you to jump to a new location when you click or tap it. Links are found on almost every webpage and provide a simple means of navigating between pages on the web. Links can be attached to text, images, or other HTML elements.
What are the types of links in HTML?
The Different Types of Links
- <a> Links. <a> links are one of the most important tags for SEO, and the majority of internal and external domain linking is achieved by using this HTML tag. …
- Image Links. …
- JavaScript Links. …
- Rel Links. …
- Nofollow Links.
Creating Links in HTML
A link or hyperlink is a connection from one web resource to another. Links allow users to move seamlessly from one page to another, on any server anywhere in the world.
A link has two ends, called anchors. The link starts at the source anchor and points to the destination anchor, which may be any web resource, for example, an image, an audio or video clip, a PDF file, an HTML document or an element within the document itself, and so on.
However, you can overwrite this using CSS. Learn more about styling links.
Setting the Targets for Links
The target attribute tells the browser where to open the linked document. There are four defined targets, and each target name starts with an underscore(_) character:
_blank— Opens the linked document in a new window or tab._parent— the linked document in the parent window._self—First Opens the linked document in the same window or tab as the source document. This is the default, hence it is not necessary to explicitly specify this value._top— opens the linked document in the full browser window.
Creating Download Links
You can also create the file download link in exactly the same fashion as placing text links. Just point the destination URL to the file you want to be available for download.
In the following example we’ve created the download links for ZIP, PDF and JPG files.