What is HTML Hyperlink?
HTML Hyperlink, जिसे अक्सर Link के रूप में जाना जाता है, एक Link करने योग्य Element है जो Users को किसी अन्य Web Page, उसी Page के भीतर एक Specific Section, File या External Resource पर Navigate करने की अनुमति देता है। Interconnected Web Page बनाने और Seamless Navigation को सक्षम करने में Hyperlink मौलिक हैं।
What is Anchor?
- <a> Tag Anchor को Define करता है।
- HTML Anchor Tag एक Hyperlink को Define करता है जो एक Page को दूसरे Page से Link करता है।
href Attribute of Anchor Tag
- “href” Attribute HTML Anchor Tag की सबसे Important Attribute है। और जो Destination Page या URL से Link करता है।
- Link की जाने वाली File के Address को Define करने के लिए href Attribute का उपयोग किया जाता है।
Syntax :- <a href=”……….”>Link Text</a>
Create Two HTML File
1. Anchor.html File
<!DOCTYPE html>
<html lang="en-US">
<head>
<title>Hyper Link</title>
<link rel="stylesheet" href="./style.css">
</head>
<body>
<h1>Example href Attribute</h1>
<a href="list.html">GO To List Page</a>
</body>
</html>
2. List.html File
<!DOCTYPE html>
<html lang="en">
<head>
<title>Description List or Definition List</title>
</head>
<body>
<h1>Description List or Definition List</h1>
<dl>
<dt>HTML:-</dt>
<dd>HTML stand for HyperText Markup Language.</dd>
<dt>CSS:-</dt>
<dd>CSS stand for Cascading Style Sheets.</dd>
</dl>
</body>
</html>
Target Attribute of Anchor Tag
- Default रूप से, Link किया गया Page Present Browser Window में Display होता है। इसे बदलने के लिए Target Attribute का उपयोग करते है।
- Target Attribute indicated करता है कि Link किए गए Document को कहाँ खोलना है।
- Target Attribute में निम्न में से कोई एक Value हो सकता है:
- _self – Default। Document को उसी Window/Tab में खोलता है जिस पर Click किया गया था।
- _blank – Document को एक New Window या Tab में खोलता है।
- _parent – Document को Parent Frame में खोलता है।
- _top – Document को पूरी Window में खोलता है।
<!DOCTYPE html>
<html lang="en-US">
<head>
<title>Hyper Link</title>
<link rel="stylesheet" href="./style.css">
</head>
<body>
<h1>Example Target Attribute</h1>
<a href="list.html" target="_self">GO To List Page</a>
</body>
</html>
Trending Today
Facebook
Pinterest
LinkedIn
WhatsApp
