नमस्कार दोस्तों! इस लेख में How to create hyperlink in HTML with example के बारे में जानेंगे।
How to create hyperlink in HTML in hindi
इसके लिए <a> tag का use करते है और इसके साथ में href attribute का use कर रहे होते है।
<a href="URL">Link Text</a>ऊपर दिए code में URL के जगह पर उस लिंक को डालते है जिसको आप लिंक कराना चाहते है। और Link Text के जगह पर उस text को लिखते है जिस text के ऊपर आप लिंक करना चाह रहे है।
आइये इसको example के द्वारा समझने का प्रयास करते है।
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Hyperlink Example</title>
</head>
<body>
<h1>Welcome to My Website</h1>
<p>Click the link below to visit our website:</p>
<a href="https://technalay.in/">Technalay</a>
</body>
</html>External Website को कैसे link करें ?
<a href="https://technalay.in/">Technalay</a><!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Hyperlink Example</title>
</head>
<body>
<h1>Welcome to My Website</h1>
<p>Click the link below to visit our website:</p>
<a href="https://technalay.in/">Technalay</a>
</body>
</html>Same website के किसी page को दूसरे page में कैसे लिंक करे ?
<a href="/about.html">About Us</a>Email id को कैसे लिंक करे ?
<a href="mailto:example@example.com">Send an Email</a>New tab में open करने के लिए कैसे लिंक करे?
<a href="https://www.example.com" target="_blank">Visit Example</a>How to create hyperlink in HTML with example
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Comprehensive Hyperlink Example</title>
</head>
<body>
<h1>Hyperlink Examples</h1>
<!-- External link -->
<p>Visit an external website:</p>
<a href="https://technalay.in/" target="_blank">Technalay</a>
<!-- Internal link -->
<p>Navigate to another page on the same site:</p>
<a href="/about.html">About Us</a>
<!-- Anchor link within the same page -->
<p>Jump to a section within the same page:</p>
<a href="#section1">Go to Section 1</a>
<!-- Email link -->
<p>Send an email:</p>
<a href="mailto:example@example.com">Contact Us</a>
<!-- Section to jump to -->
<h2 id="section1">Section 1</h2>
<p>This is Section 1 of the page.</p>
</body>
</html>इसे भी पढ़े: