Ticker

6/recent/ticker-posts

Header Ads Widget

HTML Basic Examples ,HTML के बेसिक्स उदाहरड़

Rahul Rai जुलाई 30, 2020




hindijanakari.in में आपका फिर से स्वागत है। जैसा की हमने लास्ट चैप्टर में देखा था की html फाइल बनाते कैसे है और हमने एक Hello Word example भी किया था।  अगर क्सिसि से ये चैप्टर मिस हो गया था तो यह देखे : -  


आज हम HTML के बेसिक कॉन्सेप्ट्स के बारे में जानेंगे। इस चैप्टर में मैं मुख्या रूप से  इन नीचे दिए हुए  चीज़ो के बारे बताूँगा। 


    <!DOCTYPE> डिक्लेरेशन

    • सभी HTML documents को एक documents प्रकार declaration के साथ शुरू करना चाहिए: 
               <! DOCTYPE html>

    • HTML document स्वयं <html> tag से शुरू होता है और </ html> tag से समाप्त होता है।
    • HTML documents का दिखने वाला भाग(जो वेब ब्राउज़र में दीखता है) <body> और </ body> के बीच है।
    • <! DOCTYPE> declaration दस्तावेज़ प्रकार को दर्शाती है, और ब्राउज़र को वेब पेजों को सही ढंग से प्रदर्शित करने में मदद करती है।
    • यह एक पेज पे केवल एक बार शीर्ष पर (किसी भी HTML टैग से पहले) दिखाई देना चाहि। 
    • HTML 5 में कुछ इस प्रकार डिक्लेअर करते है : <!DOCTYPE html>

       
<!DOCTYPE html>
<html>
    <head>
    <title>This is a title</title>
    </head>
  <body>
    <div>
        <p>Hello world!</p>
    </div>
  </body> 
</html>



    HTML Headings (हेडिंग्स)

    • HTML headings को <h1> से <h6> टैग के साथ define किया गया है।
    • <h1> सबसे महत्वपूर्ण heading को परिभाषित करता है। <h6> कम से कम heading शीर्षक को परिभाषित करता ह। 


       
<h1>This is heading 1</h1>
<h2>This is heading 2</h2>
<h3>This is heading 3</h3>

    HTML Paragraphs (पैराग्राफ्स)

    HTML पैराग्राफ को <p> टैग के साथ परिभाषित किया गया है



       
<p> यह एक पैराग्राफ है। </ p>
<p> यह एक और पैराग्राफ है। </ p>

    HTML Links (लिंक्स)


    HTML लिंक को <a> टैग से परिभाषित किया गया ह। 


       
<a href="https://www.hindimejanakari.in"> यह एक लिंक है </a>

    HTML Images (इमेजेज)


    source फ़ाइल (src), alternative text (alt) ,height (ऊँचाई), width (चौड़ाई) और ऊँचाई को विशेषता के रूप में प्रदान किया गया है


       
<img src="https://1.bp.blogspot.com/-6xx61gtBFZg/XyAabaG9YUI/AAAAAAAAUIw
/jGPWDjHqDU8ZsFabfVfGrKRBnX8ftuCtwCLcBGAsYHQ/s1280
/programming-3173456_1280.png" alt="html" width="104" height="142">

    अगले चैप्टर में आपको HTML elements k बारे में बताऊंगा .


    Tags:

    एक टिप्पणी भेजें

    1 टिप्पणियाँ