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.

http://www.wikigreen.in/2015/08/html-basics-links-link-tags-and-link.html
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




15 टिप्पणियाँ

Please Donot spam

  1. This is a very useful blog and contains very knowledgeable articles

    जवाब देंहटाएं
  2. This is a very useful blog and contains very knowledgeable articles

    जवाब देंहटाएं
  3. If your website is down numerous times a week, then it's a crystal clear sign that you have to switch.


    My web page;

    जवाब देंहटाएं
  4. Spot on with this write-up, I really feel this amazing site needs a great deal more
    attention. I'll probably be returning to read through more, thanks for the advice!


    my web-site; joven skin care trial - mathmarkstrainones.com,

    जवाब देंहटाएं
  5. If some one wishes to be updated with newest technologies then he must be
    visit this web page and be up to date all the time.


    my webpage discounts india

    जवाब देंहटाएं
  6. you're actually a just right webmaster. The website loading velocity is amazing.
    It sort of feels that you are doing any unique trick. Moreover, The contents are masterpiece.

    you have done a excellent activity in this matter!

    My homepage: Get More

    जवाब देंहटाएं
और नया पुराने