HTML मध्ये मजकूर कसे अधोरेखित करावे

लेखक: Clyde Lopez
निर्मितीची तारीख: 19 जुलै 2021
अद्यतन तारीख: 1 जुलै 2024
Anonim
एचटीएमएल अंडरलाइन - एचटीएमएल आणि सीएसएसमध्ये मजकूर कसा अधोरेखित करायचा
व्हिडिओ: एचटीएमएल अंडरलाइन - एचटीएमएल आणि सीएसएसमध्ये मजकूर कसा अधोरेखित करायचा

सामग्री

लेगसी HTML अधोरेखित पद्धत u> </u> टॅग वापरणे आहे, परंतु आता ती आधुनिक CSS आधारित पद्धत वापरते. अधोरेखित करणे हा मजकुराकडे लक्ष वेधण्याचा एक वाईट मार्ग मानला जातो कारण दुव्यासह अधोरेखित मजकुराला गोंधळात टाकणे सोपे आहे.

पावले

2 पैकी 1 पद्धत: आधुनिक पद्धत

  1. 1 CSS मध्ये "मजकूर-सजावट" मालमत्ता वापरा. सध्या, मजकूर अधोरेखित करण्यासाठी u> टॅग वापरला जात नाही.
    • ही मालमत्ता जोडून, ​​भविष्यात जुने टॅग निवृत्त झाल्यावर तुम्हाला तुमचा कोड बदलण्याची गरज नाही.
  2. 2 विशिष्ट मजकुराला अधोरेखित करण्यासाठी स्पॅन> टॅग वापरा. आपण अधोरेखित करू इच्छित मजकुरासमोर "मजकूर-सजावट" मालमत्तेसह प्रारंभ टॅग प्रविष्ट करा. मजकुराच्या शेवटी, बंद टॅग < / span> प्रविष्ट करा.

    span style = "text-decoration: underline;"> हा मजकूर अधोरेखित केला जाईल. < / span>

  3. 3 शैली> विभागात HTML घटक निर्दिष्ट करा जेणेकरून अधोरेखित करणे सोपे होईल. हे सीएसएस स्टाईलशीट वापरून देखील करता येते. उदाहरणार्थ, सर्व स्तर 3 शीर्षके अधोरेखित करण्यासाठी, "शैली" विभागात खालील कोड जोडा:

    html> head> style> h3 {text-decoration: underline; < / style> / head> body> h3> हे शीर्षक अधोरेखित केले जाईल / h3> / body> / html>

  4. 4 मजकूर पटकन अधोरेखित करण्यासाठी CSS वर्ग तयार करा. आपण नंतर त्यांना कॉल करण्यासाठी आपल्या स्टाइलशीट किंवा शैली> विभागात वर्ग तयार करू शकता. वर्गाला कोणतेही नाव दिले जाऊ शकते.

    html> head> style>. underline {text-decoration: underline; < / style> / head> body> div साठी हा वर्ग वापरा> द्रुत अधोरेखित / div> विविध div> घटक / div> / body> / html>

  5. 5 मजकूर हायलाइट करण्याच्या इतर मार्गांचा विचार करा. वापरकर्त्यांना गोंधळात टाकण्यासाठी तुम्ही अधोरेखित करणे टाळावे अशी आम्ही शिफारस करतो. मजकूर तिरपे करण्यासाठी em> टॅग वापरणे चांगले. या टॅगमध्ये इतर स्टाईलिंग पर्याय जोडण्यासाठी CSS वापरा.

    html> head> style> em {color: red; < / style> / head> body> "em" घटकामध्ये काहीही इटालिक केले जाईल (डीफॉल्टनुसार) आणि रंगीत लाल < / em> अतिरिक्त शैली पर्यायांसाठी धन्यवाद. / body> / html>

2 पैकी 2 पद्धत: लेगसी पद्धत

  1. 1 जुने u> </u> टॅग वापरणे टाळा. ते नापसंत आहेत, याचा अर्थ असा की हे टॅग अजूनही कार्य करतात, परंतु निराश किंवा निराश केले जात आहेत. याचे कारण असे आहे की एचटीएमएल सामग्रीची शैली सानुकूलित करण्यासाठी नाही. U> टॅग अद्याप कार्य करते, परंतु इतर मजकुरापेक्षा भिन्न मजकूर दर्शवणे आवश्यक आहे, जसे की चुकीचे शब्दलेखन केलेले शब्द किंवा चीनी योग्य नावे.
  2. 2 घटक अधोरेखित करण्यासाठी u> </u> टॅग वापरा (केवळ प्रात्यक्षिकांसाठी). असे एकमेव प्रकरण नाही जेथे आपल्याला हे टॅग वापरण्याची आवश्यकता आहे. आपल्याला जुनी साइट संपादित करण्याची आवश्यकता असू शकते, म्हणून टॅग काय आहेत याची जाणीव असणे चांगले.

    html> body> जुन्या HTML u> टॅगमुळे घटक पटकन अधोरेखित करणे शक्य झाले, परंतु इतर स्टाईलिंग घटकांना स्पर्श केल्यास गोष्टी अराजक झाल्या. म्हणून, आजकाल ते अधोरेखित करण्यासाठी CSS घटक "मजकूर-सजावट" वापरतात. / body> / html>

टिपा

  • वेब पेजवर अधोरेखित करण्यापेक्षा सामग्री हायलाइट करण्याचा जवळजवळ नेहमीच एक चांगला मार्ग असतो. अधोरेखित करणे वापरकर्त्यांना गोंधळात टाकू शकते. CSS वापरून मजकूर कसा हायलाइट करायचा याचा विचार करा.