Introduction:
Web development ke field me HTML (HyperText Markup Language) ek aise language hai jo har website ka foundation hota hai. Agar aap web development seekhna chahte ho, toh HTML ke concepts ko samajhna bahut zaroori hai. Is article me hum HTML ke baare me basic information denge aur kaise aap apne pehle web page ko create kar sakte ho, ye bhi dekhenge.
HTML Ki Importance:
HTML ek markup language hai, jiska kaam content ko structure dena hota hai. Websites pe jo text, images, links, aur buttons aap dekhte ho, un sab ko HTML ke through organize kiya jaata hai.
HTML Ka Structure:
HTML file ek plain text file hoti hai jisme elements likhe jaate hain. Har element ek tag ke andar hota hai. Sabse basic structure kuch is tarah hota hai:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>My First Web Page</title>
</head>
<body>
<h1>Welcome to My Website!</h1>
<p>This is my first HTML web page.</p>
</body>
</html>
<!DOCTYPE html>: Ye batata hai ki ye ek HTML5 document hai.
<html>: Ye tag pura HTML document ko wrap karta hai.
<head>: Page ke metadata ko store karta hai jaise title, character set, etc.
<body>: Web page ka main content, jo users ko dikhai deta hai.
Common HTML Tags:
1. <h1> to <h6> – Headings
<h1> sabse important heading hoti hai, jabki <h6> sabse chhoti.
2. <p> – Paragraph
Is tag ka use text paragraphs ko likhne ke liye hota hai.
3. <a> – Anchor (Links)
Hyperlinks banane ke liye use hota hai.
<a href="https://www.example.com">Visit Example</a>
4. <img> – Image
Websites me images show karne ke liye.
<img src="image.jpg" alt="Description of Image">
5. <ul>, <ol>, <li> – Lists
Unordered lists (<ul>) ya ordered lists (<ol>) banane ke liye.
<ul>
<li>Item 1</li>
<li>Item 2</li>
</ul>
---
HTML Comments:
HTML me comments likhna asaan hota hai. Ye code ko explain karne ke liye helpful hote hain, aur browser me ye dikhaayi nahi dete.
<!-- Ye ek comment hai -->
---
Conclusion:
HTML website development ka ek basic aur essential hissa hai. Aapko apni journey ka pehla step lene ke liye HTML ke concepts ko samajhna zaroori hai. Jaise-jaise aap aage badhenge, aap CSS (styling) aur JavaScript (interactivity) ko bhi seekhenge, jo aapke websites ko aur bhi powerful banayenge.
Comments
Post a Comment