Links & Buttons
Is lesson mein aap seekhenge ki HTML webpage mein links aur buttons kaise banaye jate hain aur unhe different pages se kaise connect kiya jata hai.
🔗 HTML Link Kya Hai?
Hindi
Link ka use user ko kisi doosre webpage, website ya kisi specific location par le jane ke liye kiya jata hai.
English
A link is used to take a user to another webpage, website or location.
🏷️ <a> Tag
Hindi
HTML mein link banane ke liye <a> tag use hota hai. Link ka address href attribute mein diya jata hai.
<a href="about.html">
About Us
</a>
English
The anchor element creates a link. The href attribute specifies where the link goes.
📄 Internal Link
Hindi
Jab hum apni website ke ek page ko doosre page se connect karte hain, use internal link kaha ja sakta hai.
<a href="contact.html">
Contact Us
</a>
English
An internal link connects one page of your website to another page on the same website.
🌐 External Link
Hindi
Agar link kisi doosri website par le jata hai, to usse external link kaha jata hai.
<a href="https://example.com">
Visit Website
</a>
English
An external link takes the user to another website.
🆕 Link Ko New Tab Mein Open Karna
Hindi
Agar aap chahte hain ki link click karne par website new browser tab mein open ho, to target="_blank" use kar sakte hain.
<a href="https://example.com"
target="_blank">
Visit Website
</a>
English
The target="_blank" attribute can open a link in a new browser tab.
🔘 HTML Button Kya Hai?
Hindi
Button ka use user se koi action karwane ke liye kiya jata hai, jaise Submit, Login, Search ya Buy.
English
Buttons are used for actions such as Submit, Login, Search or Buy.
🏷️ <button> Tag
Hindi
Simple HTML button banane ke liye <button> tag use kiya jata hai.
<button>
Click Me
</button>
English
The button element creates a clickable button.
🎨 Link Ko Button Jaisa Banana
Hindi
Kabhi-kabhi hum link ko CSS ki help se button jaisa design karte hain.
<a href="contact.html" class="button">
Contact Us
</a>
CSS se is link ko button jaisa look diya ja sakta hai.
English
A link can also be styled with CSS to look like a button.
👀 Simple Example
Hindi
Neeche ek simple link aur button ka example hai:
<a href="about.html">
About Us
</a>
<br><br>
<button>
Click Me
</button>
English
The first element is a link and the second element is a button.
💻 Complete Example
Hindi
Ek simple webpage mein links aur button ko is tarah use kar sakte hain:
<!DOCTYPE html>
<html>
<head>
<title>My Website</title>
</head>
<body>
<h1>Welcome</h1>
<p>
Welcome to my website.
</p>
<a href="about.html">
About Us
</a>
<br><br>
<a href="contact.html">
Contact Us
</a>
<br><br>
<button>
Click Me
</button>
</body>
</html>
English
This example shows a heading, paragraph, two links and a button on the same webpage.
💡 Important
<a> tag ka use navigation/link ke liye aur <button> tag ka use actions ke liye kiya jata hai. Website ke different pages ko links ke through connect kiya ja sakta hai.