कंप्यूटर पाठ

फ़ॉन्ट टैग की विशेषताएँ. टेक्स्ट का रंग सेट करें

ब्राउज़र इंटरनेट एक्सप्लोरर नेटस्केप ओपेरा सफारी mozilla फ़ायरफ़ॉक्स
संस्करण 5.5 6.0 7.0 6.0 7.0 8.0 7.0 8.0 9.0 1.0 1.7 1.0 2.0
का समर्थन किया हाँ हाँ हाँ हाँ हाँ हाँ हाँ हाँ हाँ हाँ हाँ हाँ हाँ

विवरण

टैग आकार, रंग और टाइपफेस जैसी फ़ॉन्ट विशेषताओं को बदलने के लिए एक कंटेनर है। हालाँकि यह टैग अभी भी सभी ब्राउज़रों द्वारा समर्थित है, इसे अप्रचलित माना जाता है और शैलियों के पक्ष में इसके उपयोग को छोड़ने की अनुशंसा की जाती है।

वाक्य - विन्यास

मूलपाठ

समापन टैग

आवश्यक।

विकल्प

रंग टेक्स्ट का रंग सेट करता है. चेहरा फ़ॉन्ट टाइपफेस निर्दिष्ट करता है। आकार पारंपरिक इकाइयों में फ़ॉन्ट आकार सेट करता है।

उदाहरण 1: टैग का उपयोग करना





फ़ॉन्ट टैग


पीइस वाक्य का पहला अक्षर एरियल फ़ॉन्ट में लिखा गया है, जिसे लाल रंग में हाइलाइट किया गया है और आकार में बड़ा किया गया है।



टैग पैरामीटर का विवरण

रंग पैरामीटर

विवरण

कंटेनर के अंदर टेक्स्ट का रंग सेट करता है .

वाक्य - विन्यास

...

बहस

रंग का मान दो प्रकार से निर्धारित किया जा सकता है।

1. इसके नाम से

ब्राउज़र कुछ रंगों को उनके नाम से समर्थन करते हैं।

2. हेक्साडेसिमल मान से

रंगों को निर्दिष्ट करने के लिए हेक्साडेसिमल संख्याओं का उपयोग किया जाता है। हेक्साडेसिमल प्रणाली, दशमलव प्रणाली के विपरीत, जैसा कि इसके नाम से पता चलता है, संख्या 16 पर आधारित है। संख्याएँ इस प्रकार होंगी: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, ए , बी, सी, डी, ई, एफ। 10 से 15 तक की संख्याओं को लैटिन अक्षरों से बदल दिया गया है। हेक्साडेसिमल प्रणाली में 15 से बड़ी संख्याएँ दो संख्याओं को एक में मिलाने से बनती हैं। उदाहरण के लिए, दशमलव में संख्या 255 हेक्साडेसिमल में संख्या एफएफ से मेल खाती है। संख्या प्रणाली को निर्धारित करने में भ्रम से बचने के लिए, हेक्साडेसिमल संख्या से पहले एक हैश प्रतीक # रखा जाता है, उदाहरण के लिए #666999। तीन रंगों में से प्रत्येक - लाल, हरा और नीला - 00 से एफएफ तक मान ले सकता है। इस प्रकार, रंग प्रतीक को तीन घटकों #rrggbb में विभाजित किया गया है, जहां पहले दो प्रतीक रंग के लाल घटक को दर्शाते हैं, मध्य दो - हरा, और अंतिम दो - नीला।

सीएसएस के समान

डिफ़ॉल्ट मान

ब्राउज़र का डिफ़ॉल्ट रंग.

चेहरा पैरामीटर

विवरण

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

वाक्य - विन्यास

...

बहस

किसी भी संख्या में फ़ॉन्ट नाम अल्पविराम द्वारा अलग किए गए। सार्वभौमिक फ़ॉन्ट परिवार:
सेरिफ़ - सेरिफ़ फ़ॉन्ट (प्राचीन), जैसे टाइम्स;
सैन्स-सेरिफ़ - सैन्स-सेरिफ़ फ़ॉन्ट (सेरिफ़ या सैन्स सेरिफ़ के बिना फ़ॉन्ट), एक विशिष्ट प्रतिनिधि एरियल है;
घसीट - घसीट फ़ॉन्ट;
फंतासी - सजावटी फ़ॉन्ट;
मोनोस्पेस - मोनोस्पेस फ़ॉन्ट, इस परिवार में प्रत्येक वर्ण की चौड़ाई समान है।

