HTML kya hai?

HTML ka pura naam **HyperText Markup Language** hai. Yeh kisi bhi web page ka structure banane ke liye use hoti hai. Jaise ek insaan ki haddi (skeleton) hoti hai, waise hi HTML ek website ka structure banata hai.

HTML ko **Tim Berners-Lee** ne 1991 mein banaya tha.

Common HTML Tags

1. Heading Tags

HTML mein 6 levels ke heading tags hote hain, jo h1 se lekar h6 tak hain. Inka istemal web page par content ki hierarchy aur importance ko define karne ke liye hota hai.

H1 - Sabse Important Heading

Yeh web page ka main title hota hai. Har page par sirf ek hi H1 tag ka istemal karna chahiye.

Example Code:

<h1>Yeh Main Heading Hai</h1>

Live Example:

Yeh Main Heading Hai

H2 - Second-level Heading

Iska istemal

ke baad main sections ya sub-topics ko darshane ke liye kiya jata hai. Ek page mein kai H2 tags ho sakte hain.

Example Code:

<h2>Yeh Ek Sub-section Hai</h2>

Live Example:

Yeh Ek Sub-section Hai

H3 - Third-level Heading

Yeh

ke andar ke sub-sections ke liye use hota hai. Jaise, agar

"HTML Tags" hai, to uske andar "Heading Tags" ko H3 se define kiya ja sakta hai.

Example Code:

<h3>Chhote Sub-topics</h3>

Live Example:

Chhote Sub-topics

H4 - Fourth-level Heading

Jab aapko

ke andar aur bhi chhote sections banane ho, tab H4 ka istemal kiya jata hai.

Example Code:

<h4>Aur Chhoti Heading</h4>

Live Example:

Aur Chhoti Heading

H5 - Fifth-level Heading

Yeh aur bhi niche ke level ke sub-sections ke liye use hota hai.

Example Code:

<h5>Chhoti Se Chhoti Heading</h5>

Live Example:

Chhoti Se Chhoti Heading

H6 - Least Important Heading

Yeh sabse kam important aur sabse chhota heading hota hai.

Example Code:

<h6>Sabse Chhoti Heading</h6>

Live Example:

Sabse Chhoti Heading

2. Paragraph Tag (p)

Yeh tag paragraph banane ke liye use hota hai. Har paragraph ek nayi line se shuru hota hai.

Example:

<p>Yeh pehla paragraph hai.</p>
<p>Yeh dusra paragraph hai jisme kuch aur jankari hai.</p>
    

3. Horizontal Rule Tag (hr)

Yeh tag page par ek horizontal line (ek patli rekha) banane ke liye use hota hai, jo content ko alag karne ke kaam aati hai.

Example:

<p>Content ke upar ki line.</p>
<hr>
<p>Content ke niche ki line.</p>
    

4. Break Tag (br)

Yeh tag ek line break daalta hai, jisse content agali line mein chala jata hai. Yeh ek self-closing tag hai.

Example:

Line 1<br>
Line 2<br>
Line 3
    

5. List Tags (ul, ol, li)

Yeh tags lists banane ke liye use hote hain. `

` (unordered list) bullet points wali list banata hai, aur `
` (ordered list) numbers wali list banata hai. `
1. ` (list item) har item ko define karta hai.

   Example:

   
   <h4>Unordered List:</h4>
   <ul>
     <li>Item 1</li>
     <li>Item 2</li>
   </ul>
   
   <h4>Ordered List:</h4>
   <ol>
     <li>Pehla item</li>
     <li>Dusra item</li>
   </ol>
       

   6. Comment Tag (\!--/>)

   Yeh tag code mein comments likhne ke liye use hota hai. Comments browser par display nahi hote hain, balki yeh developers ko code ko samajhne mein help karte hain.

   Example:

   
   <!-- Yeh ek comment hai, jo browser par nahi dikhega -->
   <p>Yeh content hai.</p>
       

   7. Anchor Tag (a)

   Yeh tag links banane ke liye use hota hai. Isme `href` attribute se batate hain ki link kahan jayega.

   Example:

   
   <a href="https://www.google.com">Google par jayein</a>
       

   Iska live example aap page ke upar dekh sakte hain jahan links diye gaye hain.

   8. Image Tag (img)

   Yeh tag web page par image lagane ke liye use hota hai. Isme `src` attribute se image ki location aur `alt` attribute se image ka description dete hain.

   Example:

   
   <img src="path/to/image.jpg" alt="Image ka description">
       

   Iska live example aap home page par dekh sakte hain.

   Aur janne ke liye:

   
   
   

   upar jaein