What Is Hyperlink In Html

This type of hyperlink in the example above links to other sites. It’s an external link, used to connect two pages from two completely different websites. Note that you can have two index.html files in one project, as long as they’re in different filesystem locations. The target attribute specifies where to open the linked document. Accessible links ensure that all users, regardless of their abilities, can navigate and interact with your content. The text used for link anchors should be descriptive and convey the purpose of the link to users.
what is hyperlink in html
For instance, if you’re using some sort of JavaScript/jQuery and don’t want the actual HTML to link anywhere. When you’re building a web page, you may want to reference another web page or website. For example, you may be creating a blog and want to link to an article that you think is relevant. No matter how they appear, all hyperlinks perform the same basic function.


It can also describe simple links, which are unidirectional and therefore offer no more functionality than hyperlinks in HTML. An anchor hyperlink (anchor link) is a link bound to a portion of a document,[3] which is often called a fragment. The fragment is generally a portion of text or a heading, though not necessarily. For instance, it may also be a hot area in an image (image map in HTML), a designated, often irregular part of an image.

Normally, a link opens in the current frame or window, but sites that use frames and multiple windows for navigation can add a special “target” attribute to specify where the link loads. If no window exists with that name, what is hyperlink a new window is created with the ID, which can be used to refer to the window later in the browsing session. In a graphical user interface, the appearance of a mouse cursor may change into a hand motif to indicate a link.

Uses of Hyperlinks

This section gives you the information you need to achieve this. The 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. By default, the linked page will be displayed in the current browser window.

  • They point to the “About” page, the “Blog Posts” page, the “My projects” page, and the “Contact Me” page, respectively.
  • Use semantic HTML and provide alt text for images within links to make your content accessible to users with disabilities.
  • For example, the links at the beginning of this page are named anchors to the headings on this page.
  • The most commonly used of these are “subject”, “cc”, and “body” (which is not a true header field, but allows you to specify a short content message for the new email).
  • Hyperlinks, or links, are used to connect one web page to another and allow users to move between multiple web pages quickly.

A software system that is used for viewing and creating hypertext is a hypertext system, and to create a hyperlink is to hyperlink (or simply to link). A user following hyperlinks is said to navigate or browse the hypertext. Not only persons browsing the document may follow hyperlinks. These hyperlinks may also be followed automatically by programs. A program that traverses the hypertext, following each hyperlink and gathering all the retrieved documents is known as a Web spider or crawler.

Active learning: creating your own example link

Second, you should practise specifying the language of the document which the anchor is linked to using the hreflang attribute. In this article, we learned all about links and hyperlinks in HTML. Interactive elements, like links, placed in close visual proximity should have space separating them. Spacing helps people with motor control issues, who may otherwise accidentally activate the wrong interactive content. Interactive elements, like links, should provide an area large enough that it is easy to activate them.
what is hyperlink in html
Email links are convenient for enabling users to initiate email communication with a simple click. They are commonly used for contact information on websites. In this article, we will explore the fundamentals of links in HTML, including their types, attributes, and best practices. On a computer, when hovering your mouse pointer over a hyperlink, the cursor changes to a hand pointer. As shown in the animated picture, the cursor changes from an arrow to an I-beam over text, and then the hand pointer when over the blue Computer Hope hyperlink. For usability, many websites (including Computer Hope) change the color of visited (opened) hyperlinks to let the reader know what page they have visited.
what is hyperlink in html
Web pages are written in the hypertext mark-up language HTML. An inline link displays remote content without the need for embedding the content. The remote content may be accessed with or without the user following the link. Hyperlinks are really important — they are what makes the Web a web.

Note how you can quite happily have two index.html files in one project as long as they are in different locations in the filesystem. The second index.html would perhaps be the main landing page for project-related information. As mentioned before, you can turn just about any content into a link, even block level elements. If you had an image you wanted to turn into a link, you could just put the image between tags.