सीएसएस के समान

डिफ़ॉल्ट मान

ब्राउज़र में डिफ़ॉल्ट फ़ॉन्ट.

आकार पैरामीटर

विवरण

फ़ॉन्ट आकार को 1 से 7 तक मनमानी इकाइयों में निर्दिष्ट करता है। डिफ़ॉल्ट रूप से उपयोग किया जाने वाला औसत आकार 3 है। फ़ॉन्ट आकार को या तो पूर्ण मान के रूप में निर्दिष्ट किया जा सकता है (उदाहरण के लिए, आकार = "4" ) या सापेक्ष मान के रूप में (उदाहरण के लिए) , आकार='+1' , आकार='-1' ). बाद वाले मामले में, आधार के सापेक्ष आकार बदल जाता है। फ़ॉन्ट आकार न केवल निर्दिष्ट आकार पैरामीटर से प्रभावित होता है, बल्कि फ़ॉन्ट टाइपफेस की पसंद से भी प्रभावित होता है। इस प्रकार, एरियल फ़ॉन्ट टाइम्स फ़ॉन्ट से बड़ा दिखता है, और वर्दाना फ़ॉन्ट एरियल फ़ॉन्ट से थोड़ा बड़ा है। फ़ॉन्ट और उसका आकार चुनते समय इस सुविधा को ध्यान में रखें।

वाक्य - विन्यास

...

बहस

1 से 7 तक का पूर्णांक, या + और - प्रतीकों का उपयोग करके मान को ऊपर या नीचे बदलना।

साइट पर फ़ॉन्ट का रंग HTML कोड का उपयोग करके सेट किया जा सकता है। इसके लिए एक टैग है फ़ॉन्ट. परिभाषा के अनुसार, एक टैग फ़ॉन्टटेक्स्ट के लिए एक प्रकार के "रैपर" या "कंटेनर" के रूप में कार्य करता है, जिसके गुणों को नियंत्रित करके आप टेक्स्ट का डिज़ाइन बदल सकते हैं।

टैग फ़ॉन्टइस प्रकार लागू होता है:

वेबसाइट निर्माता "न्यूबेक्स"

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

वेबसाइट निर्माता "न्यूबेक्स"

यह टैग से घिरे शब्द के लिए नीला रंग सेट करता है फ़ॉन्ट.

लेकिन रंग पैरामीटर के अलावा, टैग में अन्य विशेषताएं भी हैं।

फ़ॉन्ट टैग विशेषताएँ

टैग फ़ॉन्टकेवल तीन विशेषताएँ हैं:

  • रंग- पाठ का रंग सेट करता है;
  • आकार- पाठ का आकार निर्धारित करता है;
  • चेहरा- फ़ॉन्ट परिवार निर्दिष्ट करता है।

