एचटीएमएल मूल बातें

<घंटा/>

हाइपरटेक्स्ट उस तरीके को संदर्भित करता है जिसमें वेब पेज (एचटीएमएल दस्तावेज़) एक साथ जुड़े होते हैं। इस प्रकार, वेब पेज पर उपलब्ध लिंक को हाइपरटेक्स्ट कहा जाता है। जैसा कि इसके नाम से पता चलता है, HTML एक मार्कअप भाषा है जिसका अर्थ है कि आप HTML का उपयोग केवल टैग के साथ एक टेक्स्ट दस्तावेज़ को "मार्क-अप" करने के लिए करते हैं जो वेब ब्राउज़र को यह बताता है कि इसे प्रदर्शित करने के लिए इसे कैसे संरचित किया जाए। यह हाइपरटेक्स्ट मार्कअप लैंग्वेज के लिए है, और यह वेब पेज लिखने के लिए सबसे व्यापक रूप से इस्तेमाल की जाने वाली भाषा है।

HTML5, HTML 4.01, XHTML 1.0, और XHTML 1.1 की जगह लेने वाले HTML मानक का अगला प्रमुख संशोधन है। HTML5 वर्ल्ड वाइड वेब पर सामग्री की संरचना और प्रस्तुति के लिए एक मानक है। नए मानक में वीडियो प्लेबैक और ड्रैग-एंड-ड्रॉप जैसी सुविधाएं शामिल हैं जो पहले Adobe Flash, Microsoft Silverlight और Google Gears जैसे तृतीय-पक्ष ब्राउज़र प्लग-इन पर निर्भर थीं।

HTML doctype

जब भी आप एक HTML दस्तावेज़ बनाते हैं, तो दस्तावेज़ में सबसे पहले doctype रखा जाता है। यह वेब ब्राउज़र को HTML के संस्करण के बारे में बताता है, इस पृष्ठ पर लिखा है। यह केस-संवेदी नहीं है।

HTML5 सिद्धांत

एचटीएमएल कैरेक्टर एन्कोडिंग

HTML में वर्णसेट विशेषता का उपयोग वर्ण एन्कोडिंग निर्दिष्ट करने के लिए <मेटा> के साथ किया जाता है।

निम्नलिखित वाक्य रचना है -

ऊपर, char_set एक HTML दस्तावेज़ के वर्ण एन्कोडिंग को निर्दिष्ट करने के लिए सेट किया गया वर्ण है।

आइए अब वर्ण एन्कोडिंग निर्दिष्ट करने के लिए एक उदाहरण देखें -

उदाहरण

उदाहरण

हमने डेमो टेक्स्ट जोड़ा है:

