உள்ளடக்கம்

• அடியெடுத்து வைக்க
• 2 இன் முறை 1: தற்போதைய முறை
• 2 இன் முறை 2: காலாவதியான முறை
• உதவிக்குறிப்புகள்

HTML இல் அடிக்கோடிட்டுக் காட்டுவது u> </ u> குறிச்சொற்களுக்கு இடையில் உரையை இணைப்பதற்கான ஒரு விஷயமாக இருந்தது, ஆனால் இந்த முறை பின்னர் பல்துறை CSS க்கு ஆதரவாக நீக்கப்பட்டது. வலைப்பக்கங்களில் அடிக்கோடிட்டுக் காட்டுவது பொதுவாக உரையின் ஒரு குறிப்பிட்ட பகுதியை வலியுறுத்துவதற்கான சிரமமான வழியாக கருதப்படுகிறது. அடிக்கோடிட்ட உரை ஒரு இணைப்போடு எளிதில் குழப்பமடைவதே இதற்குக் காரணம்.

அடியெடுத்து வைக்க

2 இன் முறை 1: தற்போதைய முறை

1. உங்கள் CSS பாணியில் உரை-அலங்கார சொத்தைப் பயன்படுத்தவும். U> குறிச்சொல்லைப் பயன்படுத்துவது இனி உரையை அடிக்கோடிட்டுக் காட்ட பொருத்தமான வழியாகும். அதற்கு பதிலாக, நாங்கள் CSS சொத்து "உரை-அலங்காரம்" ஐப் பயன்படுத்துகிறோம்.
   • இது குறியீட்டை மாற்றுவதை எளிதாக்குகிறது, இதனால் பழைய குறியீடு பயன்படுத்த முடியாததாகிவிட்டால் அதைப் பற்றி நீங்கள் எதையும் மாற்ற வேண்டியதில்லை.
2. உரையின் ஒரு குறிப்பிட்ட பகுதியை நீங்கள் அடிக்கோடிட்டுக் காட்ட விரும்பும் போது span> குறிச்சொல்லைப் பயன்படுத்தவும். அடிக்கோடிட்டல் தொடங்க விரும்பும் இடத்தில் "உரை-அலங்காரம்" சொத்துடன் தொடக்க குறிச்சொல்லை வைக்கவும். இறுதி குறிச்சொல் / span> ஐ அடிக்கோடிட்டுக் காட்ட வேண்டிய இடத்தில் வைக்கவும்.

   span style = "text-decoration: underline;"> இது அடிக்கோடிட்டுக் காட்டப்படும் ./span>