पैरामीटर रंगरंग नाम (उदाहरण के लिए "लाल", "नीला", "हरा") या हेक्साडेसिमल कोड (उदाहरण के लिए #fa8e47) द्वारा निर्दिष्ट किया जा सकता है।

गुण आकार 1 से 7 तक मान ले सकते हैं (डिफ़ॉल्ट 3 है, जो टाइम्स न्यू रोमन फ़ॉन्ट के लिए 13.5 अंक से मेल खाता है)। विशेषता निर्दिष्ट करने का दूसरा विकल्प "+1" या "-1" है। इसका मतलब यह है कि आकार को आधार के सापेक्ष क्रमशः 1 अधिक या कम बदला जाएगा।

आइए हमारे उदाहरण में इन विशेषताओं के उपयोग को देखें:

HTML का उपयोग करके फ़ॉन्ट का रंग बदलना

वेबसाइट निर्माता "न्यूबेक्स"

हमने टैग लगाया फ़ॉन्टएक शब्द के लिए, हमने इसे आकार 6, नारंगी रंग और "सेरिफ़" फ़ॉन्ट परिवार पर सेट किया है।

सीएसएस का उपयोग करके टेक्स्ट का रंग सेट करना

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

CSS का उपयोग करके फ़ॉन्ट का रंग बदलना

निर्माता साइटों "न्यूबेक्स"

यहां हमने "डिज़ाइनर" शब्द के लिए एक नीला रंग (इसका आकार, डिफ़ॉल्ट रूप से, आधार का 100% है), एक हरा रंग और "साइट्स" शब्द के लिए 125% का आकार, एक नारंगी रंग और एक आकार निर्धारित किया है। "न्यूबेक्स" शब्द के लिए 150%।

टैग आकार, रंग और टाइपफेस जैसी फ़ॉन्ट विशेषताओं को बदलने के लिए एक कंटेनर है। हालाँकि यह टैग अभी भी सभी ब्राउज़रों द्वारा समर्थित है, इसे अप्रचलित माना जाता है और शैलियों के पक्ष में इसके उपयोग को छोड़ने की अनुशंसा की जाती है।

वाक्य - विन्यास

मूलपाठ

विकल्प

टैग पैरामीटर का विवरण


रंग पैरामीटर

कंटेनर के अंदर टेक्स्ट का रंग सेट करता है .

वाक्य - विन्यास

...

सीएसएस-रंग का एनालॉग

चेहरा पैरामीटर

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

वाक्य - विन्यास

...

तर्क अल्पविराम द्वारा अलग किए गए किसी भी संख्या में फ़ॉन्ट नाम हैं। सार्वभौमिक फ़ॉन्ट परिवार:

  • सेरिफ़- सेरिफ़ फ़ॉन्ट (प्राचीन), जैसे टाइम्स;
  • सान्स सेरिफ़— सेन्स-सेरिफ़ फ़ॉन्ट (सेरिफ़ या सेन्स सेरिफ़ के बिना फ़ॉन्ट), एक विशिष्ट प्रतिनिधि एरियल है;
  • कर्सिव- इटैलिक फ़ॉन्ट;
  • कल्पना-सजावटी फ़ॉन्ट;
  • एकलस्पेस- मोनोस्पेस फ़ॉन्ट, इस परिवार में प्रत्येक वर्ण की चौड़ाई समान है।

सीएसएस एनालॉग - फ़ॉन्ट-परिवार

आकार पैरामीटर

फ़ॉन्ट आकार को 1 से 7 तक मनमानी इकाइयों में सेट करता है। डिफ़ॉल्ट रूप से उपयोग किया जाने वाला औसत आकार 3 है। फ़ॉन्ट आकार को या तो पूर्ण मान के रूप में निर्दिष्ट किया जा सकता है (उदाहरण के लिए, आकार = "4"), या सापेक्ष मान के रूप में (के लिए) उदाहरण, आकार='+1' आकार='-1''। बाद वाले मामले में, आधार के सापेक्ष आकार बदल जाता है। फ़ॉन्ट आकार न केवल निर्दिष्ट आकार पैरामीटर से प्रभावित होता है, बल्कि फ़ॉन्ट टाइपफेस की पसंद से भी प्रभावित होता है। इस प्रकार, एरियल फ़ॉन्ट टाइम्स फ़ॉन्ट से बड़ा दिखता है, और वर्दाना फ़ॉन्ट एरियल फ़ॉन्ट से थोड़ा बड़ा है। फ़ॉन्ट और उसका आकार चुनते समय इस सुविधा को ध्यान में रखें।

वाक्य - विन्यास

...

तर्क 1 से 7 तक का पूर्णांक है या + और - प्रतीकों का उपयोग करके मूल्य में वृद्धि या कमी है।

आज हम विभिन्न टैगों पर विचार करना जारी रखेंगे, जैसे फ़ॉन्ट, ब्लॉककोट, प्री, स्ट्रॉन्ग, एम, बी, आई और अन्य, जो टेक्स्ट फ़ॉर्मेटिंग की अनुमति देते हैं।

ब्लॉककोट और प्री-एचटीएमएल फ़ॉर्मेटिंग

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

उदाहरण

उदाहरण ब्लॉककोट में संलग्न है

आजकल, टेक्स्ट को डिज़ाइन करते समय ब्लॉककोट टैग का उपयोग अभी भी किया जाता है, लेकिन आजकल उद्धरणों की उपस्थिति आमतौर पर आपके डिज़ाइन टेम्पलेट की स्टाइलशीट फ़ाइल में इसके लिए विशेष रूप से निर्दिष्ट सीएसएस गुणों का उपयोग करके सेट की जाती है। उदाहरण के लिए, मेरे ब्लॉग के मामले में, style.css में आप निम्नलिखित पंक्तियाँ पा सकते हैं:

#सामग्री ब्लॉककोट(मार्जिन:15पीएक्स 0 20पीएक्स 0;पैडिंग:5पीएक्स 8पीएक्स 5पीएक्स 35पीएक्स;बैकग्राउंड:#ईएडएफ0 यूआरएल(इमेजेज/कोट2.पीएनजी) नो-रिपीट लेफ्ट टॉप;बैकग्राउंड-पोजीशन:8पीएक्स 5पीएक्स;रंग:#666;फॉन्ट- आकार:14px;चौड़ाई:91%;फ़ॉन्ट-शैली:इटैलिक;) #सामग्री ब्लॉककोट p(रंग:#666;फ़ॉन्ट-आकार:14px;)

खैर, आप प्रबंधक के साथ एक साक्षात्कार के साथ देख सकते हैं कि ब्लॉककोट में शामिल उद्धरण लेख के पाठ में कैसे दिखेंगे।

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

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

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

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

सोर्स कोड टैग प्री टैग में फ़ॉर्मेटिंग पुरानी हो चुकी है

प्री टैग स्वयं ब्लॉक-स्तरीय है, और इसके अंदर (यह टैग जोड़ा गया है) केवल इनलाइन सामग्री शामिल की जा सकती है (यानी, पैराग्राफ पी, हेडिंग एच 1 - एच 6, आदि को इसके अंदर नहीं रखा जाना चाहिए)।

एचटीएमएल में एक और ब्लॉक टैग है जो टेक्स्ट फ़ॉर्मेटिंग के लिए डिज़ाइन किया गया है - पता। सत्यापनकर्ता मानकों के अनुसार, इस टैग के अंदर केवल इनलाइन सामग्री स्थित हो सकती है, जो ब्राउज़र में इटैलिक में प्रदर्शित की जाएगी।

फ़ॉन्ट - शुद्ध HTML में टेक्स्ट रंग और फ़ॉन्ट के साथ काम करना

मजबूत, एम - पाठ में तार्किक और दृश्य हाइलाइटिंग के लिए टैग

यदि सीएसएस अब मौजूद नहीं होता, तो मुझे कुछ तार्किक और भौतिक (दृश्य) टेक्स्ट फ़ॉर्मेटिंग टैग के उद्देश्य का वर्णन करना पड़ता। लेकिन क्योंकि सीएसएस अब अधिकांश साइटों पर पहले से ही उपयोग किया जा रहा है, एचटीएमएल कोड में ऐसे टैग की भूमिका पहले से ही व्यावहारिक रूप से शून्य हो गई है, इसलिए मैं बस जल्दी से उनके माध्यम से जाऊंगा और समझाऊंगा कि उनका उपयोग पहले क्यों किया गया था (और कुछ अभी भी उपयोग किए जाते हैं) ).

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

