अपनी खुद की वेबसाइट कैसे बनाये

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

अपनी खुद की वेबसाइट कैसे बनाये

  • HTML क्या है?
  • आवश्यकताएँ
    • उदाहरण 1:
  • एचटीएमएल टैग
  • HTML तत्वों
  • याद करने के लिए मूल HTML टैग
    • उदाहरण 2
  • HTML विशेषताएँ और मूल्य
    • उदाहरण 3
  • रंग टैग
    • उदाहरण 4
  • पाठ स्वरूपण
    • उदाहरण 5
  • HTML डिवीजन टैग
    • उदाहरण 6
  • छवि टैग
    • उदाहरण 7
  • लिंकिंग टैग
    • उदाहरण 8
  • तालिका टैग
    • उदाहरण 9
  • HTML फ़्रेम टैग
    • उदाहरण १०
  • WYSIWYG सॉफ्टवेयर

वेबसाइट बनाते समय, कई लोग अक्सर मदद के लिए वेब डिज़ाइनर का चयन करते हैं। हालांकि, एक मूल वेबसाइट बनाने का तरीका सीखने के सरल तरीके हैं और उन्हें इस लेख में समझाया जाएगा।

HTML क्या है?

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

अपनी वेबसाइट शुरू करने के दो सामान्य तरीके हैं:

  • एक साधारण टेक्स्ट एडिटर में अपने खुद के कोड बनाना और उन्हें एक .htm फ़ाइल के रूप में सहेजना
  • HTML जनरेटर सॉफ्टवेयर का उपयोग करना

आवश्यकताएँ

विंडोज का उपयोग करने वालों के लिए, एक नया नोटपैड दस्तावेज़ खोलकर शुरू करें।

मैक चलाने वालों के लिए, एक नया सिंपल टेक्स्ट दस्तावेज़ खोलें।

OSX उपयोगकर्ताओं के लिए, TextEdit खोलें और निम्नलिखित परिवर्तन करें:

1. अपना "प्रारूप" मेनू खोलें और "सादा पाठ" चुनें

2. "टेक्स्ट एडिट" मेनू के तहत, "प्राथमिकताएं" विंडो खोलें और "HTML फ़ाइलों में समृद्ध पाठ कमांड को अनदेखा करें" विकल्प चुनें।

उदाहरण 1:

एक बार जब आपके पास अपना खाली दस्तावेज़ हो, तो आप इसमें टाइप करके शुरू कर सकते हैं:

यह आपके पृष्ठ का शीर्षक है

यह वह जगह है जहाँ आपकी सभी सामग्री दिखाई देगी

ध्यान दें:

1. अपने दस्तावेज़ों को अपने वेब ब्राउज़र में प्रदर्शित करने के लिए हमेशा .htm या html एक्सटेंशन के साथ सेव करें। (उदा। index.htm)।

2. अपने स्रोत दस्तावेज़ को संपादित करने के लिए, ब्राउज़र विंडो में अपने टूलबार पर "दृश्य" विकल्प चुनें और "स्रोत" चुनें।

3. अपने दस्तावेज़ में किए गए प्रत्येक परिवर्तन को सहेजना न भूलें।

4. ब्राउज़र विंडो में दस्तावेज़ में किए गए संशोधनों को देखने के लिए, F5 कुंजी का उपयोग करके पृष्ठ को ताज़ा करें।

एचटीएमएल टैग

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

HTML तत्वों

तत्व मार्कअप टैग हैं जिनका उपयोग वेब पेज के कुछ अनुभागों को प्रारूपित करने के लिए किया जाता है। HTML तत्व का एक उदाहरण टैग है, जिसका उपयोग ब्राउज़र में प्रदर्शित पाठ को बोल्ड करने के लिए किया जाता है।

का उपयोग आपके ब्राउज़र को बताने के लिए किया जाता है कि फ़ाइल HTML-कोडेड डेटा से बनी है। आपके ब्राउज़र को बताने के लिए दस्तावेज़ के बहुत अंत में उपयोग किया जाता है कि HTML सामग्री वहाँ समाप्त हो जाती है।