यहाँ, हम डेमो सामग्री का उल्लेख कर रहे हैं। यह सिर्फ HTML दस्तावेज़ में चारसेट का एक उदाहरण प्रदर्शित करने के लिए है। </html></पूर्व> <h2>आउटपुट</h2> <p>
 <img loading='lazy' alt='एचटीएमएल मूल बातें ' src="/article/uploadfiles/202203/2022033116062708.jpg" /></P> <h2>HTML शीर्षक</h2> <p>
 कोई भी दस्तावेज़ एक शीर्षक से शुरू होता है। आप अपने शीर्षकों के लिए विभिन्न आकारों का उपयोग कर सकते हैं। HTML में शीर्षकों के छह स्तर भी होते हैं, जो <h1>, <h2>, <h3>, <h4>, <h5>, और <h6> तत्वों का उपयोग करते हैं। किसी भी शीर्षक को प्रदर्शित करते समय, ब्राउज़र उस शीर्षक से पहले एक पंक्ति और उसके बाद एक पंक्ति जोड़ता है।</P> <h2>HTML तत्व</h2> <p>
 एक HTML तत्व एक प्रारंभिक टैग द्वारा परिभाषित किया गया है। यदि तत्व में अन्य सामग्री है, तो यह एक क्लोजिंग टैग के साथ समाप्त होता है, जहां तत्व का नाम फॉरवर्ड स्लैश से पहले होता है</P> <h2>एचटीएमएल विशेषताएं</h2> <p>
 HTML तत्व की विशेषताओं को परिभाषित करने के लिए एक विशेषता का उपयोग किया जाता है और इसे तत्व के उद्घाटन टैग के अंदर रखा जाता है। सभी विशेषताएँ दो भागों से बनी होती हैं - एक नाम और एक मान। उदाहरण के लिए -</P> <pre> <कैनवास आईडी ="नया कैनवास" चौड़ाई ="400" ऊंचाई ="300"></पूर्व> <p>
 अन्य उदाहरणों में शामिल हैं -</P> <pre><img loading='lazy' alt='एचटीएमएल मूल बातें ' alt ="वैकल्पिक टेक्स्ट"></पूर्व> <p>
 HTML5 मानक के अनुसार, किसी विशेषता के चारों ओर उद्धरण शामिल करना अनिवार्य नहीं है, लेकिन उद्धरण शामिल करना हमेशा एक अच्छा अभ्यास है।</P> <h2>एचटीएमएल फ़ॉर्मेटिंग</h2> <p>
 फ़ॉर्मेटिंग का अर्थ है कि हम HTML में वेब पेज पर टेक्स्ट को कैसे फॉर्मेट कर सकते हैं। इसमें बोल्ड टेक्स्ट, इटैलिक टेक्स्ट, स्ट्राइक टेक्स्ट, टेक्स्ट को हाइलाइट करना आदि शामिल हैं। आइए एक उदाहरण देखें -</P> <h2>उदाहरण</h2> <pre><!DOCTYPE html><html><body><h2>HTML में टेक्स्ट को फ़ॉर्मेट करने के लिए टैग</h2><strong>मजबूत टेक्स्ट</strong><br><b>बोल्ड टेक्स्ट</b><br><em>जोरदार टेक्स्ट</em><br><i>इटैलिक टेक्स्ट</i><br><mark>हाइलाइट किया गया टेक्स्ट</mark></body></html></pre> <h2>आउटपुट</h2> <p>
 <img loading='lazy' alt='एचटीएमएल मूल बातें ' src="/article/uploadfiles/202203/2022033116062890.jpg" /></P> <h2>HTML टिप्पणियाँ</h2> <p>
 HTML टिप्पणियाँ <!-- … --> टैग के बीच में रखी जाती हैं। इसलिए, <!-- … --> टैग के साथ रखी गई किसी भी सामग्री को एक टिप्पणी के रूप में माना जाएगा और ब्राउज़र द्वारा पूरी तरह से अनदेखा कर दिया जाएगा।</P> <br>
            </article>


            <div class="ad5">
		<script language='javascript' src='https://in.wsxdn.com/css/ad/hi2.js'></script>

            </div>

            
            <div id="turn-page" class="f-between">
                <div class="page up f-align">
                    <i class="prev"></i>
                   <a class='LinkPrevArticle' href='https://in.wsxdn.com/zx054r/zw551r/1005064268.html' >HTML <इनपुट> जाँच की गई विशेषता </a>      
                    <span></span>
                </div>
                <div class="page down f-align">
                    <a class='LinkNextArticle' href='https://in.wsxdn.com/zx054r/zw551r/1005064270.html'  >HTML रंग शैलियाँ </a>      
                    <i class="next"></i>
                    <span></span>
                </div>
             </div>

        </div>

        <aside class="box-r">

            <section class="small-nav rList">
                <p class=h4s>
                    HTML
                </p>
                <ul class="f-between">
                      <li><a class='childclass' href='https://in.wsxdn.com/zx054r/us544m/' target="_self">सी प्रोग्रामिंग</a></li>