तार्किक पाठ स्वरूपण टैग, सैद्धांतिक रूप से, किसी को इंगित करने के लिए उन्मुख होते हैं खोज इंजनों के लिए उच्चारण. उपयोगकर्ता के लिए, इन तत्वों के साथ हाइलाइट करने से हाइलाइट किए गए शब्दों का स्वरूप भी बदल जाएगा।

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

लेकिन कीवर्ड के बिना हाइलाइट्स के लिए, एचटीएमएल तत्वों "बी" और "आई" का उपयोग करने की सिफारिश की गई थी, जो फिर से उपयोगकर्ताओं को बोल्ड और इटैलिक की तरह दिखाई देगा, लेकिन खोज इंजन द्वारा ध्यान में नहीं रखा गया, क्योंकि वे तार्किक स्वरूपण टैग नहीं हैं.

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

तो, श्रेणी में पहले से उल्लिखित "बी" और "आई" (बोल्ड और इटैलिक में) के अलावा दृश्य स्वरूपणइनमें फ़ॉन्ट, प्री, पहले से ही लेख की शुरुआत में चर्चा की गई है, साथ ही टैग भी शामिल हैं:

  1. "उ" - रेखांकित करना
  2. "हड़ताल" - पार करना
  3. "सुपर" - सुपरस्क्रिप्ट
  4. "उप" - उपस्क्रिप्ट
  5. "टीटी" - मोनोस्पेस फ़ॉन्ट
  6. "बड़ा" - फ़ॉन्ट बढ़ाएँ
  7. "छोटा" - फ़ॉन्ट कम करें