दस्तावेज़ का पहला भाग शामिल है और वह जगह है जहाँ आपके ब्राउज़र पृष्ठ का शीर्षक मिलेगा। इसमें आपके ब्राउज़र के प्रदर्शन को प्रारूपित करने के लिए उपयोग किए जाने वाले कमांड भी हो सकते हैं (जैसे CSS कॉल)। तब इस अनुभाग को समाप्त करने के लिए उपयोग किया जाता है। यह हिस्सा आपके ब्राउज़र में प्रदर्शित नहीं होगा।

आपकी वेबसाइट को लेबल करने के लिए उपयोग किया जाएगा। इसलिए उस कमांड के अंत को इंगित करने के लिए उपयोग किया जाता है।

आपके ब्राउज़र में प्रदर्शित होने वाली सभी सामग्री को परिभाषित करता है।

याद करने के लिए मूल HTML टैग

हेडिंग

आपके वेब पेज में निम्नलिखित सामग्री के विषय को इंगित करने के लिए हेडिंग का उपयोग किया जाता है। HTML में, वे आकार में, से भिन्न हो सकते हैं

पैराग्राफ

पैराग्राफ का उपयोग आपके वेब पेज में टेक्स्ट ब्लॉक को अलग करने के लिए किया जाता है। HTML में, उन्हें परिभाषित किया गया है

टैग। एक पैराग्राफ में एक ओपनिंग टैग होगा

और एक समापन टैग

  • इस अनुभाग में HTML टैग परिभाषित किए गए हैं

कतार टूट जाती है

HTML में, लाइन ब्रेक को एक बंद टैग की आवश्यकता नहीं है। इसलिए, वे बस के साथ परिभाषित कर रहे हैं

टैग।

  • इस अनुभाग में HTML टैग परिभाषित किए गए हैं

टिप्पणियाँ

किसी HTML पेज में उसके डिजाइनर द्वारा अलग-अलग वर्गों का पता लगाने के लिए टिप्पणियाँ डाली जाती हैं। वे के साथ परिभाषित कर रहे हैं टैग। टिप्पणी टैग ब्राउज़र में प्रदर्शित नहीं होते हैं, और इसलिए वेबपृष्ठ के प्रारूप को प्रभावित किए बिना दस्तावेज़ में कहीं भी उपयोग किया जा सकता है।

उदाहरण 2

HTML के बारे में सब कुछ

HTML हाइपरटेक्स्ट मार्कअप लैंग्वेज के लिए संक्षिप्त नाम है

HTML विशेषताएँ और मूल्य

HTML विशेषताओं को तत्वों में जोड़ा गया जानकारी है और HTML तत्वों में एक विशेष विशेषता को शामिल करने के लिए उपयोग किया जाता है। HTML विशेषताओं को हमेशा एक मान (जैसे नाम = "मान" ) के साथ लिखा जाता है और एक HTML तत्व के प्रारंभ टैग पर रखा जाता है।

