दोस्तों पिछले आर्टिकल मे हमने HTML (एचटीएमएल) के syntax के बारे मे पढा था इस ब्लॉग मे हम HTML के बेसिक tag कोनसे है? और HTML मे इस्तेमाल होनेवाले हेडिंग tag कोनसे से है? इनके बारे मे पढनेवाले है| जैसे कि आपने syntax देखा होगा हमे उस syntax से हि जाना है|
HTML आप कोई भी प्रोग्राम करे आपको syntax पता होना चाहिये और आपको syntax के साथ हि जाना है नही तो आपका HTML कोड इरोर देगा| HTML syntax मे जो tag इस्तेमाल किये जाते है वो है Head tag, Title tag, Body tag, etc. आज हम इन्ही के बारे मे पढने वाले है|
Heading tag :-
दोस्तो हमारे वेबपेज से संबंधित जो भी जानकारी हम सेव्ह
करना चाहते है वो सब हमे इस tag मे लिखना पडता है| जैसे की, (वेबपेज) Webpage
का टायटल कैसे लिखते है? तो उसको हेड tag के अंदर लिखा जाता है| अगर आप हेड
tag को नही लिखोगे तो शायद आपको प्रोब्लेम फेस करनी पड सकती है|
आपने इन आर्टिकलस को पढा
tag कैसे लिखते है? तो कोई भी tag आप लिखोगे तो जो पहला tag लिखते है वो Less than कि साईन के सुरु होता और Greater than साईन के साथ खतम और उनके बीच मे हमे tag का नाम लिखना होता है जैसे <Head> ये ओपनिंग tag कहलाता है| tag कैसे पहचाने? कोनसा ओपनिंग tag है और कोनसा closing tag है?
Use of Tag |
Opning tag |
Closing tag |
Starting Tag |
<html> |
</html> |
हेडिंग देने
के लिए |
<head> |
</head> |
वेबपेज को
टायटल देने के लिए |
<Title> |
</Title> |
वेबपेज मे हमे
जो भी दिखाना है वो सब लिखने के लिए |
<body> |
</body> |
वेबपेज मे use
होनेवाले टेक्स्ट को decorate करणे के लिए |
<font> |
</font> |
पराग्राफ देने
के लिए |
<p> |
<p> |
लाईन ब्रेक
करणे के लिए |
<br> |
- |
लिस्ट बनाने
के लिए |
<li> |
</li> |
वेबपेज के
अंदर इमेज डालने के लिए |
<img src> |
|
वेबपेज के
अंदर हायपर लिंक देने के लिए |
<a href> |
</a> |
टेक्स्ट को
बोल्ड करणे के लिए |
<b> |
</b> |
टेक्स्ट को इटालिक
करणे के लिए |
<I> |
</I> |
टेक्स्ट को अंडरलाईन
करणे के लिए |
<U> |
</U> |
टेक्स्ट को सबस्क्रिप्ट
effect लगाने के लिए |
<sub> |
</sub> |
टेक्स्ट को सुपरस्क्रिप्ट
effect लगाने के लिए |
<sup> |
</sup> |
Title tag :-
Webpage को टायटल कैसे देते है? अगर आप के मन ये
सवाल आता है तो उसका जवाब है टायटल tag जी हा दोस्तो हमारे वेबपेज को टायटल देने
के लिये हि इस tag का इस्तेमाल किया जाता है| Title tag मे हम पिक्चर्स,
व्हिडीओ, images लगा सकते है? दोस्तो टायटल tag मे हम ये सब नही लगा सकते
सिर्फ टेक्स्ट और नंबर्स लिख सकते है|
Body tag :-
Body tag मे क्या लगाये? body tag का इस्तेमाल कैसे
करे? दोस्तो आप इंटरनेट पर बहुत सारी वेबसाईट देखते होंगे जिनके अंदर जो भी
व्हिडीओ, images और पिक्चर्स लगाये होते है, तो वो सारे body tag मे ही लगाते है|
हमारे वेबपेज और वेबसाईट मे हमे जो भी दिखाना है वो उन सबका कोड इस tag मे लिखा
जाता है|
Heading tag :-
heading tag कैसे इस्तेमाल करते है और कीस तरह इस्तेमाल
करते है? दोस्तो हम जो भी जानकारी लिखते है वो सब हम body tag मे लिखते है
उसमे हम टेक्स्ट भी लिखते है तो जाहीरसी बात है कि सारा टेक्स्ट हम एक जैसा तो नही
लिखेंगे उनमे हेडिंग और सबहेडिंग भी होंगी तो वो हेडिंगस और सब हेडिंगस को हम
Heading tag कि मदत से दिखा सकते है|
नीचे दिये गये कोड को कॉपी करके notpad पे पेस्ट करके देख
सकते है?
<head>
<Title>
This is the Title of the web page </title>
</head>
<body>
<h1>
This is the h1 heading tag </h1>
<h2>
This is the h2 heading tag </h2>
<h3>
This is the h3 heading tag</h3>
<h4>
This is the h4 heading tag</h4>
<h5>
This is the h5 heading tag</h5>
<h6>
This is the h6 heading tag </h6>
</body>
Web Page कैसे देखे? HTML फाईल का आउटपुट कैसे देखे?
दोस्तो आप अगर html कोड notpad फाईल मे लिख रहे हो तो उसे
browser मे कैसे देखे इसके लिए नीचे दिये गये स्टेप्स को पढे और समजे
1.
सबसे पहले आप आपकी फाईल आप जिस नाम से भी सेव्ह करेंगे तो
उसके आगे आपको डॉट html (.html) लिखना पडेगा उसके बाद फाईल सेव्ह कर दिजीये|
2.
फाईल सेव्ह करने के बाद जहा पे फाईल सेव्ह कि है उस फोल्डर
मे जाकर उस फाईल को सिलेक्ट करके आपको उसके उपर
राईट (Right) क्लिक करना है और कोई भी Browser को सिलेक्ट करके उसके उपर
लेफ्ट (Left) क्लिक करना है|
3.
अब आपके सामने आपकी कोड फाईल का आउटपुट दिखेगा
दोस्तो हमने इस आर्टिकल मे How
to html code? और html बेसिक को स्टेप बाय स्टेप समजाने कि कोशिश कि है और What is html and what is the use of heading tags? इस पोस्ट कि जानकारी आप अपने फ्रेंड्स को भी दे और अपने सोशल मिडिया ग्रुप मे
जरूर शेयर करे| जिससे ज्यादा लोगो के पास यह जानकारी पहुच सके| हमारी पोस्ट what is basic html tag in hindi? मे अगर कुछ भी प्रोब्लेम हो या
फिर गलती हो तो कृपया आप हमे comment करेके पुछ सकते है| हम जरूर उसका जवाब देंगे|
अगर आप Latest Update पाना चाहते है तो हमे follow करे और हमारी WebExcel की
वेबसाईट को सब्सक्राईब करे| दोस्तो हमारी पोस्ट पढने कि लिए धन्यवाद फिर मिलेंगे
नई पोस्ट के साथ तब तक के लिए अलविदा, आपका दिन शुभ हो|
2 टिप्पणियाँ
Click here for टिप्पणियाँExcellent....deep information
Replythanks
ReplyConversionConversion EmoticonEmoticon