खैर, अब आइए तत्वों की सूची पर नजर डालें तार्किक स्वरूपणमूलपाठ:

  1. "एम" - इटैलिक में महत्वपूर्ण अंशों का तार्किक हाइलाइटिंग
  2. "मजबूत" वही है, लेकिन यह केवल बोल्ड में ही दिखाई देगा
  3. "उद्धरण" - उद्धरणों को इटैलिक करें
  4. "कोड" - एक मोनोस्पेस्ड फ़ॉन्ट के साथ विभिन्न कोड प्रदर्शित करने के लिए डिज़ाइन किया गया
  5. "सैम्प" - एक मोनोस्पेस फ़ॉन्ट के साथ कई वर्णों को उजागर करने के लिए
  6. "एबीबीआर" - इस टैग की शीर्षक विशेषता में एक संक्षिप्त नाम का डिकोडिंग शामिल है (जैसे कि सीएसएस या एचटीएमएल, जो अक्षरों द्वारा पढ़े जाते हैं, न कि एक शब्द के रूप में)। जब आप इस संक्षिप्त नाम पर माउस कर्सर ले जायेंगे तो शीर्षक में लिखे शब्द सामने आ जायेंगे।
  7. "एक्रोनिम" एक ही चीज़ है, लेकिन इसका उपयोग एक्रोनिम के लिए किया जाता है, अर्थात। संक्षिप्ताक्षर जो अक्षरों द्वारा नहीं, बल्कि एक शब्द के रूप में पढ़े जाते हैं (उदाहरण के लिए, एमकेएडी या गाई)
  8. "केबीडी" - साइट उपयोगकर्ता द्वारा कीबोर्ड से दर्ज किए गए टेक्स्ट को मोनोस्पेस फ़ॉन्ट में प्रदर्शित करने के लिए उपयोग किया जाता है
  9. "Var" - कुछ कोड में वेरिएबल्स को इटैलिकाइज़ करने के लिए उपयोग किया जाता है
  10. "डेल" - जब आप यह दिखाना चाहते हैं कि एचटीएमएल दस्तावेज़ प्रकाशित करने के बाद कुछ अंश हटा दिया गया था तो स्ट्राइकथ्रू के साथ हाइलाइट करना
  11. "इन्स" - जब आपको यह दिखाने की आवश्यकता हो तो रेखांकित करना कि एचटीएमएल दस्तावेज़ के प्रकाशन के बाद कुछ टुकड़ा डाला गया था

मैं एक बार फिर दोहराता हूं कि अधिकांश भाग के लिए ये फ़ॉर्मेटिंग टैग अब कोड लिखते समय बहुत कम पाए जाते हैं, लेकिन फिर भी उनके उद्देश्य को जानना अतिश्योक्तिपूर्ण नहीं होगा।

आप सौभाग्यशाली हों! जल्द ही ब्लॉग साइट के पन्नों पर मिलते हैं

आपकी रुचि हो सकती है

