 |
| HTML and CSS tutorial for beginners in Hindi |
हेलो फ्रेंड्स, KTL के HTML and CSS tutorial में फिर स्वागत है। आज हम लेसन ४ सीखनेवाले हैं।
पिछले लेसन में हमने paragraph tag और break tag के बारे में सीखा है। आज हम header tags सीखेंगे।
HTML Header tag
किसी भी document को एक heading होता है। Newspaper में news को heading होते हैं। किताबों में हर एक लेसन को या चैप्टर को एक heading होता है। Heading बड़े अक्षरों में लिखते हैं। ऐसेही वेब पेज को heading होता है। यह लिखने के लिए header tag use करते हैं।Header tags
तो आइये शुरू करते हैं। एक नयी Notepad फाइल ओपन कीजिये। इस फाइल में लेसन-०३ का सारा कोड कॉपी कीजिए।Body tag के नीचे heading लिखने के लिए एक tag दीजिये। Header tag ऐसा होता है - <h1>। इस के नीचेअब हमारा heading लिखिए - Earth - My Planet. अब header tag को close कीजिये </h1>। इसके बाद हमारा पहला paragraph शुरू होगा।
 |
| आकृति ४-१. HTML header tag - <h1> |
Source कोड की PDF फाइल देखने के लिए आकृति ४-१. पर क्लिक कीजिये। इस फाइल को "Lesson-04" के नाम से save कीजिये। इसी फाइल को "Lesson-04.html" के नाम से भी save कीजिये। Windows explorer में जाकर HTML Document पर डबल क्लिक कीजिये। वेब ब्राउज़र में आउटपुट देखिये।
 |
| आकृति ४-२. Web page with heading |
वेब पेज में हमारा heading आया है।
ध्यान दे की heading के पहले एक लाइन इन्सर्ट की गयी है और heading के बाद एक लाइन इन्सर्ट की गयी है।
आपको heading बहुत बड़ा लगता है? हम अलग अलग ६ sizes में headings दे सकते हैं। इसके लिए <h1>, <h2>, <h3>, <h4>, <h5>, <h6> tags होते हैं।
फिर एक बार हमारे Notepad फाइल में चलते हैं। इस फाइल में दूसरे </p> के नीचे ये headers लिखते हैं। इस फाइल को फिर से "Lesson-04" और "Lesson-04.html" के नाम से save करते हैं। Source कोड की PDF फाइल देखने के लिए आकृति ४-३. पर क्लिक कीजिये।
 |
| आकृति ४-३. HTML header tags - <h1>...<h6> |
Windows explorer में जाकर HTML document पर डबल क्लिक करते हैं। अब इसका आउटपुट देखिये। छे अलग अलग साइज के हेडिंग्स आये हैं।
 |
| आकृति ४-४. Heading in 6 sizes |
अब एक महत्वपूर्ण बात: हम ने headings के लिए स्टेटमेंट्स कैसे लिखे हैं?
<h1>Earth - My planet</h1>
तीन स्टेटमेंट्स को एक ही लाइन में लिखा है। यह भी सही तरीका है। वेब ब्राउज़र read कैसे करेगा? पहले header tag, बाद में हमारा heading, और उसके बाद header को क्लोज किया है। हम एक के नीचे एक इस लिए लिखते हैं की हमें पढ़ने के लिए आसान हो और clarity आ जाए।
इसी प्रकार हम एक के बाद एक तीन ब्रेक tags लिख सकते हैं
<br /><br /><br />।
हम title लिख सकते हैं
<title>My HTML</title>।
Important Points:
१. <h1> का use एक वेब पेज में heading देने के लिए होता है।२. Heading छे अलग अलग साइज में दे सकते हैं। इस के लिए <h1>, <h2>, <h3>, <h4>, <h5>, <h6> tags होते हैं।
३. Heading के पहले एक लाइन insert की जाती है और heading के बाद में एक लाइन insert की जाती है।
लेसन ३ लेसन ५