3. உங்கள் பக்கத்தின் ஒரு பாணியில்> HTML கூறுகளை அறிவிக்கவும். நீங்கள் இதை CSS நடை தாளில் செய்யலாம். ஒரு HTML உறுப்புடன் ஒரு பாணியை இணைப்பதன் மூலம் அடிக்கோடிட்டுக் காட்டுவது மிகவும் எளிதானது. எடுத்துக்காட்டாக, உங்கள் நிலை 3 தலைப்புகளை அடிக்கோடிட்டுக் காட்ட, பின்வரும் CSS பாணியைச் சேர்க்கவும்:

   html> தலை> நடை> h3 {உரை-அலங்காரம்: அடிக்கோடு; style / style> / head> body> h3> இந்த தலைப்பு அடிக்கோடிட்டுக் காட்டப்பட்டுள்ளது / h3> / body> / html>

4. எந்த நேரத்திலும் விரைவாக அடிக்கோடிட்டுக் காட்ட ஒரு CSS வகுப்பை உருவாக்கவும். உங்கள் நடை தாள் அல்லது பாணியில் வகுப்புகளை உருவாக்கலாம், பின்னர் அழைக்கலாம். வகுப்பில் நீங்கள் விரும்பும் எந்த பெயரும் இருக்கலாம்.

   html> head> style> .underline {உரை-அலங்காரம்: அடிக்கோடு; style / style> / head> body> வெவ்வேறு பகுதிகளிலிருந்து div> உங்கள் உள்ளடக்கத்திலிருந்து / div> / div> ஐ விரைவாக அடிக்கோடிட்டுக் காட்ட இந்த வகுப்பைப் பயன்படுத்தலாம் </ div> / body> / html>

5. உரையை வலியுறுத்தும் பிற முறைகளைக் கவனியுங்கள். வாசகருக்கு குழப்பத்தைத் தவிர்க்க அடிக்கோடிட்டுக் காட்டுவது தவிர்க்கப்பட வேண்டும். உரையை சாய்வாக மாற்றும் em> குறிச்சொல்லைப் பயன்படுத்துவது ஒரு பிரபலமான முறையாகும். இந்த குறிச்சொல்லை மேலும் குறிப்பிட நீங்கள் CSS ஐப் பயன்படுத்தலாம், இது ஒரு தனித்துவமான வழியை வலியுறுத்துகிறது.

   html> தலை> நடை> em {நிறம்: சிவப்பு; element / style> / head> body> em உறுப்புக்குள் உள்ள அனைத்தும் em> சாய்வு (இயல்புநிலை அமைப்புகளின் காரணமாக) ஆகவும், மேலே சேர்க்கப்பட்ட பாணியால் சிவப்பு / em> ஆகவும் மாறும். / body> / html>

2 இன் முறை 2: காலாவதியான முறை

1. பழைய u> </ u> குறிச்சொற்களைப் பயன்படுத்துவதைத் தவிர்க்கவும். இவை "ஊக்கமளிக்கின்றன", அதாவது இது இன்னும் இயங்குகிறது, ஆனால் இனி பயன்படுத்தப்படுவதில்லை அல்லது பரிந்துரைக்கப்படுவதில்லை. ஏனென்றால், HTML கொள்கை அடிப்படையில் மார்க்அப் மொழியாக வடிவமைக்கப்படவில்லை. U> குறிச்சொல் இன்னும் செயல்படும், ஆனால் இப்போது எழுத்துப்பிழை அல்லது சீன சரியான பெயர்ச்சொற்கள் போன்ற பிற உரையிலிருந்து வேறுபட்ட உரையைக் குறிக்கும் நோக்கம் கொண்டது.
2. அடிக்கோடிட்டுக் காட்ட </ u> குறிச்சொல்லைப் பயன்படுத்தவும் (எடுத்துக்காட்டு நோக்கங்களுக்காக மட்டுமே). எந்த சூழ்நிலையிலும் நீங்கள் இந்த முறையை மீண்டும் பயன்படுத்தக்கூடாது. நீங்கள் பழைய வலைத்தளத்தைப் புதுப்பிக்க வேண்டியிருந்தால் அது எவ்வாறு பயன்படுத்தப்பட்டது என்பதை அறிவது நல்லது.

   html> body> பழைய குறிச்சொல் u> உடன் HTML இல் நீங்கள் விரைவாக விஷயங்களை அடிக்கோடிட்டுக் காட்டலாம் </ u>, ஆனால் மற்ற பாணி கூறுகள் பயன்படுத்தப்படும்போது விஷயங்கள் விரைவாக குழப்பமடைகின்றன. அதனால்தான் இப்போது CSS உறுப்புடன் "உரை-அலங்காரத்தை" அடிக்கோடிட்டுக் காட்டுகிறோம். / body> / html>

உதவிக்குறிப்புகள்

• அடிக்கோடிட்டுக் காட்டுவதை விட வலைப்பக்கத்தில் எதையாவது வலியுறுத்துவதற்கு எப்போதும் சிறந்த வழி இருக்கிறது. இது வாசகர்களுக்கு மிகவும் குழப்பத்தை ஏற்படுத்தும். உங்கள் உரையை CSS உடன் அழகாக மாற்றவும், இது நேர்மறையாக வெளிப்படும்.