सबसे पहले बात करते हैं मुख्य बातें. पिछले पाठों में आप देख सकते थे कि टेक्स्ट का उपयोग कैसे किया जाता है। हालाँकि, इसके साथ, html में ऐसे टैग हैं जो शीर्षकों को दर्शाते हैं: एच 1, एच 2, h3, एच 4, एच5, h6. वे सबसे बड़े से सबसे छोटे क्रम में हैं: एच 1- सबसे बड़ा शीर्षक, एच 2- थोड़ा कम, लेकिन h6, उनमें से अंतिम, क्रमशः, सबसे छोटा।

शीर्षक 1

शीर्षक 2

शीर्षक 3

शीर्षक 4

प्रदर्शन स्रोत डाउनलोड करें
उपरोक्त कोड निम्नलिखित प्रदर्शित करेगा

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

HTML में टेक्स्ट को फॉर्मेट करना

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

सबसे अधिक बार (और अधिक सही ढंग से) लाइन ब्रेक और पैराग्राफ मार्क के लिएटैग का प्रयोग करें पी (अनुच्छेद) यदि आप इस टैग का उपयोग करते हैं, तो पैराग्राफ एक दूसरे से इंडेंट हो जाएंगे।

पहले पैराग्राफ का पाठ। पहले पैराग्राफ का पाठ। पहले पैराग्राफ का पाठ। पहले पैराग्राफ का पाठ।

दूसरे पैराग्राफ का पाठ। दूसरे पैराग्राफ का पाठ। दूसरे पैराग्राफ का पाठ। दूसरे पैराग्राफ का पाठ।

प्रदर्शन स्रोत डाउनलोड करें

टैग पीएक विशेषता है संरेखित, जो पैराग्राफ संरेखण के लिए जिम्मेदार है। निम्नलिखित मान हो सकते हैं:

बाएं- बाएं संरेखण
सही- दाईं ओर संरेखण
केंद्र- बीच में
न्यायोचित ठहराना- चौड़ाई में

आइए बाईं ओर, दाईं ओर और केंद्र में टेक्स्ट संरेखण के लिए एक उदाहरण कोड देखें।

पहले पैराग्राफ का पाठ। पहले पैराग्राफ का पाठ। पहले पैराग्राफ का पाठ।

दूसरे पैराग्राफ का पाठ। दूसरे पैराग्राफ का पाठ। दूसरे पैराग्राफ का पाठ।

तीसरे पैराग्राफ का पाठ। तीसरे पैराग्राफ का पाठ। तीसरे पैराग्राफ का पाठ।

प्रदर्शन स्रोत डाउनलोड करें

एक टैग भी है केंद्र. यह अपनी सामग्री (पाठ, छवि, आदि) को केंद्र में रखता है। पाठ के लिए, इसका प्रभाव केंद्र संरेखण के समान है।

मध्य पाठ

html में टेक्स्ट को बोल्ड कैसे करें?

बलवान- मानक बोल्ड टेक्स्ट।
बी- कीवर्ड को बोल्ड में हाइलाइट करना। यह टैग मजबूत टैग से पहले का है और कुछ लोगों द्वारा इसे अप्रचलित माना जाता है (हालाँकि, टैग का उपयोग HTML5 में किया जाता है)। मजबूत होने के साथ-साथ, कीवर्ड और वाक्यांशों को परिभाषित करते समय इसे खोज इंजन द्वारा माना जाता है।
ध्यान! इन टैग के साथ टेक्स्ट को हाइलाइट करना सर्च इंजन द्वारा विशेष रूप से महत्वपूर्ण समझा जाता है।
ध्यान से:
1. आवंटित केवल महत्वपूर्णशब्दों और वाक्यांशों
2. महत्वपूर्ण - यह पाठ का एक चौथाई नहीं है। प्रयत्न आवेदन को सीमित करेंयह टैग।

आइए टेक्स्ट को बोल्ड में हाइलाइट करने के लिए कोड का एक उदाहरण देखें

यदि आप किसी वाक्यांश को हाइलाइट करना चाहते हैं ताकि वह उपयोगकर्ता को आसानी से दिखाई दे,
जैसे अनुस्मारक ऐसा करो. या तो मामले में कीवर्ड

प्रदर्शन स्रोत डाउनलोड करें
ब्राउज़र निम्नलिखित प्रदर्शित करेगा

