HTML | Notion

<html>: Yeh tag HTML document ka root hota hai. Iske andar saara content hota hai.
- Example:
```
<html>
  <head>
    ...
  </head>
  <body>
    ...
  </body>
</html>
```
<head>: Yeh tag document ke baare mein information deta hai, jaise title, meta tags, aur links to CSS files. Ye visible nahi hota webpage par.
- Example:
```
<head>
  <title>Mera Pehla Webpage</title>
</head>
```
<body>: Yeh tag webpage ka main content hota hai. Jo kuch bhi aapko webpage par dikhana hai, wo <body> ke andar aata hai.
- Example:
```
<body>
  <h1>Welcome to My Website</h1>
  <p>Yahan aapko bahut saari information milegi.</p>
</body>
```
<h1>: Yeh tag ek heading ke liye use hota hai. <h1> sabse bada heading hota hai, aur <h6> tak chhota hota jaata hai.
- Example:
```
<h1>Main Heading</h1>
<h2>Sub Heading</h2>
```
<br>: Yeh tag ek line break deta hai. Agar aap ek nayi line mein text likhna chahte hain, to <br> use karen.
- Example:
```
<p>Pehla line.<br />Dusri line.</p>
```
<hr>: Yeh tag ek horizontal line draw karta hai. Isse content ko sections mein divide karne ke liye use kiya jaata hai.
- Example:
```
<p>Pehla section.</p>
<hr />
<p>Dusra section.</p>
```
<ul>: Yeh tag ek unordered list banata hai, jisme items bullet points ke saath aate hain.
- Example:
```
<ul>
  <li>Pehla item</li>
  <li>Dusra item</li>
</ul>
```
<ol>: Yeh tag ek ordered list banata hai, jisme items numbers ke saath aate hain.
- Example:
```
<ol>
  <li>Pehla item</li>
  <li>Dusra item</li>
</ol>
```
<li>: Yeh tag list items ke liye use hota hai, chahe wo <ul> ya <ol> ke andar ho.
- Example:
```
<ul>
  <li>Pehla item</li>
  <li>Dusra item</li>
</ul>
```
<b>: Yeh tag text ko bold banata hai. Lekin ye sirat styling ke liye hai, semantic meaning nahi deta.
- Example:
```
<p>Yeh <b>bold</b> text hai.</p>
```
<strong>: Yeh tag bhi text ko bold banata hai, lekin iska matlab hai ki ye text important hai. Search engines ise importance dete hain.
- Example:
```
<p>Yeh <strong>important</strong> text hai.</p>
```
<i>: Yeh tag text ko italic banata hai. Lekin ye sirf styling ke liye hai, semantic meaning nahi deta.
- Example:
```
<p>Yeh <i>italic</i> text hai.</p>
```
<em>: Yeh tag bhi text ko italic banata hai, lekin iska matlab hai ki ye text emphasized hai. Search engines ise importance dete hain.
- Example:
```
<p>Yeh <em>emphasized</em> text hai.</p>
```
<hr> Tag: Yeh ek horizontal line banata hai, jisse content ko visually separate karne mein madad milti hai.
- Example:
```
<p>Yeh upar ka content hai.</p><hr><p>Yeh neeche ka content hai.</p>
```
  - Output: Ek horizontal line upar aur neeche ke content ko separate karegi.
<table> Tag: Table banane ke liye use hota hai. Rows aur columns mein data organize karta hai.
- Example:
```
<table border="1">
  <tr>
    <th>Name</th>
    <th>Age</th>
  </tr>
  <tr>
    <td>Rahul</td>
    <td>25</td>
  </tr>
</table>
```
  - Output: Ek table banega jisme "Name" aur "Age" ke columns honge.
<tr>, <th>, <td> Tags:
<img> Tag:
<a> Tag: Hyperlink banane ke liye use hota hai. Click karne par user ko dusre page ya URL par le jmata hai.
<button> Tag: Ek clickable button banata hai. Isse user interaction ke liye use kiya jata hai.
<form> Tag: User input collect karne ke liye form banata hai. Isme input fields, buttons, etc. hote hain.