HTML Basics- The Links, Link tags and Link attributes

HTML Basics- The Links, Link tags and Link attributes - Links, as the word itself explains is the most important part of the web world. The entire world wide web runs on links. To tie the pages with each other is possible with the help of links only. Images and text, both can be used as link. All the links open in the window currently open but by using the target attribute it can also be opened in a different window too. If the page is within a frame set, name of the frame window can also be used.

HTML Basics- The Links

HTML Tags used to define links

<A> - Opening or starting Tag.

</A> - Ending or closing Tag.

Types of Links in HTML

The absolute links 

The absolute links are the links pointing to a site other than the one which is currently open or a new site. These links contain the entire path of the location like “http://www.wikigreen.in”.

The relative link 

A link pointing to a location related to the page currently active is called the relative link.

The side route relative links

A link pointing to a page related to the website’s route directory is called the side route relative links and starts with a slash.

The Local Links

These are the links to pages of the website currently active and use the page name including sub-directory. It is local to the server currently in use.(<a href=”http:www.wikigreen.in”>Click here to go back to home page</a>) 

The internal links

The links leading from one page to another page within the same website. Both the pages are within the same website hence these are called the internal links.

Attributes used with the link tag

S.N.	Attribute	Value	Usage
1	href (Stands for hyper reference)	URL	This is the most important and most used attribute. It specifies the web page URL
2	target	_blank	Page will be loaded in a new window
		_parent	The page will load in a frame superior to the frame, the hyper link is in
		_self	Page will open in the current window.
		_top	Loads the page in full window, cancelling all frames.
3	charset	char_encoding	Used to specify the linked documents Character-set.( HTML5 doesn’t support)
4	name	section_name	Name of the anchor(HTML5 doesn’t support)
5	type	media_type	Linked document’s media type.
6	coords	coordinates	Coordinates of the link
7	download	filename	The target will be downloaded by clicking the hyperlink.
8	hreflang	language_code	Defines linked document’s language.
9	rel	help	Link to the help document
		author	Contact link of the document’s author.
		bookmark	URL for bookmark.
		alternate	Link to alternate version like print version, mirror or translated version of the document.
		nofollow	This is instruction to  Google search spider to not to follow the particular link.
		noreferrer	If the user follows the hyper link, the browser must not send http referrer header.
		next	Go to the next document.
		license	Link to the document’s copyright information
		Prev	Go to the previous document.
		Tag	A key word(The Tag) to the document.
		search	Document’s link to the search tool.
		prefetch	Catch the document.
10	shape (HTML5 doesn’t support)	circle	Circular region.
		rect	Rectangular region.
		poly	Polygonal region.
		default	Entire region.
11	rev	text	Defines relationship between the current document and  the linked document.(HTML5 doesn’t support)
12	media	media_query	Device or media for which the current document is optimized.

 

What are links in HTML, What is HTML explain, What is HTML and its tags, the attribute of a> tag that defines the document to which the link leads, anchor tag example, what is hyperlink in html, create hyperlink, what is hyperlink, hyperlink example, what is anchor tag, which attribute of the anchor tag takes the url of the linked file, What are hyperlinks explain different types of hyperlinks in HTML with example