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
This is a very useful blog and contains very knowledgeable articles
जवाब देंहटाएंIt is better to use your details to comment instead of anonymous
हटाएंThis is a very useful blog and contains very knowledgeable articles
जवाब देंहटाएंIt is better to use your details to comment instead of anonymous
हटाएंIt is better to use your details to comment instead of anonymous
हटाएंIf your website is down numerous times a week, then it's a crystal clear sign that you have to switch.
जवाब देंहटाएंMy web page;
It is better to use your details to comment instead of anonymous
हटाएं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,
It is better to use your details to comment instead of anonymous
हटाएं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
It is better to use your details to comment instead of anonymous
हटाएं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
It is better to use your details to comment instead of anonymous
हटाएंGood job bro.
जवाब देंहटाएंKahakashan didi thank you very much for the nice comment
हटाएं