HTML Anchor Tag in Hindi
html में anchor tag के जरिए hyperlinks बनायी जा सकती है | anchor tag के जरिए एक webpage में दुसरे webpage की linking की जाती है या फिर एक ही webpage में कोई एक DOM Element को दुसरे DOM Element से link की जाती है |
इसके साथ साथ anchor tag के जरिये दुसरे website से भी linking कर सकतें हैं, कोई file को भी link कर सकतें हैं |
इस tag को <a> से लिखी जाती है और ये एक closing tag है |
Syntax:
<a href="link">link name</a>
anchor tag के attributes क्या हैं?
- href – href anchor tag की mandatory attribute है | इस attribute में जिस page से link करना है उसकी url को दी जाती है | इस attribute का fullform hyperlink reference है |
- target – target attribute बताता है की linked page नए tab में खुलेगा या फिर same tab में खुलेगा |
target attribute
target attribute के जरिए ये दर्शातें हैं की link कोनसी tab में खुलेगी | इसकी values हैं:
- _blank -> इस value से linked page नए tab में खुलता है |
- _self -> इस value से linked page same tab में खुलता है जिस page में इसे link कीया गया होता है | और ये target attribute की default value है |
- _parent -> इस value से linked page parent page की tab में खुलता है |
- _top -> इसके जरिये link पूरी window में खुलता है |
- framename ->किसी iframe के अंदर link को खोलने के लिए इस value को लिया जाता है |
उदाहरण
<!DOCTYPE html>
<html lang="en">
<head>
<title>Anchor Tag Example</title>
</head>
<body>
<h2>Please click here to visit <a href="https://www.google.com/" target="_blank">Google</a> Page.</h2>
</body>
</html>
output
***नॉटपॉइंट
- anchor tag से बनी link, by default blue color में और underline के साथ दिखाई देती है |
- जब हम उस link पे click कर लेते हैं तब उस link का color purple हो जाता है |
- जब वो link active होके रहता है तब उसका color red हो जाता है |
Image Tag में Link कैसे लगायें
link हम किसी text को भी बना सकतें हैं या फिर किसी image को भी link बना सकतें हैं |
किसी image को link देने के लिए उस image को <a> के अन्दर रखना होगा |
उदाहरण
<!DOCTYPE html>
<html lang="en">
<head>
<title>Anchor Tag Example</title>
<style>
img{
width: 100px;
height: 100px;
border: 1px solid;
}
</style>
</head>
<body>
Please click on image<a href="https://www.google.com/" target="_blank"><img src="hh.png"></a>to visit Google Page.
</body>
</html>
output
anchor tag link types
anchor tag से कई तरह के लिंक बना सकतें हैं और वो निचे बताया गया है |
- internal link : Website में एक page को दुसरे page से link करने के लिए internal link बनायीं जाती है | इसके अलावा एक ही webpage में एक section से दुसरे section को भी link कर सकतें हैं |
- external link: एक website में दुसरे website को link करने के लिए external link बनायी जाती है | इसमें href में website की पूरी url देना जरुरी होता है |
- download link : किसी file को download के लिए देने के लिए इस link को बनाई जाती है |