HTML क्या है?
HTML, जिसका पूरा नाम HyperText Markup Language है, वेब डेवलपमेंट की नींव है। यह एक मार्कअप लैंग्वेज है जिसका उपयोग वेब पेज बनाने और उन्हें स्ट्रक्चर देने के लिए किया जाता है। HTML के बिना, इंटरनेट पर जो वेबसाइट्स हम देखते हैं, वे संभव नहीं होतीं। इस लेख में, हम HTML की मूल बातों को समझेंगे और जानेंगे कि यह कैसे काम करता है।
HTML का इतिहास
HTML को 1991 में टिम बर्नर्स-ली द्वारा विकसित किया गया था। यह वेब ब्राउज़रों को यह समझने में मदद करता है कि वेब पेज पर कंटेंट को कैसे प्रदर्शित किया जाए। समय के साथ, HTML में कई अपडेट हुए हैं, और अब हम HTML5 का उपयोग कर रहे हैं, जो वेब डेवलपमेंट के लिए सबसे एडवांस्ड वर्जन है।
HTML का बेसिक स्ट्रक्चर
HTML डॉक्यूमेंट को टैग्स के साथ बनाया जाता है। ये टैग्स वेब पेज के कंटेंट को स्ट्रक्चर देते हैं। एक बेसिक HTML डॉक्यूमेंट का स्ट्रक्चर कुछ इस प्रकार होता है:
```html
<!DOCTYPE html>
<html>
<head>
<title>My first web page</title>
</head>
<body>
<h1>Hello World</h1>
<p>this is my first html page</p>
</body>
</html>
```
- `<!DOCTYPE html>`: यह बताता है कि डॉक्यूमेंट HTML5 का उपयोग कर रहा है।
- `<html>`: यह टैग HTML डॉक्यूमेंट की शुरुआत को दर्शाता है।
- `<head>`: इसमें मेटाडेटा होता है, जैसे पेज का टाइटल, स्टाइलशीट लिंक, आदि।
- `<title>`: यह वेब पेज का टाइटल होता है, जो ब्राउज़र के टैब पर दिखाई देता है।
- `<body>`: इसमें वेब पेज का मुख्य कंटेंट होता है, जैसे टेक्स्ट, इमेज, लिंक, आदि।
HTML टैग्स के प्रकार
HTML में कई प्रकार के टैग्स होते हैं, जो अलग-अलग उद्देश्यों के लिए उपयोग किए जाते हैं। कुछ महत्वपूर्ण टैग्स निम्नलिखित हैं:
1. हेडिंग टैग्स (`<h1>` से `<h6>` तक) : ये टैग्स वेब पेज पर हेडिंग्स को दर्शाते हैं। `<h1>` सबसे बड़ा हेडिंग है और `<h6>` सबसे छोटा।
2. पैराग्राफ टैग (`<p>`) : यह टैग टेक्स्ट के पैराग्राफ को दर्शाता है।
3. लिंक टैग (`<a>`) : इस टैग का उपयोग हाइपरलिंक बनाने के लिए किया जाता है।
उदाहरण:
```html
<a href="https://www.example.com">यहां क्लिक करें</a>
```
4. इमेज टैग (`<img>`) : इस टैग का उपयोग इमेज को वेब पेज पर डिस्प्ले करने के लिए किया जाता है। उदाहरण:
```html
<img src="image.jpg" alt="विवरण">
```
5. लिस्ट टैग्स (`<ul>`, `<ol>`, `<li>`) : ये टैग्स अनऑर्डर्ड लिस्ट और ऑर्डर्ड लिस्ट बनाने के लिए उपयोग किए जाते हैं।
HTML का महत्व
HTML वेब डेवलपमेंट का आधार है। यह वेब पेज को स्ट्रक्चर देता है और अन्य टेक्नोलॉजीज जैसे CSS और JavaScript के साथ मिलकर इंटरएक्टिव वेबसाइट्स बनाने में मदद करता है। HTML सीखना वेब डेवलपमेंट में पहला कदम है, और यह बहुत ही सरल और समझने में आसान है।
निष्कर्ष
HTML एक शक्तिशाली टूल है जो वेब डेवलपर्स को वेब पेज बनाने और उन्हें स्ट्रक्चर देने में मदद करता है। यदि आप वेब डेवलपमेंट में रुचि रखते हैं, तो HTML सीखना आपके लिए बहुत जरूरी है। इस लेख में हमने HTML की मूल बातों को समझा, और उम्मीद है कि यह आपके लिए उपयोगी रहा होगा।


Comments
Post a Comment