उन दोनों और अन्य शब्दों को बोल्ड में हाइलाइट किया जाएगा, हालांकि, सर्च इंजन के लिए शब्द महत्वपूर्ण होंगे कीवर्ड

html में टेक्स्ट को इटैलिक कैसे करें?

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

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

मर्सिडीज बेंज 1886 में स्थापित एक जर्मन ऑटोमेकर है।
नाम दो ब्रांडों से आता है - मर्सिडीजऔर बेंज.
वह मुख्य रूप से उत्पादन में शामिल है प्रीमियम कारें, ट्रकों, बसों.

http://ru.wikipedia.org/wiki/Mercedes-Benz

प्रदर्शन स्रोत डाउनलोड करें
ब्राउज़र इस तरह प्रदर्शित होगा

html में टेक्स्ट को अंडरलाइन कैसे करें?

तुम- मानक रेखांकन चयन (नवीनतम html विनिर्देशों के साथ सबसे अच्छा उपयोग किया जाता है)
इन की- इस प्रकार आपके दस्तावेज़ में डाला गया नया डेटा (पाठ, स्पष्टीकरण) (या तो जोड़ा गया है या पुराने को बदल दिया गया है) चिह्नित किया गया है। रेखांकित करके हाइलाइट किया गया

पहले और दूसरे दोनों मामलों में डेटा हाइलाइट किया जाएगा रेखांकित.

एचटीएमएल में टेक्स्ट स्ट्राइकथ्रू कैसे बनाएं?

स्ट्राइकथ्रू निम्नलिखित टैग में टेक्स्ट को हाइलाइट करता है
डेल- सुधार किया।
हड़ताल- मानक स्ट्राइकथ्रू।
एस- हड़ताल के लिए छोटा

दो गुना दो बराबर पंजचार। सामान्य स्ट्राइकथ्रू टेक्स्ट

प्रदर्शन स्रोत डाउनलोड करें

html में सुपरस्क्रिप्ट और सबस्क्रिप्ट में टेक्स्ट को कैसे हाइलाइट करें?

विषय- एक टैग जो छोटे फ़ॉन्ट में लाइन स्तर के नीचे टेक्स्ट प्रदर्शित करता है।
सुड़कना- एक टैग जो छोटे फ़ॉन्ट में लाइन स्तर के ऊपर टेक्स्ट प्रदर्शित करता है।

ए ²+बी ²= सी ²- पाइथागोरस प्रमेय।

एच ₂ O जल का रासायनिक सूत्र है।

प्रदर्शन स्रोत डाउनलोड करें
ब्राउज़र निम्नलिखित प्रदर्शित करेगा

एचटीएमएल में फ़ॉन्ट टैग

html में टेक्स्ट संपादित करने के लिए भी प्रयोग किया जाता है फ़ॉन्ट टैग. हालांकि, ब्लॉक लेआउट की शुरुआत और सीएसएस की लोकप्रियता के साथ, इस पद्धति को जल्दी से भुला दिया जाने लगा।

टैग फ़ॉन्टफ़ॉन्ट विकल्प निर्दिष्ट करता है (फ़ॉन्ट प्रकार, आकार, रंग)। इसकी संबंधित विशेषताएं हैं:

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

आकार- 1 से 7 तक सक्रिय मान। डिफ़ॉल्ट फ़ॉन्ट 3 है।

रंग- लिखावट का रंग। यदि आप पैरामीटर सेट नहीं करते हैं, तो टेक्स्ट काला हो जाएगा।

फ़ॉन्ट तहोमा, आकार 5, रंग नीला।

प्रदर्शन स्रोत डाउनलोड करें
फिर से, यह विधि पुरानी है, इसलिए मैं आपको सलाह देता हूं कि आप इसका उपयोग करने की आदत न डालें।

क्या पाठ को उस रूप में प्रदर्शित करना संभव है जिसमें इसे मुद्रित किया गया था (ए)। पूर्व टैग

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

आप टेक्स्ट कैसे दर्ज करना चाहते हैं 
तो वह दिखा!  =)

प्रदर्शन स्रोत डाउनलोड करें
यह ब्राउज़र में इस तरह दिखेगा

पाठ स्वरूपण के लिए अन्य टैग

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