व्हाइटस्पेस वर्ण और एचटीएमएल में कोड का उनका स्वरूपण, साथ ही विशेष गैर-ब्रेकिंग स्पेस वर्ण और अन्य निमोनिक्स
एचटीएमएल और सीएसएस कोड में रंग कैसे सेट किए जाते हैं, टेबल में आरजीबी शेड्स का चयन, यांडेक्स आउटपुट और अन्य प्रोग्राम चयन करें, विकल्प, टेक्स्टक्षेत्र, लेबल, फ़ील्डसेट, लीजेंड - ड्रॉप-डाउन सूचियों और टेक्स्ट फ़ील्ड के रूप के लिए HTML टैग
एचटीएमएल कोड में सूचियाँ - यूएल, ओएल, एलआई और डीएल टैग
हाइपरलिंक कैसे बनाएं (ए, एचआरएफ, टारगेट ब्लैंक), इसे साइट पर एक नई विंडो में कैसे खोलें, और एक चित्र को एचटीएमएल कोड में एक लिंक भी बनाएं
एचटीएमएल में टेबल्स - टेबल, टीआर और टीडी टैग, साथ ही उन्हें बनाने के लिए कोलस्पैन, सेलपैडिंग, सेलस्पेसिंग और रोस्पैन
Html 4.01 मानक के अनुसार शीर्षकों H1-H6, क्षैतिज रेखा Hr, लाइन ब्रेक Br और पैराग्राफ P के टैग और विशेषताएँ
हाइपरटेक्स्ट मार्कअप लैंग्वेज Html क्या है और W3C वैलिडेटर में सभी टैग्स की सूची कैसे देखें
Img - एक चित्र (Src) डालने, उसके चारों ओर पाठ को संरेखित करने और लपेटने (संरेखित करने) के लिए HTML टैग, साथ ही पृष्ठभूमि (पृष्ठभूमि) सेट करने के लिए
HTML कोड में टिप्पणी निर्देश और Doctype, साथ ही ब्लॉक और इनलाइन तत्वों (टैग) की अवधारणा

मानक फ़ॉन्ट आकार और शैलियों (टाइपफेस) का उपयोग करने के अलावा, आप विशेष टैग का उपयोग करके प्रत्येक पाठ खंड के लिए फ़ॉन्ट परिभाषित कर सकते हैं। तथाकथित का उपयोग करना सबसे आसान तरीका है भौतिक शैलियाँ:

प्रत्येक भौतिक शैली टैग के लिए, एक संबंधित समापन टैग होता है जो शैली के आगे के अनुप्रयोग को अक्षम कर देता है। उदाहरण के लिए, टैग के लिए समापन टैग है.
नीचे एक उदाहरण कार्यक्रम और विभिन्न भौतिक शैलियों की उपस्थिति है:


<НЕАD><ТIТLЕ>भौतिक शैलियाँ

<В>बोल्ड
तिर्छा
पर बल दिया
काट दिया गया
<ТТ>टाइपराइटर
<ВХ1>बोल्ड इटैलिक
<ВХ1><и>बोल्ड इटैलिक रेखांकित


चावल। 649. भौतिक शैलियाँ

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


<НЕАD><ТIТLЕ>भौतिक और तार्किक शैलियाँ

<Н2>यह - संशोधितदूसरे स्तर का हेडर

चावल। 650. शीर्षक के भाग की फ़ॉन्ट शैली बदलना

एक विशेष टैग का उपयोग करना आप पाठ छवियों के लिए फ़ॉन्ट को अनुकूलित कर सकते हैं: टाइपफेस, आकार और रंग सेट करें। सबसे पहले, आप मुख्य फ़ॉन्ट का आकार सेट कर सकते हैं जो डिफ़ॉल्ट रूप से दस्तावेज़ में उपयोग किया जाता है। मुख्य फ़ॉन्ट टैग का प्रारूप है . मुख्य फ़ॉन्ट आकार 1 से 7 तक सेट किया जा सकता है। यदि आप इस टैग का उपयोग नहीं करते हैं, तो डिफ़ॉल्ट मुख्य फ़ॉन्ट आकार 3 पर सेट है।
टैग व्यक्तिगत पाठ अंशों के लिए वर्तमान फ़ॉन्ट आकार सेट करता है। यह टैग शैलियों को प्रभावित नहीं करता. संभावित मानों की सीमा 1 से 7 तक है। यह टैग आपको मुख्य फ़ॉन्ट के सापेक्ष वर्तमान फ़ॉन्ट के आकार को नियंत्रित करने की भी अनुमति देता है। ऐसा करने के लिए, फ़ॉन्ट आकार को एक निश्चित मात्रा तक बढ़ाने के लिए + चिह्न और - चिह्न (घटाने के लिए) का उपयोग करें। उदाहरण के लिए, यदि बॉडी फॉन्ट का आकार 3 पर सेट है, तो टैग वर्तमान फ़ॉन्ट आकार को 5 पर सेट करता है।
फ़ॉन्ट टाइपफ़ेस सेट करने के लिए, टैग का उपयोग करें . उदाहरण के लिए:

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

