Connect with us

tech help

▷Use Of Span Tag In Html In हिंदी-3 experiment with code

Use Of Span Tag In Html- what is the use of span tag in html- what is use of span tag in html- what is the use of div and span tag in html- use of div and span tag in html- what is span in html

जैसा की आप हमारी वेबसाइट में इस उम्मीद से आये है। की आपको यह जानकारी मिल जाये की use of span tag in html का क्या उपयोग होता है। कैसे लिखा जाता है। कहा लिखा जाता है। तो हम आपको ये जानकारी प्रदान करते है। इस जानकारी को पढ़ने के बाद आप आसानी से <span> tag का उपयोग करना सीख जायेंगे। तो चलिए जानते है।

use of span tag in html बेसिक जानकारी।

हम आपको जानकारी देते है। की span tag उसी प्रकार कार्य करता है। जिस प्रकार <p> और <div> tag कार्य करते है। आप ऐसा भी मान सकते है। की span tag हमारे <div> का छोटा रूप है। आप <span> tag को किसी भी element के भीतर लिख सकते है। span tag को स्टार्ट <span > प्रकार किया जाता है। और बंद </span > इस प्रकार किया जाता है। चलिए हम आपको उदाहरण से समझते है। की आखिर ये <span> का उपयोग किस प्रकार किया जाता है।

experiment with <p> tag

<!DOCTYPE html>
<html>
<head>
    <title>HTML Form Example</title>
</head>
<body style="background-color: rgb(189, 214, 252); color: rgb(0, 0, 0);">
    <p>बढ़ती इंटरनेट यूजर्स की संख्या के लिए आज ऑनलाइन किसी भी Exam Result ऑनलाइन चैक करना बड़ी बात नही है. क्योंकि
        इंटरनेट से किसी भी परिक्षा का परिणाम महज 2 मिनट में चैक करना संभव है. बशर्ते आपको ऑनलाइन बढ़ती इंटरनेट यूजर्स की
        संख्या के लिए आज ऑनलाइन किसी भी Exam Result ऑनलाइन चैक करना बड़ी बात नही है. क्योंकि
         इंटरनेट से किसी भी परिक्षा का परिणाम महज 2 मिनट में चैक करना संभव है. बशर्ते आपको ऑनलाइन बढ़ती इंटरनेट यूजर्स की
        संख्या के लिए आज ऑनलाइन किसी भी Exam Result ऑनलाइन चैक करना बड़ी बात नही है. क्योंकि
        इंटरनेट से किसी भी परिक्षा का परिणाम महज 2 मिनट में चैक करना संभव है. बशर्ते आपको ऑनलाइन बढ़ती इंटरनेट यूजर्स की
        संख्या के लिए आज ऑनलाइन किसी भी Exam Result ऑनलाइन चैक करना बड़ी बात नही है. क्योंकि
        इंटरनेट से किसी भी परिक्षा का परिणाम महज 2 मिनट में चैक करना संभव है. बशर्ते आपको ऑनलाइन बढ़ती इंटरनेट यूजर्स की
        संख्या के लिए आज ऑनलाइन किसी भी Exam Result ऑनलाइन चैक करना बड़ी बात नही है. क्योंकि
        इंटरनेट से किसी भी परिक्षा का परिणाम महज 2 मिनट में चैक करना संभव है. बशर्ते आपको ऑनलाइन बढ़ती इंटरनेट यूजर्स की
        संख्या के लिए आज ऑनलाइन किसी भी Exam Result ऑनलाइन चैक करना बड़ी बात नही है. क्योंकि
        इंटरनेट से किसी भी परिक्षा का परिणाम महज 2 मिनट में चैक करना संभव है. बशर्ते आपको ऑनलाइन बढ़ती इंटरनेट यूजर्स की
        संख्या के लिए आज ऑनलाइन किसी भी Exam Result ऑनलाइन चैक करना बड़ी बात नही है. क्योंकि
        इंटरनेट से किसी भी परिक्षा का परिणाम महज 2 मिनट में चैक करना संभव है. बशर्ते आपको ऑनलाइन</p>
</body>
</html>

जैसा आप देख सकते है। की हमने एक html (html all tag ) कोड लिखा है। जो की आपको समझने के लिए है . इसमें आप देखिये की हमने एक <p> tag का उपयोग किया है। यह एक पेराग्राफ है। अगर हम इस कोड को ब्रौज़र में खोलते है। तो हमें इसका इंटरफेस कुछ इस प्रकार दिखाई देगा।

 Use Of Span Tag In Html- what is the use of span tag in html- what is use of span tag in html- what is the use of div and span tag in html- use of div and span tag in html- what is span in html

