← All Lessons
LESSON 06

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.