Skip to main content

HTML Chapter 2: HTML Elements aur Attributes Kya Hain? - Piyush Yadav LPM

Piyush Yadav

HTML Chapter 2: HTML Elements aur Attributes Kya Hain?

​Hello dosto! Pichle chapter mein humne HTML ka basic setup seekha tha. Aaj ke is blog mein hum HTML ki core building blocks yani Elements aur Attributes ke baare mein baat karenge. Agar aap ek pro developer banna chahte hain, toh inka concept clear hona bahut zaroori hai.

​1. HTML Elements: Web Page ki Jaan

​Ek HTML element ka matlab hota hai—Start Tag se lekar End Tag tak ka pura hissa.

​Structure kaisa hota hai?

<tagname> Aapka Content yahan aayega... </tagname>

​Example dekhiye:

  • ​<h1>Ye meri Heading hai</h1>
  • ​<p>Ye ek paragraph hai.</p>

​Khali Elements (Empty Elements):

Kuch tags aise hote hain jinhe band (close) karne ki zaroorat nahi hoti. Inmein koi content nahi hota, bas kaam hota hai.

  • ​<br> : Line break karne ke liye.
  • ​<img> : Photo dikhane ke liye.

​2. HTML Attributes: Tags ki Extra Details

​Attributes wo hote hain jo kisi element ko extra information dete hain. Sochiye ki tag ek 'Insaan' hai aur attribute uski 'Quality' (jaise height ya naam).

​Zaroori Baat:

  1. ​Attributes hamesha Start Tag ke andar likhe jate hain.
  2. ​Ye hamesha name="value" ki form mein hote hain.

​Popular Attributes ke Examples:

  • ​href Attribute: Ye <a> (link) tag ke liye hota hai. Ye batata hai ki click karne par kaunsa page khulega.
    • ​<a href="https://google.com">Google par jao</a>
  • ​src Attribute: Ye <img> tag mein image ka address (path) batane ke liye use hota hai.
    • ​<img src="myphoto.jpg">
  • ​style Attribute: Iska use rang, font, ya size badalne ke liye hota hai (CSS).
    • ​<p style="color:red;">Ye laal rang ka text hai.</p>

​3. Practice Code (Karke Dekhiye!)

​Apne notepad ya editor mein ye code copy karein aur .html extension se save karke browser mein chalaen:


<!DOCTYPE html>

<html>

<head>

    <title>Chapter 2 Learning</title>

</head>

<body>


    <h1 style="color:blue;">Welcome to My Blog</h1>

    

    <p>Aaj humne <b>Elements</b> aur <b>Attributes</b> ke baare mein seekha.</p>

    

    <a href="https://www.youtube.com">YouTube kholne ke liye click karein</a>


    <br> <p>Niche ek dummy image hai:</p>

    <img src="https://via.placeholder.com/100" alt="Sample Photo">

</body>

</html>

Comments

Post a Comment