<li><a class='childclass' href='https://in.wsxdn.com/zx054r/lj545d/' target="_self">C++</a></li>
<li><a class='childclass' href='https://in.wsxdn.com/zx054r/kh546c/' target="_self">Redis</a></li>
<li><a class='childclass' href='https://in.wsxdn.com/zx054r/om547h/' target="_self">बाश प्रोग्रामिंग</a></li>
<li><a class='childclass' href='https://in.wsxdn.com/zx054r/ca548u/' target="_self">Python</a></li>
<li><a class='childclass' href='https://in.wsxdn.com/zx054r/nl549f/' target="_self">Java</a></li>
<li><a class='childclass' href='https://in.wsxdn.com/zx054r/sp550k/' target="_self">डेटाबेस</a></li>
<li><a class='childclass' href='https://in.wsxdn.com/zx054r/zw551r/' target="_self">HTML</a></li>
<li><a class='childclass' href='https://in.wsxdn.com/zx054r/ec552w/' target="_self">Javascript</a></li>
<li><a class='childclass' href='https://in.wsxdn.com/zx054r/lj553d/' target="_self">प्रोग्रामिंग</a></li>
<li><a class='childclass' href='https://in.wsxdn.com/zx054r/tr554l/' target="_self">CSS</a></li>
<li><a class='childclass' href='https://in.wsxdn.com/zx054r/hf555z/' target="_self">Ruby</a></li>
<li><a class='childclass' href='https://in.wsxdn.com/zx054r/fd556x/' target="_self">SQL</a></li>
<li><a class='childclass' href='https://in.wsxdn.com/zx054r/wu557p/' target="_self">IOS</a></li>
<li><a class='childclass' href='https://in.wsxdn.com/zx054r/bz558t/' target="_self">Android</a></li>
<li><a class='childclass' href='https://in.wsxdn.com/zx054r/pn559h/' target="_self">Mongodb</a></li>
<li><a class='childclass' href='https://in.wsxdn.com/zx054r/ay560s/' target="_self">MySql</a></li>
<li><a class='childclass' href='https://in.wsxdn.com/zx054r/fc561x/' target="_self">C#</a></li>
<li><a class='childclass' href='https://in.wsxdn.com/zx054r/cz565u/' target="_self">PHP</a></li>
<li><a class='childclass' href='https://in.wsxdn.com/zx054r/nl571f/' target="_self">SQL Server</a></li> 
 
                </ul>
                <strong class="f-center">
                    <img src="https://in.wsxdn.com/css/img/xiala.svg" alt="">
                </strong>
            </section>

          
            

            
            <aside class="rList">
                <p class=h4s>
                    HTML
                </p>
                <ul>
                                
			<li>
                        <a href="https://in.wsxdn.com/zx054r/zw551r/1005038914.html" class="t-over" title="HTML में टेक्स्ट को केंद्रित करना ">HTML में टेक्स्ट को केंद्रित करना </a>
                    </li>
<li>
                        <a href="https://in.wsxdn.com/zx054r/zw551r/1005038927.html" class="t-over" title="HTML इनपुट:चरण-दर-चरण मार्गदर्शिका ">HTML इनपुट:चरण-दर-चरण मार्गदर्शिका </a>
                    </li>
<li>
                        <a href="https://in.wsxdn.com/zx054r/ec552w/1005056155.html" class="t-over" title="HTML में टेक्स्ट को कैसे सेंटर करें? ">HTML में टेक्स्ट को कैसे सेंटर करें? </a>
                    </li>
<li>
                        <a href="https://in.wsxdn.com/zx054r/zw551r/1005063695.html" class="t-over" title="HTML में सीडीएटीए क्या है? ">HTML में सीडीएटीए क्या है? </a>
                    </li>
<li>
                        <a href="https://in.wsxdn.com/zx054r/zw551r/1005063723.html" class="t-over" title="HTML में टेक्स्ट को अंडरलाइन कैसे करें? ">HTML में टेक्स्ट को अंडरलाइन कैसे करें? </a>
                    </li>
<li>
                        <a href="https://in.wsxdn.com/zx054r/zw551r/1005063738.html" class="t-over" title="HTML में टेक्स्ट सुपरस्क्रिप्ट को कैसे मार्क करें? ">HTML में टेक्स्ट सुपरस्क्रिप्ट को कैसे मार्क करें? </a>
                    </li>
<li>
                        <a href="https://in.wsxdn.com/zx054r/zw551r/1005063739.html" class="t-over" title="HTML में सम्मिलित टेक्स्ट को कैसे चिह्नित करें? ">HTML में सम्मिलित टेक्स्ट को कैसे चिह्नित करें? </a>
                    </li>
<li>
                        <a href="https://in.wsxdn.com/zx054r/zw551r/1005063921.html" class="t-over" title="HTML में इटैलिक टेक्स्ट बनाएं ">HTML में इटैलिक टेक्स्ट बनाएं </a>
                    </li>
<li>
                        <a href="https://in.wsxdn.com/zx054r/zw551r/1005063946.html" class="t-over" title="HTML में सुपरस्क्रिप्टेड टेक्स्ट बनाएं ">HTML में सुपरस्क्रिप्टेड टेक्स्ट बनाएं </a>
                    </li>
<li>
                        <a href="https://in.wsxdn.com/zx054r/zw551r/1005063949.html" class="t-over" title="HTML में स्ट्राइकथ्रू टेक्स्ट प्रदर्शित करें ">HTML में स्ट्राइकथ्रू टेक्स्ट प्रदर्शित करें </a>
                    </li>