चेहरा = "एरियल, सैन्स सेरिफ़, कूरियर">

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

रंग विशेषता तर्क रंग कोड (लाल, हरा और नीला घटक, उर्फ ​​आरजीबी घटक) का हेक्साडेसिमल प्रतिनिधित्व है। निम्नलिखित प्रोग्राम फ़ॉन्ट प्रबंधन प्रदर्शित करता है:


<НЕАD><ТIТLЕ>फ़ॉन्ट स्थापित करना

<Р>आरिया फ़ॉन्ट एबीवीजीडेज़िक
<Р>कूरियर फ़ॉन्ट एबीवीजीडेज़िक
<Р>फ़ॉन्ट प्रतीक एबीवीजीडेज़िक


चावल। 651. विभिन्न फ़ॉन्ट का उपयोग करना

टैग में ध्यान दें आप इसकी कुछ या सभी संभावित विशेषताओं का उपयोग कर सकते हैं। उदाहरण के लिए:

गणितीय सूत्रों में, साथ ही फ़ुटनोट्स के लिए, सूचकांकों का उपयोग अक्सर किया जाता है, जो स्थिति (थोड़ा अधिक या कम) और आकार में मुख्य पाठ से भिन्न होते हैं। टैग इस उद्देश्य की पूर्ति करते हैं और क्रमशः ऊपरी और निचले सूचकांकों के लिए।


<НЕАD><Т1ТLЕ>इंडेक्स/NEAD>

<НЗ>अनुक्रमणिका का उपयोग करने का उदाहरण
<Р>(5+x 2)एक्स+3

1+ ए 2+ ए 3
<Р>फुटनोट 2


चावल। 832. सुपरस्क्रिप्ट और सबस्क्रिप्ट का उपयोग करना

ऊपर चर्चा किए गए टैग के अलावा, अतिरिक्त टेक्स्ट फ़ॉर्मेटिंग टैग भी हैं:

  • - ईमेल पते, डाक पते आदि का चयन
    टेलीफ़ोन नंबर;
  • <СIТЕ> - हाइलाइटिंग उद्धरण;
  • , - रिकॉर्डिंग कार्यक्रम पाठ, प्रतीकात्मक स्थिरांक;
  • - कीबोर्ड से टेक्स्ट दर्ज करना।

अंतिम तीन शैलियाँ एक मोनोस्पेस्ड फ़ॉन्ट (आमतौर पर कूरियर) का उपयोग करती हैं। उदाहरण के लिए, मोनोस्पेस फ़ॉन्ट में अक्षर I और Ж समान स्थान घेरते हैं। मोनोस्पेस फ़ॉन्ट का उपयोग उस आसानी के कारण होता है जिससे टेक्स्ट को स्पेस वर्णों का उपयोग करके संरेखित किया जा सकता है।
आइए एक और बात पर ध्यान दें. फ़ॉन्ट नियंत्रण टैग, तार्किक शैली टैग की तरह, विशेषता शामिल कर सकते हैं शीर्षक = "स्ट्रिंग", जो आपको इस टैग के अंदर टेक्स्ट में एक टूलटिप संलग्न करने की अनुमति देता है। विशेषता तर्क शीर्षकसंकेत स्ट्रिंग है. जब आप किसी हाइलाइट किए गए शब्द या वाक्यांश पर अपना माउस घुमाते हैं, तो पॉइंटर के बगल में एक टूलटिप दिखाई देगी। इस तकनीक का उपयोग करके, आप संक्षिप्ताक्षरों को समझ सकते हैं और उपयोगकर्ता को अतिरिक्त स्पष्टीकरण और अनुशंसाएँ प्रदान कर सकते हैं।