एचटीएमएल

प्रदर्शन स्रोत डाउनलोड करें
ब्राउज़र में यह इस तरह दिखेगा

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

एचटीएमएल

एचटीएमएल या घंटा टैग में क्षैतिज पट्टी

एचटीएमएल में एक क्षैतिज रेखा को इंगित करने के लिए प्रयोग किया जाता है घंटा टैग. ऊपर और नीचे यह इंडेंट द्वारा प्रतिष्ठित है।

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

नियमित लाइन

---

ब्लॉक की चौड़ाई के 50% की लंबाई के साथ केंद्र में लाइन, लाइन की मोटाई 2

---

रेखा दाएँ, नीला, 200px

---

प्रदर्शन स्रोत डाउनलोड करें
ब्राउजर में

ध्यान देने के लिए आपका धन्यवाद! सबक लंबा और कठिन था! आपने एक बड़ा कदम आगे बढ़ाया है!

विवरण

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

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

पाठ-सजावट: [ब्लिंक || लाइन-थ्रू || ओवरलाइन || रेखांकित] | कोई नहीं | इनहेरिट

मूल्यों

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

HTML5 CSS2.1 IE Cr Op Sa Fx

रणनीतिक हमला

ऑब्जेक्ट मॉडल

document.getElementById("elementID").style.textDecoration

document.getElementById("elementID").style.textDecorationBlink

document.getElementById("elementID").style.textDecorationLineThrough

document.getElementById("elementID").style.textDecorationNone

document.getElementById("elementID").style.textDecorationOverLine

document.getElementById("elementID").style.textDecorationUnderline

ब्राउज़र्स

संस्करण 7.0 तक इंटरनेट एक्सप्लोरर इनहेरिट मूल्य का समर्थन नहीं करता है। लाइन-थ्रू मान के साथ प्राप्त लाइन अन्य ब्राउज़रों की तुलना में IE7 में अधिक है; IE8 ने इस बग को ठीक कर दिया है।

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

सौंपा हुआ काम

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

• रेखांकित करें। इस मान को निर्दिष्ट करके, आप प्राप्त करेंगे
• ओवरलाइन। रेखा पृष्ठ के एक निश्चित टुकड़े के ऊपर से गुजरेगी।
• कतार से। स्ट्राइकथ्रू या स्ट्राइकथ्रू टेक्स्ट बनाता है।
• झपकी। दस्तावेज़ का चयनित टुकड़ा समय-समय पर गायब हो जाएगा और फिर से दिखाई देगा।
• "कोई नहीं" और "विरासत" मान भी हैं। पहला सभी प्रभावों को रद्द कर देता है, और दूसरा संपत्ति को मूल तत्व से विरासत में मिलाने का आदेश देता है।

प्रयोजन

ऐसा लगता है कि सीएसएस में, स्ट्राइकथ्रू टेक्स्ट और इसी तरह के प्रभाव केवल टेक्स्ट को सजाने का काम करते हैं। ज्यादातर मामलों में, यह कथन सत्य है। लेकिन कभी-कभी यह सवाल सोचने लायक होता है: ऐसे तत्व क्यों बनाए गए? उदाहरण के लिए, पहले से अप्रचलित "स्ट्राइक" टैग का उपयोग गलत या पुरानी जानकारी को इंगित करने के लिए किया गया था। पाठक, क्रॉस किए गए पाठ को देखकर, ऐसे पदनाम के छिपे हुए अर्थ को समझते हैं। रेखांकित शब्दों को हमेशा सामान्य प्रवाह से तुरंत हाइलाइट किया जाता है। इसलिए, महत्वपूर्ण जानकारी को उजागर करने के लिए इस आशय का उपयोग किया जाना चाहिए। "ब्लिंक" मान, जो टेक्स्ट को ब्लिंक करता है, का उपयोग शायद ही कभी किया जाता है, क्योंकि इसे आमतौर पर प्रोग्रामर के बीच अस्वीकार्य माना जाता है। आखिरकार, आपके कुछ पाठक टिमटिमाते प्रतीकों को पसंद करते हैं जो उन्हें लगातार विचलित करेंगे। खैर, "ओवरलाइन" मान का उपयोग केवल टेक्स्ट को सजाने के लिए किया जाता है।

peculiarities

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

निष्कर्ष

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