HTML Basics- The Links, Link tags and Link attributes

conanclose 5:14 AM HTML Basics, HTML Editing, HTML Learning

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 frameset, name of the frame window can also be used.

HTML Basics- The Links

HTML Tags used to define links

- Opening or starting Tag.

- 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.(Click here to go back to home page)

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.