Ticker

6/recent/ticker-posts

Advertisement

(Web Designing Series Part-3) HTML All Tags (HTML Tutorial online Series)

                                How Can Use HTML Tags


  • आज के इस क्लास में हम HTML के सभी tags के बारे में हम बारीकी से जानेगे इसके मुख्य tags के बेसिक के बारे में हमने पिछले क्लास में हमने जाना था आज हम इन सभी tags के बारे में बारी बारी से जानेगे और उन सभी का क्या इस्तेमाल होता है ये भी जानेगे तो चलिए सुरु करते है |





 doctype html -:

  •   doctype html  को हम किसी भी पेज को डिजाईन करने में सबसे पहले इस्तेमाल करते है हम इसे टेक्स्ट एडिटर में हम इसे  <!doctype html>  कुछ इस प्रकार सो करेगे इसका कोई closing tag नही होता 

HTML -: 

  •  यह एक सबसे मुख्या tag होता है साड़ी कोडिंग html tag के अन्दर की जाती है html tag को कुछ इस प्रकार सो करेगे<html > XYZ </html>  इस tag opening और closing tag होता है इसी tag के अन्दर बाकी सभी tags की कोडिंग होती है यह बाकी सभी tags के कंटेनर की तरह कार्य करता है जिसके अन्दर सभी tags रखे जाते है बिना closing tags के कोई भी tag कार्य नही करेगा इसलिए हमें opening और closing के बारे जरूर ध्यान देना होगा 

head tag  -: 

  •  यह भी एक कंटेनर tags होता है जिसके अन्दर कुछ tags रखे जाते है जैसे <title>, या css अप्लाई भी इसी tag के अन्दर की जाती है किसी भी डॉक्यूमेंट को title देने के लिए इसी tag के अन्दर कोडिंग की जाती है इस tag का भी opening और closing tag होता है जिसकी कोडिंग हम इस प्रकार करेगे                                                                        Example -:  <head> <title>   HTML CLASSES </title> </head>

body tag -: 

  •  यह एक सबसे मुख्या कंटेनर tag की तरह होता है इसका भी opening और closing tag होता है इसके अन्दर html tags की आधे tags की कोडिंग इसी के अन्दर होती है जैसे इमेज लगाना विडियो लगना किसी पैराग्राफ को लिखना पैराग्राफ की हैडिंग देना आदि बहुत सारे tags की कोडिंग बॉडी tag के अन्दर ही होती है                              Example -:<body> <h>xyz </h> <p>abcd </p>   </body>           इस tag का इस्तेमाल कुछ इस प्रकार होता है जैसा की example में दिया गया है 

Heading  tag -:                                                                                                                                                                         हैडिंग tag 6  प्रकार के होते इस tag का इस्तेमाल बॉडी tag के अन्दर किसी पैराग्राफ को हैडिंग देने के लिए किया जाता है ये छः प्रकार के होते है इन सभी का इस्तेमाल अलग अलग पैराग्राफ को हैडिंग देने के लिए होता है <h1>,<h2>,<h3>,<h4>,<h5>,<h6>,

<h1> हैडिंग का इस्तेमाल करने पर हैडिंग का आकार काफी बड़ा दिखाई देता है <h2> हेडिंग का आकार h1 से छोटा होता है <h3>हेडिंग का आकार उन दोनों हैडिंग से छोटा होता है इसी क्रम से छः हैडिंग तक आकार थोड़ा छोटा होता चला जाता है यह प्रक्रिया छः तक ही लागू होती है उसके बाद भी अगर हेअदिंद को आगे बढ़ाये तो उसके आकार में कोई परिवर्तन नही होगा उसका आकार छठवी हैडिंग के बराबर ही होगा हैडिंग का भी ओपेंग और closing tag होता है तो इसका जरूर ध्यान दे                                                                                                            Example-: <h1> what is computer </h1> <h2> what is html </h2>

paragraph tag -:

           इस tag का इस्तेमाल किसी पेज में कोई पैराग्राफ लिखने के लिए किया जाता है अगर आप अपनी वेबसाइट या अपने बारे में बताना चाहते है तब आपको पैराग्राफ tag की जरूरत पड़ेगी  इस tag का भी opening और closing tag होता चलिए इसे भी उदाहरण में देखते है इसे भी हम बॉडी tag के अन्दर ही लिखते है  

                                     Example -: <p> computer is a electronic device ... </p>


                         तो चलिए जिंतने tags के बारे में हमने पढ़ा उसे सबको एक साथ कोडिंग करते है 

<!doctype html>

         <html>                                                                                                                                                                         <head>   <title> HTML Classes </title>            </head>

    <body>

                        <h1>what is computer </h1>                                                                                                                                          <p> computer is a electronic device and its use........</p>

                        <h2> what is html  </h2>

                                  <p>html is a hyper text markup language....</p> 

</body>

            </html>

  • जैसा की आपने देखा ऐसी ही कोडिंग हमें टेक्स्ट एडिटर में करना है अगर आपको हमारी क्लासेज पसंद हो तो हमें फॉलो जरूर करे      



Post a Comment

0 Comments