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

लेखक: Clyde Lopez
निर्माण की तारीख: 19 जुलाई 2021
डेट अपडेट करें: 1 जुलाई 2024
Anonim
HTML अंडरलाइन - HTML और CSS में टेक्स्ट को अंडरलाइन कैसे करें
वीडियो: HTML अंडरलाइन - HTML और CSS में टेक्स्ट को अंडरलाइन कैसे करें

विषय

विरासती HTML अंडरलाइन विधि u> / u> टैग का उपयोग करना है, लेकिन अब यह एक आधुनिक CSS आधारित पद्धति का उपयोग करती है। अंडरलाइनिंग को टेक्स्ट पर ध्यान आकर्षित करने का एक बुरा तरीका माना जाता है क्योंकि लिंक के साथ अंडरलाइन किए गए टेक्स्ट को भ्रमित करना आसान है।

कदम

विधि 1 में से 2: आधुनिक विधि

  1. 1 सीएसएस में "टेक्स्ट-डेकोरेशन" प्रॉपर्टी का इस्तेमाल करें। वर्तमान में, u> टैग का उपयोग टेक्स्ट को रेखांकित करने के लिए नहीं किया जाता है।
    • इस गुण को जोड़कर, आपको भविष्य में पुराने टैग के समाप्त होने पर अपना कोड बदलने की आवश्यकता नहीं है।
  2. 2 किसी विशिष्ट पाठ को रेखांकित करने के लिए स्पैन> टैग का उपयोग करें। जिस टेक्स्ट को आप रेखांकित करना चाहते हैं, उसके सामने "टेक्स्ट-डेकोरेशन" प्रॉपर्टी के साथ एक स्टार्ट टैग डालें। टेक्स्ट के अंत में, क्लोजिंग टैग / स्पैन> दर्ज करें।

    अवधि शैली = "पाठ-सजावट: रेखांकित;"> इस पाठ को रेखांकित किया जाएगा। / अवधि>

  3. 3 शैली> अनुभाग में HTML तत्वों को रेखांकित करना आसान बनाने के लिए निर्दिष्ट करें। यह CSS स्टाइलशीट का उपयोग करके भी किया जा सकता है। उदाहरण के लिए, सभी स्तर 3 शीर्षकों को रेखांकित करने के लिए, निम्नलिखित कोड को "शैली" अनुभाग में जोड़ें:

    html> सिर> शैली> h3 {पाठ-सजावट: रेखांकित; } / शैली> / सिर> शरीर> h3> यह शीर्षक रेखांकित किया जाएगा / h3> / शरीर> / html>

  4. 4 टेक्स्ट को जल्दी से अंडरलाइन करने के लिए CSS क्लास बनाएं। आप उन्हें बाद में कॉल करने के लिए अपनी स्टाइलशीट या शैली> अनुभाग में कक्षाएं बना सकते हैं। वर्ग को कोई भी नाम दिया जा सकता है।

    html> सिर> शैली> .रेखांकन {पाठ-सजावट: रेखांकित; } / शैली> / सिर> शरीर> div के लिए इस वर्ग का उपयोग करें> त्वरित रेखांकन / div> विभिन्न div> तत्व / div> / शरीर> / html>

  5. 5 टेक्स्ट को हाइलाइट करने के अन्य तरीकों के बारे में सोचें। हम अनुशंसा करते हैं कि आप उपयोगकर्ताओं को भ्रमित करने से बचने के लिए रेखांकित करने से बचें। टेक्स्ट को इटैलिक बनाने के लिए em> टैग का उपयोग करना बेहतर है। इस टैग में अन्य स्टाइलिंग विकल्प जोड़ने के लिए CSS का उपयोग करें।

    html> सिर> शैली> उन्हें {रंग: लाल; } / शैली> / सिर> शरीर> "em" तत्व में कुछ भी इटैलिक किया जाएगा (डिफ़ॉल्ट रूप से) और लाल रंग / em> अतिरिक्त शैली विकल्पों के लिए धन्यवाद। / शरीर> / html>

विधि २ का २: लिगेसी विधि

  1. 1 पुराने u>/u> टैग के प्रयोग से बचें। उन्हें बहिष्कृत कर दिया गया है, जिसका अर्थ है कि ये टैग अभी भी काम करते हैं, लेकिन उन्हें हतोत्साहित या हतोत्साहित किया जा रहा है। ऐसा इसलिए है क्योंकि HTML सामग्री की शैली को अनुकूलित करने के लिए नहीं है। u> टैग अभी भी काम करता है, लेकिन अन्य टेक्स्ट से अलग टेक्स्ट का प्रतिनिधित्व करना चाहिए, जैसे गलत वर्तनी वाले शब्द या चीनी उचित नाम।
  2. 2 तत्वों को रेखांकित करने के लिए u> / u> टैग का उपयोग करें (केवल प्रदर्शन के लिए)। शायद ही कोई ऐसा मामला हो जहां आपको इन टैग्स का उपयोग करने की आवश्यकता हो। आपको पुरानी साइट को संपादित करने की आवश्यकता हो सकती है, इसलिए यह जानना सबसे अच्छा है कि टैग क्या हैं।

    html> body> पुराने HTML u> टैग ने / u> तत्वों को जल्दी से रेखांकित करना संभव बना दिया, लेकिन अगर अन्य स्टाइलिंग तत्वों को छुआ गया, तो चीजें अव्यवस्थित हो गईं। इसलिए, आजकल वे रेखांकित करने के लिए CSS तत्व "पाठ-सजावट" का उपयोग करते हैं। / शरीर> / html>

टिप्स

  • वेब पेज पर सामग्री को रेखांकित करने की तुलना में लगभग हमेशा एक बेहतर तरीका होता है। रेखांकित करना उपयोगकर्ताओं को भ्रमित कर सकता है। CSS का उपयोग करके टेक्स्ट को हाइलाइट करने के तरीके के बारे में सोचें।