Inserting image in HTML in hindi - CREATING LIST IN HTML

Inserting image in HTML in hindi - CREATING LIST IN HTML -


दोस्तों अपने मेरे पिछले पोस्ट में सीखा कि एक HTML DOCUMENT एक वेब पेज को परिभाषित करता है, जिसे नोटपैड, वर्डपैड, ड्रीमविवर या कुछ अन्य संपादक में लिखा जा सकता है और इसे वेब एक्सप्लोरर जैसे इंटरनेट एक्सप्लोरर, गूगल क्रोम, आदि द्वारा देखा जा सकता है।

आज की इस पोस्ट में आप सब Inserting image in HTML in hindi और CREATING LIST IN HTML तो चलिए आज हम Inserting image in HTML in hindi को भी विस्तार से सीखते है बहुत ही आसान बस थोडा सा ध्यान देने पर इसे सिख सकते है ।


Inserting image in HTML in hindi
Inserting image in HTML in hindi


HTML के निम्नलिखित टैग का उपयोग करके एक वेब पेज बनाया जा सकता है।




    HTML का बेसिक TAG -

    Inserting image in HTML in hindi
    Inserting image in HTML in Hindi


    ORDERED LIST -


    आदेशित सूची में उन वस्तुओं की एक सूची होती है, जिन्हें किसी विशिष्ट क्रम में रखने की आवश्यकता होती है या उन्हें क्रमांकित करने की आवश्यकता होती है। आदेश किसी भी रूप में हो सकता है जैसे अंक, अक्षर या रोमन अंक। <OL> TAG आइटमों की क्रमबद्ध सूची को परिभाषित करता है। यह एक कंटेनर टैग है, जिसका अर्थ है कि इसे <OL> TAG द्वारा शुरू किया गया है और </ OL> TAG द्वारा समाप्त किया गया है।


    <OL> TAG के सामान्य ATTRIBUTES नीचे हैं-


    Inserting image in HTML in hindi
    Inserting image in HTML in Hindi

















    उदाहरण के लिए - 

    <html>
    <body>
    <h3>Ordered List</h3>
    <ol>
    <Ii>ROHIT</Ii>
    <Ii>AMAR</Ii>
    <Ii>PRINCE</Ii>
    </ol>
    </body>
    </html>


    OUTPUT -

    Ordered List -
    1. ROHIT
    2. AMAR
    3. PRINCE 


    UNORDERED LIST - 


    UNORDERED की गई सूची संबंधित वस्तुओं की सूची बनाती है, जहां किसी सूची में वस्तुओं का क्रम मायने नहीं रखता है। <UL> एक CONTAINER TAG है जो UNORDERED सूची को परिभाषित करता है। आदेशित सूची की तरह, आइटम की प्रत्येक सूची <LI> TAG से शुरू होती है।


    Inserting image in HTML in hindi
    Inserting image in HTML in Hindi



    उदाहरण के लिए -


    <html>

    <body>

     <h3>Unordered List 

    with Hollow Bullets</h3>

     <ul type = hollow">

     <li>ROHIT</li>

     <li>AMAR</li>

     <li>PRINCE</li>

     </ul>

    </body>

     </html>

     

    OUTPUT - 

    Unordered List with Hollow Bullets

    ◼️  ROHIT

    ◼️  AMAR

    ◼️  PRINCE



    DEFINITION LISTS - 

    HTML DEFINITION LISTS (<dl>) ऐसे सूची तत्व हैं जिनमें TAG और ELEMENTS का एक अनोखा गुण है। परिणामस्वरूप लिस्टिंग उन लोगों के समान है जिन्हें आप एक शब्दकोश में देखेंगे।

    <dl> - सूची का प्रारंभ करने वाले खंड को खोलना।
    <dt> - सूची आइटम जो परिभाषा शब्द को परिभाषित करता है।
    <dd> - सूची आइटम की परिभाषा।


    ये सूची शब्द शब्द (<dt>) को इस तरह से विस्थापित करती है कि यह परिभाषा के ELEMENT (<dd>) के ठीक ऊपर स्थित है और एक बहुत ही विशिष्ट रूप प्रदान करता है। सर्वोत्तम परिणाम के लिए, हम बोल्ड टैग <b> के साथ परिभाषा शब्दों को मोड़ने का सुझाव देते हैं।


    उदाहरण के लिए -


    <dl>

    <dt><b>Formage</b></dt>

    <dd>It means cheese in French.</dd>

    <dt><b>Voiture</b></dt>

    <dd> It means car in French.</dd>

    </dt>

    </dl>


    OUTPUT - 

    Fromage

    It means cheese in French

    Voiture

    It means car in France



    HYPERLINKS IN HTML- 

    HYPERLINKS एक TEXT या एक IMAGE है जिस पर आप क्लिक कर सकते हैं, और दूसरे DOCUMENT पर जा सकते हैं। HTML में, लिंक <a> TAG के साथ परिभाषित किए गए हैं।

    Syntax - 

    <a href="url">link text</a>


    उदाहरण के लिए -

    <html>

    <body>

    <p><a href="https://www.myprocomputerclass.com/">

    MY PRO COMPUTER CLASS</a></p>

    </body>

    </html>



    OUTPUT -

    MY PRO COMPUTER CLASS


    href Attribute नियत पते को विस्तृत करती है 

     (https://www.myprocomputerclass.com/)

    Link Text दिखने वाला भाग है।

    लिंक टेक्स्ट पर क्लिक करने पर, आपको विस्तृत पते पर ले जाया जाएगा।


    HTML Links - Colors - 

    HTML Link, Background या Text आदि पर लागू करने के लिए सोलह अलग-अलग रंग प्रदान करता है। जब आप एक लिंक पर माउस ले जाते हैं, तो दो चीजें सामान्य रूप से होंगी:

    माउस तीर थोड़ा हाथ में बदल जाएगा।
    लिंक तत्वों का रंग बदल जाएगा।

    डिफ़ॉल्ट रूप से, इसे लिंक करने के लिए एक लिंक दिखाई देगा (सभी ब्राउज़र में)-

    एक Unvisited लिंक रेखांकित और नीला है।
    एक दौरा किया लिंक रेखांकित और बैंगनी है।
    अंडरलाइन और रेड में एक सक्रिय लिंक।


    आप शैली का उपयोग करके डिफ़ॉल्ट रंग बदल सकते हैं:


    उदाहरण के लिए -

    <BODY BGCOLOR="BLUE"TEXT="WHITE"LINK
    ="YELLOW"VLINK="GREEN'',ALINK="MAROON">


    INSERTING IMAGES IN HTML -


    HTML आपको अपने वेब पेज में एक छवि फ़ाइल सम्मिलित करने की अनुमति देता है। IMG ELEMENT आपको ऐसा करने में मदद करता है, SRC Attribute का उपयोग करता है जो IMAGE फ़ाइल के URL को बताता है।

    आपको उस IMAGE को सम्मिलित करने का प्रयास करना चाहिए जिसमें एक विस्तार JPG या GIF है क्योंकि वे मूल चित्र से संपीड़ित हैं और खोलने में कम समय लेते हैं। आप <IMG> TAG में ALIGN attribute देकर चित्र को "TOP", "MIDDLE" या "CENTRE" में संरेखित कर सकते हैं।

      <IMG> एक खाली टैग है, इसके साथ कोई बंद ('OFF') TAG नहीं है।
    आप बॉक्स की चौड़ाई और ऊंचाई निर्दिष्ट कर सकते हैं। यदि छवि फिट नहीं होती है, तो ब्राउज़र निर्दिष्ट बॉक्स में फिट होने के लिए IMAGE को बचाता है।


    उदाहरण के लिए -

    <html>

    <body>

    <h3>Laptop</h3>

    <img src="pic_computer.jpg"alt

    ="Computer"width"304"height"228">

    </body>

    </html> 


    हमेशा एक छवि की चौड़ाई और ऊंचाई निर्दिष्ट करें। यदि चौड़ाई और ऊंचाई निर्दिष्ट नहीं की जाती है, तो छवि लोड होने के दौरान पृष्ठ झिलमिलाहट करेगा।

    यदि छवि प्रदर्शित नहीं की जा सकती, तो छवि के लिए वैकल्पिक पाठ में वैकल्पिक विशेषता निर्दिष्ट होती है। ऑल्ट एट्रिब्यूट एक छवि के लिए वैकल्पिक जानकारी प्रदान करता है यदि किसी कारण से कोई उपयोगकर्ता इसे नहीं देख सकता है (इतने धीमे कनेक्शन के कारण, SRC Attribute में कोई त्रुटि, या यदि उपयोगकर्ता स्क्रीन रीडर का उपयोग करता है)।

    यदि ब्राउज़र को कोई छवि नहीं मिल रही है, तो वह ऑल्ट टेक्स्ट प्रदर्शित करेगा


    दोस्तों आशा करता हु आप सबको  Inserting image in HTML in hindi और CREATING LIST IN HTML में आया होगा इससे सम्बन्धी अगर आपकी कोई समस्या हो तो मुझे जरुर कमेंट करे मै आप सबको उत्तर जरुर दूंगा 

    इस पोस्ट को पढ़ने के लिए आपका बहुत बहुत धन्यवाद इसी तरह की पोस्ट मै आप लोगो के लिए फिर से लूँगा जिससे आपको computer से सम्बंधित सारी समस्या का हल हो।

    Other Computer Tips & Tricks Video


    Previous Post
    Next Post

    मै इस ब्लॉग का लेखक और मालिक हु, आपको मै इस ब्लॉग पर कंप्यूटर के बारे में और उसके कोर्स के बारे में सारी जानकारी दुंगा

    Related Posts

    0 Comments:

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

    अपना सुझाव दे