इस webpage में जो भी टेक्स्ट हमें दिखाई दे रहे है। वो सभी एक की कलर के दिखाई दे रहे है। ऐसा इसलिए है। क्योंकि हमने इसमें कोई भी कलर नहीं डाला है। अगर हम <p> टैग के टेक्स्ट को कलर कोड देते है। तो वह सारे टेक्स्ट उसी कलर के हो जाते है। अगर आप इस प्राग्राफ में किसी भी एक या एक से अधिक टेक्स्ट को कलर या कोई अन्य प्रकार से दिखाना चाहते है। तो आप इस पेराग्राफ के भीतर <span >tag का उपयोग कर सकते है। तो चलिए जानते है।

experiment with <span> tag

अब हमने यह कोड लिखा है। जिसमे आप देख सकते है। की हमने पेराग्राफ के भीतर <span> tag का उपयोग किया है। कुछ टेक्स्ट का कलर बदलने के लिए।

<!DOCTYPE html>
<html>
<head>
    <title>HTML Form Example</title>
</head>
<body style="background-color: rgb(255, 255, 255); color: rgb(0, 0, 0);">
    <p>बढ़ती इंटरनेट यूजर्स की संख्या के लिए आज ऑनलाइन किसी भी Exam Result ऑनलाइन चैक करना बड़ी बात नही है. क्योंकि
        इंटरनेट से किसी भी परिक्षा का परिणाम महज 2 मिनट में चैक करना संभव है. बशर्ते आपको ऑनलाइन बढ़ती इंटरनेट यूजर्स की
        संख्या के लिए आज ऑनलाइन किसी भी Exam Result ऑनलाइन चैक करना बड़ी बात नही है. क्योंकि
        इंटरनेट से किसी भी परिक्षा का परिणाम महज 2 मिनट में चैक करना संभव है. बशर्ते आपको ऑनलाइन बढ़ती इंटरनेट यूजर्स की
        संख्या के लिए आज <span style="color: rgb(255, 8, 8)"><b>ऑनलाइन किसी भी Exam Result ऑनलाइन चैक</b></span> करना बड़ी बात नही है. क्योंकि
        इंटरनेट से किसी भी परिक्षा का परिणाम महज 2 मिनट में चैक करना संभव है. बशर्ते आपको ऑनलाइन बढ़ती इंटरनेट यूजर्स की
        संख्या के लिए आज ऑनलाइन किसी भी Exam Result ऑनलाइन चैक करना बड़ी बात नही है. क्योंकि
        इंटरनेट से किसी भी परिक्षा का परिणाम महज 2 मिनट में चैक करना संभव है. बशर्ते आपको ऑनलाइन बढ़ती इंटरनेट यूजर्स की
        संख्या के लिए आज <span style="color: blue;"><b>ऑनलाइन किसी भी Exam Result </b></span>ऑनलाइन चैक करना बड़ी बात नही है. क्योंकि
        इंटरनेट से किसी भी परिक्षा का परिणाम महज 2 मिनट में चैक करना संभव है. बशर्ते आपको ऑनलाइन बढ़ती इंटरनेट यूजर्स की
        संख्या के लिए आज ऑनलाइन किसी भी Exam Result ऑनलाइन चैक करना बड़ी बात नही है. क्योंकि
        इंटरनेट से किसी भी परिक्षा का परिणाम महज 2 मिनट में चैक करना संभव है. बशर्ते आपको ऑनलाइन बढ़ती इंटरनेट यूजर्स की
        संख्या के लिए आज ऑनलाइन <span style="color: rgb(72, 255, 0)"><b>किसी भी Exam Result ऑनलाइन</b> </span>चैक करना बड़ी बात नही है. क्योंकि
        इंटरनेट से किसी भी परिक्षा का परिणाम महज 2 मिनट में चैक करना संभव है. बशर्ते आपको ऑनलाइन</p>
</body>
</html>

आप देख सकते है। की हमने <span > टैग का उपयोग किया है। और <span >के भीतर हमने css का कॉड लिख दिया है। जो की इस प्रकार दिखाइ दे रहा है। <span style=”color: rgb(255, 8, 8)”> इसमें आप देखिये की span के आगे style=”color: rgb(255, 8, 8 )” लिखा है। यह css कॉड है। (css क्या होता है ) और हमें इसका आउटपुट स्क्रीन में कुछ इस प्रकार दिखाई दे रहा है।

Use Of Span Tag In Html- what is the use of span tag in html- what is use of span tag in html- what is the use of div and span tag in html- use of div and span tag in html- what is span in html

इस प्रकार आप <span > tag का उपयोग किसी भी element के भीतर कर सकते है। आपकी जानकारी के लिए हम आपको एक उदाहरण और देते है। जिससे आपको और अच्छे से याद रहेगा।

<span > tag with font

span tag की सहायता से आपक किसी भी फॉण्ट को अपने हिसाब से सेट कर सकते है। जैसे -फॉण्ट का आकर छोटा या बड़ा करना। फॉण्ट को अलग से दिखने के लिए फॉण्ट का स्टाइल चेंज करना आदि। आप <span> tag को किसी भी एलिमेंट के भीतर लिख सकते है। चाहे <h1> हो या <div > या अन्य कोई भी टैग। चलिए हम एक टेक्स्ट का फॉण्ट style और साइज में बदलाव करते है। <span> tag की सहायता से। चलिए कोड लिखते है।

