உள்ளடக்கம்
உரையை தைரியமாக்குவதை HTML எளிதாக்குகிறது, மேலும் பல விருப்பங்கள் வேண்டுமானால் பயன்படுத்தக்கூடிய பல குறிச்சொற்கள் உள்ளன. இன்னும் சிறப்பாக, சில CSS ஐக் கற்றுக் கொண்டு அதை நேரடியாக உங்கள் HTML ஆவணத்தில் சேர்க்கவும். இது ஒரு CSS நடை தாளைச் சேர்ப்பதை விட வேகமானது மற்றும் உங்கள் தைரியமான உரையில் எவ்வளவு தடிமன் வேண்டும் என்பதைக் கட்டுப்படுத்த உங்களை அனுமதிக்கும்.
படிகள்
முறை 1 இன் 2: HTML உடன் தைரியமான உரையை உருவாக்குதல்
- ‘வலுவான’ குறிச்சொல்லைப் பயன்படுத்தவும். HTML5 இல், விருப்பமான தரநிலை, 'வலுவான' குறிச்சொல் முக்கியமான நூல்களுக்கு பரிந்துரைக்கப்படுகிறது. இது எப்போதும் உலாவிகளில் தைரியமான உரையாகக் காட்டப்படும்.
- இந்த குறிச்சொற்களுக்கு இடையில் நீங்கள் விரும்பும் உரையை தைரியமாக தட்டச்சு செய்க: தைரியமான உரை இங்கே.
-
பொருத்தமான போது தலைப்பு குறிச்சொற்களைப் பயன்படுத்தவும். அவை ஒரு வலைத்தளத்தின் மேலே அல்லது ஒரு புதிய பிரிவின் தொடக்கத்தில் வைக்கப்படுகின்றன. தலைப்புகள் பொதுவாக பெரிய, தைரியமான எழுத்துருக்களில் காட்டப்படும், ஆனால் இது மாறுபடும். தலைப்புகளுக்கு ஆறு வெவ்வேறு குறிச்சொற்கள் உள்ளனதி
. அவற்றைப் பயன்படுத்தும் போது இந்த வழிமுறைகளைப் பின்பற்றவும்.
- என எழுதப்பட்ட எச் 1 டேக்
உங்கள் தலைப்பு இங்கே
மிக முக்கியமான தலைப்பு, பொதுவாக பக்கத்தின் ஆரம்பத்தில் மிக நீளமான உரை. H2 குறிச்சொல்
இரண்டாவது மிக முக்கியமான தலைப்பு, மற்றும் பல, குறிச்சொல் கூடh6, மிகக் குறைவானது
.- உங்கள் பக்கத்தை ஒழுங்கமைக்க, அவற்றைப் பயன்படுத்தவும். பயனர்கள் தலைப்புகளை விரைவாக உருட்டவும், அவர்கள் தேடுவதைக் கண்டறியவும் முடியும்.
- வசன வரிகள் உருவாக்கும்போது, ஒரு நேரத்தில் ஒரு மட்டத்தைக் குறைக்கவும். வேறு வார்த்தைகளில் கூறுவதானால், குதிக்காதீர்கள்
க்கு
. இது HTML பக்கத்தை மற்றொரு வடிவமைப்பிற்கு மாற்றும்போது வடிவமைப்பைப் பாதுகாக்க உதவுகிறது.
- என எழுதப்பட்ட எச் 1 டேக்
-
கடைசி முயற்சியாக ‘பி’ குறிச்சொல்லைப் பயன்படுத்தவும்.. குறிச்சொல் HTML5 இல் இன்னும் ஆதரிக்கப்படுகிறது, ஆனால் இது பெரும்பாலான சந்தர்ப்பங்களில் மிகவும் விரும்பத்தக்கது. குறிச்சொல்லைப் பயன்படுத்தவும் தைரியமான உரை பாணி காரணங்களுக்காக பயன்படுத்தப்படும்போது மட்டுமே, முக்கியத்துவத்திற்காக அல்ல. எடுத்துக்காட்டுகளில் ஒரு உரையில் முக்கிய சொற்கள் அல்லது சொற்களஞ்சியம் அல்லது பகுப்பாய்வுக்கான தயாரிப்பு பெயர்கள் ஆகியவை அடங்கும்.- பெரும்பாலான குறிச்சொற்களைப் போலவே, குறிச்சொல்லின் தொடக்கத்திற்கும் முடிவிற்கும் இடையில் உரையைத் தட்டச்சு செய்க.
முறை 2 இன் 2: இன்லைன் CSS உடன் தைரியமான உரையை உருவாக்குதல்
-
CSS ஐ எப்போது பயன்படுத்த வேண்டும் என்பதைப் புரிந்து கொள்ளுங்கள், இது உங்கள் வலைத்தளத்தின் பாணியை மாற்றுவதற்கான மிகவும் சக்திவாய்ந்த மற்றும் நிலையான வழியாகும். உங்கள் வலைத்தளத்தின் தோற்றத்தை தீர்மானிக்க இந்த மொழி சிறந்தது, அதே நேரத்தில் உங்கள் வலைத்தளத்தின் பொருள் என்ன என்பதை HTML தீர்மானிக்கிறது. முக்கியமான உரையை வலியுறுத்த HTML ஐப் பயன்படுத்துவது பரவாயில்லை, ஆனால் உங்கள் தைரியமான உரையின் காட்சி அம்சத்தின் மீது CSS உங்களுக்கு கூடுதல் கட்டுப்பாட்டைக் கொடுக்கும்.- ஒரே HTML பக்கத்தை வெவ்வேறு உலாவிகளில் திறக்க முயற்சிக்கவும், சில காட்சி வேறுபாடுகளை நீங்கள் கவனிக்கலாம். மாறுபாட்டைக் குறைக்க, குறிச்சொல்லால் மாற்றப்பட்ட உரையை எவ்வாறு காண்பிப்பது என்பதை உலாவிக்கு CSS “சொல்கிறது”.
- ஒரு குறிச்சொல்லைச் சேர்க்கவும் உங்கள் உரைக்கு. CSS பற்றி உங்களுக்கு இன்னும் எதுவும் தெரியாவிட்டால், “CSS இன்லைன்” பயன்படுத்துவது தொடங்குவதற்கு ஒரு சிறந்த வழியாகும். போன்ற குறிச்சொற்களை நீங்கள் மாற்றலாம் என்றாலும்
அல்லது
, நீங்கள் சில நேரங்களில் குறிச்சொற்களுக்கு இடையில் இல்லாத உரையை மாற்ற வேண்டியிருக்கும். இந்த வழக்கில், உரையை குறிச்சொற்களில் இணைக்கவும் . இது சொந்தமாக எந்த விளைவையும் ஏற்படுத்தாது, ஆனால் அது எங்களுக்கு வேலை செய்ய ஏதாவது தருகிறது. நாம் பயன்படுத்தும் உதாரணம் இங்கே:
- இன்லைன் CSS உடன் இந்த உரையை தைரியமாக்க கற்றுக்கொண்டேன்.
- நடை பண்புக்கூறு சேர்க்கவும். HTML பண்புக்கூறுகள் <> அடைப்புக்குறிக்குள் நேரடியாக குறிச்சொல்லில் எழுதப்பட்டுள்ளன. HTML குறிச்சொல்லுக்குள் CSS ஐ செருக பாணி அம்சம் அவசியம், எனவே நாங்கள் செருகுவோம் நடை = இடைவெளி குறிச்சொல்லில்:
- இன்லைன் CSS உடன் இந்த உரையை தைரியமாக்க கற்றுக்கொண்டேன்.
- எதையும் குறிப்பிடாமல் நடை பண்புக்கூறு சேர்க்க எந்த காரணமும் இல்லை. நாங்கள் ஒரு நேரத்தில் ஒரு விஷயத்தைக் கற்றுக்கொண்டிருக்கிறோம்.
- ‘எழுத்துரு-எடை’ சொத்தைச் சேர்க்கவும். CSS பண்புகள் பாணி பண்புகளாக சேர்க்கப்படுகின்றன. எங்கள் விஷயத்தில், குறிப்பிடப்பட்ட சொத்தை நாங்கள் பயன்படுத்துவோம், இது எழுத்துரு தடிமன் தீர்மானிக்கிறது. தைரியமான, மெல்லிய உரை அல்லது சாதாரண தடிமன் கூட காட்ட இது பயன்படுத்தப்படலாம். கூட்டு "எழுத்துரு எடை:" = அடையாளத்திற்குப் பிறகு, கீழே காட்டப்பட்டுள்ளபடி:
- இன்லைன் CSS உடன் இந்த உரையை தைரியமாக்க கற்றுக்கொண்டேன்.
- மீண்டும், நாங்கள் இன்னும் செய்யவில்லை.
- முன்னும் பின்னும் மேற்கோள்களை மறந்துவிடாதீர்கள் எழுத்துரு எடை:.
- மதிப்பை தைரியமாகச் சேர்க்கவும். நாம் செய்ய வேண்டிய ஒரே விஷயம், இடையே ஒரு மதிப்பை நிறுவுவதுதான் எழுத்துரு எடை: மற்றும் கடைசி மேற்கோள்கள். பயன்படுத்தக்கூடிய சில விருப்பங்கள் உள்ளன, ஆனால் மதிப்பு தைரியமான பயன்படுத்த எளிதானது:
- இன்லைன் CSS உடன் இந்த உரையை தைரியமாக்க கற்றுக்கொண்டேன்.
- பிற மதிப்புகளுடன் பரிசோதனை செய்யுங்கள். HTML தவிர CSS உங்களுக்கு நிறைய விருப்பங்களை வழங்குகிறது, எனவே கட்டுப்படுத்த வேண்டாம். "தைரியமான" மதிப்புக்கு சில மாற்றுகள் இங்கே:
- "போல்டர்" என்ற உரை அவரைப் போன்றதை விட அதிகமாக வெளிப்படும். எடுத்துக்காட்டாக, நீங்கள் ஒரு முழு பத்தியையும் "தைரியமாக" உருவாக்கி, பின்னர் பத்திக்குள் ஒரு தனிப்பட்ட வாக்கியத்தில் "தைரியத்தை" பயன்படுத்தினால், அது தனித்து நிற்கும்.
- "இயல்பான" விருப்பம் உரையை தைரியமாக வைத்திருக்கும், அது ஒரு குறிச்சொல்லுக்கு இடையில் இருந்தாலும் தைரியமாக இருக்கும்.
- தடிமன் குறிப்பிட 100 முதல் 900 வரையிலான எண் மதிப்பைப் பயன்படுத்தலாம். 400 இயல்பானது, தைரியமான உரை 700 ஐப் பயன்படுத்துகிறது.
உதவிக்குறிப்புகள்
- CSS இல் எழுத்துரு-எடைச் சொத்தைப் பயன்படுத்தும் போது, 100 க்கு மேற்பட்ட எண் மதிப்புகளை மட்டுமே பயன்படுத்துங்கள், ஏனெனில் அவற்றுக்கிடையேயான எண்கள் வட்டமாக இருக்கும்.
- உட்பொதிக்கப்பட்ட அல்லது வெளிப்புற CSS தாள் உரையை தைரியமாக்குவதற்கான சிறந்த வழியாகும், ஏனெனில் இது ஒரு முழுமையான ஆவணத்தில் மாற்றங்களை ஒரே நேரத்தில் அனுமதிக்கிறது.
- ஒவ்வொரு எழுத்துருவுக்கும் சில அம்சங்கள் மட்டுமே உள்ளன. CSS ஐப் பயன்படுத்தும் போது, எழுத்துருவுக்கு பயன்படுத்தப்படும் வடிவம் கோரிக்கைக்கு மிக அருகில் உள்ளது. இதன் பொருள் சில நேரங்களில் ஒரு எழுத்துருவில் தைரியத்தை வேறுபடுத்துவது சாத்தியமில்லை.