उदाहरण के लिए, यदि आप चाहते हैं कि शीर्षक डिफ़ॉल्ट रूप से बाईं ओर प्रदर्शित होने के बजाय आपके पृष्ठ के केंद्र में रखा जाए, तो आप टैग में संरेखित विशेषता जोड़ सकते हैं:

  • HTML हाइपरटेक्स्ट मार्कअप लैंग्वेज के लिए संक्षिप्त नाम है

    रंग टैग

    कलर टैग आपको ब्राउज़र विंडो में प्रदर्शित टेक्स्ट के रंग को संशोधित करने की अनुमति देता है। यदि आप ऐसा करना चाहते हैं तो टेक्स्ट रंग को कैसे संशोधित किया जाए, इस पर एक उदाहरण है।

    HTML में, आप हेक्साडेसिमल कोड का उपयोग करके विशिष्ट रंगों को प्राप्त करने के लिए रंग कोड का भी उपयोग कर सकते हैं। तथाकथित हेक्साडेसिमल ट्रिपल्स लाल, हरे और नीले (RGB) रंगों के अनुरूप हैं। इसलिए, हेक्साडेसिमल में रंग टैग कुछ इस तरह दिखाई देगा । आप इस लिंक का पालन करके रंग कोड और नाम प्राप्त कर सकते हैं: //www.computerhope.com/htmcolor.htm

    आप BGCOLOR विशेषता जोड़कर अपनी वेबसाइट की पृष्ठभूमि का रंग बदलने के लिए कलर टैग का भी उपयोग कर सकते हैं। इसलिये, अपने डिफ़ॉल्ट सफेद से पृष्ठभूमि का रंग बदल जाएगा।

    उदाहरण 4

    HTML के बारे में सब कुछ

    HTML हाइपरटेक्स्ट मार्कअप लैंग्वेज के लिए संक्षिप्त नाम है

    ध्यान दें:

    1. यह सलाह दी जाती है कि अपने पाठ के लिए पीले या गुलाबी जैसे हड़ताली रंगों का चयन करें क्योंकि ये रंग आँखों के लिए परेशान करते हैं

    2. इसके अलावा, बेहतर सामंजस्यपूर्ण परिणाम के लिए आपकी वेबसाइट के वातावरण से मेल खाने वाले अधिकतम 4 थोड़े मैचिंग कलर टोन का उपयोग करने का प्रयास करें।

    3. औपचारिक वेबसाइटों के लिए नीले रंग की पृष्ठभूमि पर गुलाबी रंग की तरह अजीब रंग मैच करें क्योंकि यह अजीब लगेगा।

    पाठ स्वरूपण

    पाठ स्वरूपण टैग आपको ब्राउज़र विंडो में अपने पाठ प्रदर्शन को संशोधित करने की अनुमति देता है। उदाहरण के लिए, किसी टेक्स्ट को बोल्ड करने के लिए, आप टेक्स्ट का उपयोग कर सकते हैं टैग। (उदा। इस पाठ में एक बोल्ड फ़ॉन्ट होगा )। नीचे सामान्य टेक्स्ट फ़ॉर्मेटिंग टैग की सूची दी गई है जिसका उपयोग आप अपने टेक्स्ट डिस्प्ले को बदलने के लिए कर सकते हैं:

    1. बोल्ड टैग

    यह टेक्स्ट बोल्ड होगा

    2. इटैलिक टैग

    यह पाठ इटैलिक में होगा

    3. टैग को रेखांकित करें

    यह पाठ रेखांकित किया जाएगा

    4. टैग पर जोर दें

    यह आपके पाठ पर जोर देगा

    5. मजबूत टैग

    यह पाठ मजबूत होगा

    6. बड़ा टैग

    यह बड़े पाठ को परिभाषित करेगा

    7. छोटा टैग

    यह छोटे पाठ को परिभाषित करेगा

    8. सदस्यता टैग

    यह पाठ सब्मिट किया जाएगा

    9. सुपरस्क्रिप्ट टैग

    यह पाठ सुपरस्क्रिप्ट होगा

    10. केंद्र टैग

    यह पाठ केंद्रित होगा

    11. लेफ्ट टैग

    यह पाठ स्क्रीन के बायीं ओर प्रदर्शित होगा

    12. राइट टैग

    यह पाठ स्क्रीन के दाहिने हाथ में प्रदर्शित होगा

    13. अनियंत्रित सूची टैग

    • यह एक अनियंत्रित सूची है
    • यह एक अनियंत्रित सूची है

    14. आदेशित सूची टैग

    1. यह मेरी सूची में नंबर 1 है
    2. यह मेरी सूची में नंबर 2 है

    ध्यान दें:

    1. ये टैग संयुक्त भी हो सकते हैं। यदि आप एक रेखांकित बोल्ड टेक्स्ट चाहते हैं, तो आप उपयोग कर सकते हैं यह पाठ बोल्ड और रेखांकित होगा

    2. हालांकि, हमेशा पहले टैग को बंद करें जो आपने आखिरी बार खोला है। उपरोक्त उदाहरण में, ए से पहले FIRST खोला गया है टैग, लेकिन पिछले बंद कर दिया गया है।

    उदाहरण 5

    HTML के बारे में सब कुछ

    HTML हाइपरटेक्स्ट मार्कअप लैंग्वेज के लिए संक्षिप्त नाम है

    भाषा कोड और प्रतीकों के एक समूह से बनी है जो उत्पन्न करेगा:

    • पाठ,
    • इमेजिस,
    • लगता है,
    • फ्रेम
    • आपके ब्राउज़र पृष्ठों पर एनीमेशन।

    अपनी वेबसाइट शुरू करने के दो सामान्य तरीके हैं:

    1. एक साधारण टेक्स्ट एडिटर में अपने खुद के कोड बनाने के लिए और एक .htm फ़ाइल के रूप में उन्हें बचाने के लिए। या
    2. एक HTML जनरेटर सॉफ्टवेयर का उपयोग करें।

    HTML डिवीजन टैग

    क्षैतिज कायदा

    क्षैतिज नियमों का उपयोग आपके वेबपृष्ठ के अनुभागों को विभाजित या उप-विभाजित करने के लिए किया जाता है।


    टैग का उपयोग एक क्षैतिज रेखा बनाने के लिए किया जाता है और उनके आकार, रंग या चौड़ाई को संशोधित करके विभिन्न प्रकार की लाइनें बनाने के लिए बदल दिया जा सकता है।

    उदाहरण के लिए


    या

    ठोस रेखा


    टैग का उपयोग एक ठोस रेखा बनाने के लिए किया जाता है। यह क्षैतिज नियम टैग से थोड़ा सा बदल जाता है क्योंकि यह 3D जनरेट के बिना लाइन उत्पन्न करता है
    टैग।

    उदाहरण 6

    HTML के बारे में सब कुछ


    HTML हाइपरटेक्स्ट मार्कअप लैंग्वेज के लिए संक्षिप्त नाम है

    भाषा कोड और प्रतीकों के एक समूह से बनी है जो उत्पन्न करेगा:

    • पाठ,
    • इमेजिस,
    • लगता है,
    • फ्रेम
    • आपके ब्राउज़र पृष्ठों पर एनीमेशन।


    अपनी वेबसाइट शुरू करने के दो सामान्य तरीके हैं:

    1. एक साधारण टेक्स्ट एडिटर में अपने खुद के कोड बनाने के लिए और एक .htm फ़ाइल के रूप में उन्हें बचाने के लिए। या
    2. एक HTML जनरेटर सॉफ्टवेयर का उपयोग करें।

    छवि टैग

    HTML दस्तावेज़ आपको छवि टैग का उपयोग करके चित्र सम्मिलित करने में सक्षम करते हैं। आप या तो ऑनलाइन URL से या अपने कंप्यूटर से एक छवि ब्राउज़ कर सकते हैं। छवि टैग "छवि स्रोत" के लिए खड़ा है; इसलिए, छवि पथ को विशेषता के बाद परिभाषित किया जाना चाहिए। यदि छवि आपके स्रोत दस्तावेज़ के समान फ़ोल्डर में पाई जाती है, तो आपको संपूर्ण पथ निर्देशिका में प्रवेश करने की कोई आवश्यकता नहीं है।

    उदाहरण के लिए

    या या

    संरेखण टैग

    एक बार और, आप अपने ब्राउज़र के केंद्र में दाईं ओर या बाईं ओर छवि प्रदर्शित करने के लिए ALIGN विशेषता का उपयोग कर सकते हैं।

    EG1

    नोट: हालाँकि, ऐसा हो सकता है कि आपका ब्राउज़र इस टैग का समर्थन न करे। इसलिए आप ब्राउज़र में अपनी छवि को केंद्रित करने के लिए छवि टैग से ठीक पहले टैग का उपयोग कर सकते हैं।

    Eg2

    छवि का आकार

    WIDTH और HEIGHT विशेषता का उपयोग करके आपकी प्रदर्शित छवि का आकार संशोधित किया जा सकता है। आप अपनी छवि को आकार देने के लिए प्रतिशत या पिक्सेल का उपयोग कर सकते हैं।

    EG1

    Eg2

    छवि सीमा

    यदि आप अपनी छवि में एक सीमा सम्मिलित करना चाहते हैं, तो आप ऐसा करने के लिए बोर्डर विशेषता का उपयोग कर सकते हैं।

    उदाहरण के लिए

    भागदौड़ का स्थान

    रनवे स्पेस, इमेज के चारों ओर स्पेस गैप को संदर्भित करता है। जब आप अपने चित्र के चारों ओर पाठ रखते हैं तो यह एक बहुत ही उपयोगी टैग है। इसे ऊपर और नीचे के पक्षों के लिए VSPACE विशेषता का उपयोग करके परिभाषित किया गया है और बाएँ और दाएँ पक्ष के लिए HSPACE विशेषता का उपयोग किया जाता है।

    उदाहरण के लिए

    उदाहरण 7

    HTML के बारे में सब कुछ


    HTML हाइपरटेक्स्ट मार्कअप लैंग्वेज के लिए संक्षिप्त नाम है

    भाषा कोड और प्रतीकों के एक समूह से बनी है जो उत्पन्न करेगा:

    • पाठ,
    • इमेजिस,
    • लगता है,
    • फ्रेम
    • आपके ब्राउज़र पृष्ठों पर एनीमेशन।

    अपनी वेबसाइट शुरू करने के दो सामान्य तरीके हैं:

    1. एक साधारण टेक्स्ट एडिटर में अपने खुद के कोड बनाने के लिए और एक .htm फ़ाइल के रूप में उन्हें बचाने के लिए। या
    2. एक HTML जनरेटर सॉफ्टवेयर का उपयोग करें।


    रंग कोड

    आप अपने स्वयं के वेबसाइट वातावरण बनाने के लिए थियोडोरा द्वारा प्रदान किए गए हेक्साडेसिमल रंग कोड का उपयोग कर सकते हैं

    यह वह उदाहरण है जो आपके पास vspace और hspace विशेषता के साथ है

    लिंकिंग टैग

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

    बाहरी लिंक

    "वेब एड्रेस लिंक" को आपके वेबपेज में हाइपरलिंक के रूप में प्रदर्शित करेगा और जब उपयोगकर्ता टेक्स्ट पर क्लिक करेगा, तो यह www.webaddress.com पेज लोड करेगा

    आंतरिक लिंक

    आंतरिक लिंक डालने के दो विशिष्ट तरीके हैं:

    1. उसी वेबसाइट पर करंट पेज से दूसरे पेज पर जाने के लिए

    2. उसी पृष्ठ पर पृष्ठ के वर्तमान अनुभाग से दूसरे अनुभाग पर कूदने के लिए।

    एक सेक्शन से दूसरे में कूदने में सक्षम होने के लिए, आपको पहले सेक्शन को एक नाम देना चाहिए, ताकि टैग को यह पता चल सके कि यह कब कॉल किया जा रहा है। उदाहरण के लिए, यदि HTML लिंक से संबंधित अनुभाग को वेबपेज के ऊपरी भाग में, "HTML लिंक" शीर्षक के ठीक ऊपर डाला जाना है, तो टैग डालें । "लिंक" मान उस अनुभाग को संदर्भित करेगा जिसे स्थित होना है; इसलिए यदि आपके वेबपेज का एक भाग बिल्लियों पर आधारित है, तो टैग डालें शीर्ष पर बिल्लियों के लिए।

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

    उदाहरण 8

    HTML के बारे में सब कुछ

    रंग कोड

    लिंकिंग टैग


    HTML हाइपरटेक्स्ट मार्कअप लैंग्वेज के लिए संक्षिप्त नाम है

    भाषा कोड और प्रतीकों के एक समूह से बनी है जो उत्पन्न करेगा:

    • पाठ,
    • इमेजिस,
    • लगता है,
    • फ्रेम
    • आपके ब्राउज़र पृष्ठों पर एनीमेशन।

    अपनी वेबसाइट शुरू करने के दो सामान्य तरीके हैं:

    1. एक साधारण टेक्स्ट एडिटर में अपने खुद के कोड बनाने के लिए और एक .htm फ़ाइल के रूप में उन्हें बचाने के लिए। या
    2. एक HTML जनरेटर सॉफ्टवेयर का उपयोग करें।


    रंग कोड

    आप अपने स्वयं के वेबसाइट वातावरण बनाने के लिए थियोडोरा द्वारा प्रदान किए गए हेक्साडेसिमल रंग कोड का उपयोग कर सकते हैं

    यह वह उदाहरण है जो आपके पास vspace और hspace विशेषता के साथ है

    आप इस लिंक पर क्लिक करके Microsoft की वेबसाइट पर जाने के लिए उपयोगी पा सकते हैं


    लिंकिंग टैग

    यह अनुभाग आपकी वेबसाइट पर लिंकिंग टैग के महत्व के बारे में चर्चा करेगा।

    ध्यान दें:

    ये केवल उदाहरण हैं कि आप लिंकिंग टैग का उपयोग कैसे कर सकते हैं। आप निश्चित रूप से अपनी वेबसाइट को और अधिक उपयोगकर्ता के अनुकूल और आकर्षक बनाने के लिए उनके प्लेसमेंट में बदलाव कर सकते हैं।

    लक्ष्य खिड़की

    लक्ष्य विंडो लिंक किए गए पृष्ठ को किसी अन्य ब्राउज़र विंडो में लोड करेगी ताकि उपयोगकर्ता आपकी वेबसाइट के वर्तमान पृष्ठ पर बने रह सके और दूसरे ब्राउज़र में हाइपरलिंक किए गए पते को देख सके।

    तालिका टैग

    सूचनाओं को क्रमबद्ध तरीके से प्रदर्शित करने के लिए आपकी वेबसाइट में टेबल डालना बहुत उपयोगी हो सकता है। यह आपको अपने पाठ और ग्राफिक्स को अधिक सटीक रूप से संभालने की अनुमति देगा।

    उद्घाटन टैग

    का उपयोग आपके ब्राउज़र को बताने के लिए किया जाता है कि पृष्ठ में तालिका वहाँ से शुरू होती है और इसके साथ समाप्त होती है
    टैग। आप अपनी तालिका का रंग, आकार और सीमा आकार भी संशोधित कर सकते हैं।

    तालिका का आकार बदलकर उपयोग किया जा सकता है

    टैग। आप या तो पिक्सेल का उपयोग कर सकते हैं या तालिका के आकार को बदलने के लिए प्रतिशत।

    आप टैग का उपयोग कर सकते हैं

    उदाहरण के लिए अपने ब्राउज़र में एक अदृश्य सीमा बनाने के लिए।

    टैग का उपयोग टेक्स्ट और टेबल की सीमा की आंतरिक रेखा के बीच एक स्पेस गैप बनाने के लिए किया जाता है।

    टैग का उपयोग तालिका की सीमाओं की आंतरिक और बाहरी रेखा के बीच एक स्थान अंतर डालने के लिए किया जाता है।

    एक तालिका उन कोशिकाओं से बनी होती है जिन्हें स्तंभ और पंक्तियों द्वारा तालिका के भीतर परिभाषित किया जाता है। एक सेल वह स्थान होगा जहां आपकी सामग्री डाली जाएगी। कॉलम टैग के रूप में परिभाषित किया गया है

    टैग और पंक्तियों को परिभाषित किया गया है तथाटैग। सेल की चौड़ाई को संशोधित करने के लिए, आप इसका उपयोग कर सकते हैं और एक कॉलम संरेखित करने के लिए, टैग डालें
    तथा
    टैग। आकार या तो प्रतिशत में या पिक्सेल में सेट किया जा सकता है।

    आप अपने टैग में ALIGN विशेषता जोड़कर अपनी पंक्तियों और स्तंभों को भी संरेखित कर सकते हैं। इसलिए, एक विशेष पंक्ति को संरेखित करने के लिए, उदाहरण के लिए, टैग डालें

    अपने सेल को संरेखित करने के लिए, आप विशेषता मान का उपयोग कर सकते हैं।

    सेल को आपके पृष्ठ के ऊपरी केंद्र में रखा जाएगा।

    एक कॉलम को फैलाने के लिए, आप टैग का उपयोग कर सकते हैं

    सेल को स्तंभों की संख्या निर्धारित करने के लिए चाहिए। ध्यान दें कि डिफ़ॉल्ट मान 1 पर सेट है।

    इसके अलावा, सेल को कई पंक्तियों में फैलाने के लिए, का उपयोग करें

    टैग।

    उदाहरण 9

    HTML के बारे में सब कुछ

    रंग कोड

    तालिका टैग

    HTML हाइपरटेक्स्ट मार्कअप लैंग्वेज के लिए संक्षिप्त नाम है

    भाषा कोड और प्रतीकों के एक समूह से बनी है जो उत्पन्न करेगा:

    • पाठ,
    • इमेजिस,
    • लगता है,
    • फ्रेम
    • आपके ब्राउज़र पृष्ठों पर एनीमेशन।

    अपनी वेबसाइट शुरू करने के दो सामान्य तरीके हैं:

    1. एक साधारण टेक्स्ट एडिटर में अपने खुद के कोड बनाने के लिए और एक .htm फ़ाइल के रूप में उन्हें बचाने के लिए। या
    2. एक HTML जनरेटर सॉफ्टवेयर का उपयोग करें।

    रंग कोड

    आप अपने स्वयं के वेबसाइट वातावरण बनाने के लिए थियोडोरा द्वारा प्रदान किए गए हेक्साडेसिमल कलर कोड का उपयोग कर सकते हैं।

    अधिक पाठ यहाँ जोड़ा जा सकता है।

    अधिक पाठ यहाँ जोड़ा जा सकता है।

    अधिक पाठ यहाँ जोड़ा जा सकता है।

    अधिक पाठ यहाँ जोड़ा जा सकता है।

    अधिक पाठ यहाँ जोड़ा जा सकता है।

    टेबल टैग

    यह अनुभाग आपको तालिका टैग के बारे में अधिक जानकारी देगा

    शीर्षक

    यह सामग्री का एक और हिस्सा है

    स्तम्भ १ स्तम्भ २ स्तम्भ ३
    3 पंक्तियों में कोशिका विस्तार (2 और 3 विलय) 2 पंक्तियों में सेल स्पैनिंग (1 और 2 सेल विलय) 1 सेल
    2 सेल
    3 सेल
    3 सेल 4 सेल

    HTML फ़्रेम टैग

    HTML फ्रेम आपको एक वेबपेज के भीतर स्वतंत्र विंडो बनाने की अनुमति देता है। वे बहुत उपयोगी हैं क्योंकि वे आपको एक वेबपृष्ठ में एक से अधिक दस्तावेज़ प्रदर्शित करने की अनुमति देते हैं।

    फ़्रेम का उपयोग करने के लिए, आपके पास कम से कम दो अलग .htm फाइलें होनी चाहिए, जिनमें से एक का नाम index.htm होगाIndex.htm फ़ाइल वह होगी जहां सभी विंडो प्रदर्शित की जाएंगी। फ़्रेम टैग के रूप में परिभाषित किया गया है और यह टैग का उपयोग तख्ते के सेट को परिभाषित करने के लिए किया जाता है।

    उदाहरण १०

    फ्रेम टैग की कोशिश करो

    आपके ब्राउज़र में दिखाई देने वाली पंक्तियों का आकार सेट करेगा।

    आपके ब्राउज़र में प्रदर्शित किए जाने वाले स्तंभों का आकार सेट करेगा।

    टैग फ्रेम को नाम देगा और उन्हें मुख्य विंडो से जोड़ने के लिए उपयोग किया जाता है।

    टैग का उपयोग आपके फ़्रेम में बॉर्डर सेट करने के लिए किया जाएगा। इसे 0 पर सेट करना सुनिश्चित करेगा कि यह सभी ब्राउज़रों के साथ संगत होगा।

    निकटतम फ्रेम के बीच एक स्थान निर्धारित करेगा।

    फ्रेम के दोनों किनारों पर चौड़ाई स्थान निर्धारित करेगा। आकार को पिक्सेल में सेट किया जाना चाहिए।

    पिक्सेल में ऊपर और नीचे मार्जिन आकार सेट करेगा।

    टैग आपके फ़्रेम में वर्टिकल या हॉरिज़ॉन्टल स्क्रॉलबार को सक्षम करेगा। इसका मान या तो "हां", "नहीं" या "ऑटो" पर सेट होना चाहिए।

    WYSIWYG सॉफ्टवेयर

    WYSIWYG (आप जो देखते हैं वही आपको मिलता है) नामक सॉफ्टवेयर प्रोग्राम हैं, जो आपके लिए सांकेतिक शब्दों में बदलना है, हालांकि यह आपको अप्रिय आश्चर्य से बचने के लिए न्यूनतम HTML अवधारणाओं को सीखने से नहीं रोकना चाहिए! इस सॉफ्टवेयर के साथ, आप पाठ और चित्र डालते हैं, और सॉफ्टवेयर एक साथ संबंधित HTML कोड उत्पन्न करता है। यह काम को एनिमेशन या स्क्रिप्ट के समावेश में भी आसान बना देगा। उदाहरण के लिए, हैं:

    ड्रीमविवर, अच्छी तरह से डिज़ाइन किए गए ट्यूटोरियल के साथ उपयोग करने के लिए स्वतंत्र नहीं बल्कि बहुत व्यापक और आसान है

    GoLive Photoshop संपादक

    मुफ्त WYSIWYG के लिए, हम उल्लेख कर सकते हैं:

    • मतिजा उदात्त
    • //bluegriffon.org/pages/DownloadBlueGriffon
    • मैगुमा स्टूडियो
    • HTML किट
    • प्रथम पृष्ठ २०००
    पिछला लेख अगला लेख

    शीर्ष युक्तियाँ