<!DOCTYPE html>
<html>
<head>
    <title>HTML Form Example</title>
</head>
<body style="background-color: rgb(255, 255, 255); color: rgb(0, 0, 0);">
    <p>बढ़ती इंटरनेट यूजर्स की संख्या के लिए आज ऑनलाइन किसी भी Exam Result ऑनलाइन चैक करना बड़ी बात नही है. क्योंकि
        इंटरनेट से किसी भी परिक्षा का परिणाम महज 2 मिनट में चैक करना संभव है. बशर्ते आपको ऑनलाइन बढ़ती इंटरनेट यूजर्स की
        संख्या के लिए आज ऑनलाइन किसी भी Exam Result ऑनलाइन चैक करना बड़ी बात नही है. क्योंकि
        इंटरनेट से किसी भी परिक्षा का परिणाम महज 2 मिनट में चैक करना संभव है. बशर्ते आपको ऑनलाइन बढ़ती इंटरनेट यूजर्स की
        संख्या के लिए आज <span style="font-size: larger; font-style: italic; color: lavenderblush; background-color: blue; padding: 5px; margin-top: 20$px; margin-bottom: 20%;"><b>ऑनलाइन किसी भी Exam Result ऑनलाइन चैक</b></span> करना बड़ी बात नही है. क्योंकि
        इंटरनेट से किसी भी परिक्षा का परिणाम महज 2 मिनट में चैक करना संभव है. बशर्ते आपको ऑनलाइन बढ़ती इंटरनेट यूजर्स की
        संख्या के लिए आज ऑनलाइन किसी भी Exam Result ऑनलाइन चैक करना बड़ी बात नही है. क्योंकि
        इंटरनेट से किसी भी परिक्षा का परिणाम महज 2 मिनट में चैक करना संभव है. बशर्ते आपको ऑनलाइन बढ़ती इंटरनेट यूजर्स की
        संख्या के लिए आज <span style="font-size: larger; font-style: italic; color: lavenderblush; background-color: rgb(155, 6, 224); padding: 5px; margin-top: 20$px; margin-bottom: 20%;"><b>ऑनलाइन किसी भी Exam Result </b></span>ऑनलाइन चैक करना बड़ी बात नही है. क्योंकि
        इंटरनेट से किसी भी परिक्षा का परिणाम महज 2 मिनट में चैक करना संभव है. बशर्ते आपको ऑनलाइन बढ़ती इंटरनेट यूजर्स की
        संख्या के लिए आज ऑनलाइन किसी भी Exam Result ऑनलाइन चैक करना बड़ी बात नही है. क्योंकि
        इंटरनेट से किसी भी परिक्षा का परिणाम महज 2 मिनट में चैक करना संभव है. बशर्ते आपको ऑनलाइन बढ़ती इंटरनेट यूजर्स की
        संख्या के लिए आज ऑनलाइन <span style="font-size: larger; font-style: italic; color: lavenderblush; background-color: rgb(0, 243, 243); padding: 5px; margin-top: 20$px; margin-bottom: 20%;"><b>किसी भी Exam Result ऑनलाइन</b> </span>चैक करना बड़ी बात नही है. क्योंकि
        इंटरनेट से किसी भी परिक्षा का परिणाम महज 2 मिनट में चैक करना संभव है. बशर्ते आपको ऑनलाइन</p>
</body>
</html>

आप इस कोड का आउटपुट इस इमेज में देख सकते है। जैसा की आप देख रहे है। की पेराग्राफ की कुछ लाइनों को हमने स्टाइल प्रदान किया है। जिसके कारण इनका आकर बदल चूका है। और आकर में बड़े दिखाई दे रहे है। टेक्स्ट के पीछे का कलर भी अलग दिखाई दे रहा है। जैसा की आप कॉड में देख सकते है। हमने स्टाइल के लिए कुछ इस प्रकार <span style=”font-size: larger; font-style: italic; color: lavenderblush; background-color: blue; padding: 5px; margin-top: 20$px; margin-bottom: 20%;”><b>ऑनलाइन किसी भी Exam Result ऑनलाइन चैक</b></span> कॉड को लिखा है। यह एक CSS कॉड है। जो की <span> टैग के भीतर लिखा गया है।

Use Of Span Tag In Html- what is the use of span tag in html- what is use of span tag in html- what is the use of div and span tag in html- use of div and span tag in html- what is span in html

आशा करते है। की आपको जानकारी समझ में आ गयी होगी। अगर आपका को सवाल या सुझाव है। तो हमें कमेंट बॉक्स में पूछ सकते है।

information source: w3schools and qoura

read more 

▷html form with code in hindi

▷How To Create Table In Html In Hindi

 

Click to comment

Leave a Reply

tranding