<li>
                        <a href="https://in.wsxdn.com/zx054r/zw551r/1005063950.html" class="t-over" title="HTML में सशक्त टेक्स्ट बनाएं ">HTML में सशक्त टेक्स्ट बनाएं </a>
                    </li>
<li>
                        <a href="https://in.wsxdn.com/zx054r/zw551r/1005063952.html" class="t-over" title="HTML में छोटा टेक्स्ट बनाएं ">HTML में छोटा टेक्स्ट बनाएं </a>
                    </li>
<li>
                        <a href="https://in.wsxdn.com/zx054r/zw551r/1005063963.html" class="t-over" title="HTML में सबस्क्रिप्टेड टेक्स्ट प्रदर्शित करें ">HTML में सबस्क्रिप्टेड टेक्स्ट प्रदर्शित करें </a>
                    </li>


                </ul>

            </aside>

           
            

        </aside>
    </div>
    
    <div class="container box4-2">
        
        <div class="lanmu-list f-between">

           
             <div class="lanmu">
                <ol>
                    <li>
                        
                        <div class="img-block">
                           
                            <span>
                                <a href="https://in.wsxdn.com/zx054r/zw551r/1005065050.html" class="r-over r-over-2" title="HTML कैनवास मूल बातें ">
                                   HTML कैनवास मूल बातें                                 </a>

                                <p>
                                   वेब पेज पर कैनवास बनाने के लिए, HTML5 कैनवास तत्व का उपयोग करें।  तत्व आपको जावास्क्रिप्ट का उपयोग करके ग्राफिक्स बनाने की अनुमति देता है। कैनवास के साथ, एक रेखा, आयत, बेज़ियर वक्र, आदि बनाएं।  प्रत्येक कैनवास में दो तत्व होते हैं जो कैनवास की ऊंचाई और चौड़ाई का वर्णन करते हैं अर्थात क्रमशः ऊंचाई और                                </p>
                            </span>
                        </div>
                    </li>
                </ol>

            </div>
 <div class="lanmu">
                <ol>
                    <li>
                        
                        <div class="img-block">
                           
                            <span>
                                <a href="https://in.wsxdn.com/zx054r/zw551r/1005065133.html" class="r-over r-over-2" title="HTML प्लेसहोल्डर विशेषता ">
                                   HTML प्लेसहोल्डर विशेषता                                 </a>

                                <p>
                                   HTML प्लेसहोल्डर विशेषता उस पाठ का प्रतिनिधित्व करती है जो इनपुट/पाठ क्षेत्र . में प्रदर्शित होता है उपयोगकर्ता द्वारा कुछ भी दर्ज करने से पहले तत्व। सिंटैक्स  निम्नलिखित वाक्य रचना है -      आइए हम HTML प्लेसहोल्डर विशेषता का एक उदाहरण देखें - उदाहरण  शरीर { रंग:#000; ऊंचाई:100 वीएच; पृष्ठभूमि-रंग:                                </p>
                            </span>
                        </div>
                    </li>
                </ol>

            </div>
 <div class="lanmu">
                <ol>
                    <li>
                        
                        <div class="img-block">
                           
                            <span>
                                <a href="https://in.wsxdn.com/zx054r/zw551r/1005065143.html" class="r-over r-over-2" title="HTML टेक्स्ट फ़ॉर्मेटिंग ">
                                   HTML टेक्स्ट फ़ॉर्मेटिंग                                 </a>

                                <p>
                                   HTML टेक्स्ट फ़ॉर्मेटिंग उन HTML तत्वों को संदर्भित करता है जो विशेष रूप से HTML दस्तावेज़ में सामग्री को स्वरूपित करने के लिए डिज़ाइन किए गए हैं। सिंटैक्स  निम्नलिखित वाक्य रचना है - <tagname>content</tagname>  HTML में टेक्स्ट फ़ॉर्मेटिंग टैग निम्नलिखित हैं: Sr.No. टैग और स्पष्टीकरण                                   </p>
                            </span>
                        </div>
                    </li>
                </ol>

            </div>

            
        </div>

    </div>


    <footer>

        <section class="container f-between f-align">
            <a href="https://in.wsxdn.com" class="logo">
                <img src="https://in.wsxdn.com/css/img/logo.svg" alt="कंप्यूटर">
            </a>
           <span class="f-end">
                © कॉपीराइट
                <a href="https://in.wsxdn.com">https://in.wsxdn.com</a>
                सर्वाधिकार सुरक्षित
            </span>

        </section>

    </footer>


</body>
</html>