इस HTML Basic चैप्टर में हम बेसिक्स एग्जांपल्स को देखेंगे जैसे की HTML Documents क्या है, HTML डिक्लेरेशन क्या होता है, HTML हेडिंग, पैराग्राफ, लिंक, इमेजइस तरह की चीज को देखेंगे।
HTML Documents
- सभी HTML document की शुरुआत <!DOCTYPE html> होने चाहिए।
- HTML document हमेशा <html> से शुरू होता है और </html> पर समाप्त होता है।
- HTML डॉक्यूमेंट में जो भी हमें दिखाई देता है किसी ब्राउजर की सहायता से वह <body> और </body> के बीच में होता है।
- HTML डॉक्यूमेंट में जो हमें दिखाई नहीं देता है लेकिन HTML डॉक्यूमेंट में उसका होना जरूरी होता है वह <head> और </head> के बीच में होता है। जैसे की title, meta data, stylesheet की link इत्यादि।
The <!DOCTYPE> Declaration
जैसा कि हमने देखा है सभी HTML document की शुरुआत <!DOCTYPE> से होनी चाहिए, जिसमें लिखा होता है की यह डॉक्यूमेंट किस टाइप का है, यानी कि यह डॉक्यूमेंट एक html टाइप का है, जिससे ब्राउज़र को मदद मिलती है, पेज को ठीक प्रकार से display करने में।
यह केवल एक बार ही लिखा जाता है, पेज के सबसे ऊपरी हिस्से में किसी भी HTML टैग शुरू होने से पहले यानी की लाइन नंबर एक पर।
HTML Headings
HTML headings को <h1> से <h6> टैग के साथ परिभाषित किया जाता है।
<h1> का इस्तेमाल सबसे महत्वपूर्ण heading को परिभाषित करने के लिए किया जाता है।
<h2> का इस्तेमाल <h1> के कम महत्वपूर्ण heading को परिभाषित करने के लिए किया
जाता है।
उसी प्रकार <h6> का इस्तेमाल सबसे कम महत्वपूर्ण heading को परिभाषित करने के लिए किया
जाता है।
<h1>This is heading 1</h1>
<h2>This is heading 2</h2>
<h3>This is heading 3</h3>
<h4>This is heading 4</h4>
<h5>This is heading 5</h5>
<h6>This is heading 6</h6>
HTML Links
HTML लिंक को <a> टैग से परिभाषित किया जाता है।
<a href="https://www.hindicode.in">This is a link</a><a href="https://www.hindicode.in/html">This is a second link</a>
Link का destination यानी की लिंक कहां खुलेगी उसको href attribute में रखा जाता है।
<a href="http://" target="_blank" rel="noopener noreferrer" title=""></a> में href, target, rel, title इत्यादि attributes है।
हम HTML Attributesचैप्टर में attributes के बारे में विस्तार से जानेंगे।
HTML Images
HTML images को <img> टैग से परिभाषित किया जाता है। जैसे <img src="image1.jpg">
<img src="" alt="" width="" height=""> में src, alt, width, height attributes है। जिसे हम HTML Attributes चैप्टर में विस्तार से जानेंगे।
How to View HTML Source
किसी भी HTML Source को देखने के दो तरीके हैं
पहला शॉर्टकट, CTRL + U जैसे आप क्लिक करेंगे एक नया tab खुल जाएगा और उसमें HTML पेज के सोर्स कोड दिखाई देने लेंगे।
दूसरा उस पेज के किसी भी खाली स्थान पर राइट क्लिक करें और उसमें inspect ऑप्शन पर क्लिक करें, इस तरह से आप उस पेज को इंस्पेक्टर कर पाएंगे और उस पेज के HTML और CSS को भी देख सकते है।