HTML ടാഗുകളും - സബ്‌സ്‌ക്രിപ്‌റ്റും സൂപ്പർസ്‌ക്രിപ്റ്റ് ടെക്‌സ്‌റ്റ് നിർവ്വചനവും ഉപയോഗവും

ടാഗ് സബ്സ്ക്രിപ്റ്റ് ടെക്സ്റ്റ് നിർവചിക്കുന്നു. സബ്‌ലീനിയർ ടെക്‌സ്‌റ്റ് പകുതി ഉയരവും അടിസ്ഥാനരേഖയ്‌ക്ക് താഴെ ദൃശ്യവുമാണ്. H 2 O പോലുള്ള കെമിക്കൽ ഫോർമുലകൾ എഴുതുമ്പോൾ ഇൻ്റർലീനിയർ ടെക്സ്റ്റ് ഉപയോഗിക്കാം.

ടാഗ് സൂപ്പർസ്ക്രിപ്റ്റ് ടെക്സ്റ്റ് വ്യക്തമാക്കുന്നു. സൂപ്പർസ്‌ക്രിപ്റ്റ് ടെക്‌സ്‌റ്റ് പകുതി ഉയരവും അടിസ്ഥാനരേഖയ്‌ക്ക് മുകളിൽ ദൃശ്യവുമാണ്. WWW പോലുള്ള അടിക്കുറിപ്പുകൾ എഴുതുമ്പോൾ സൂപ്പർസ്ക്രിപ്റ്റ് ടെക്സ്റ്റ് ഉപയോഗിക്കാം.

ബ്രൗസർ പിന്തുണ

എല്ലാ പ്രധാന ബ്രൗസറുകളും ടാഗുകളെ പിന്തുണയ്ക്കുന്നു.

HTML, XHTML സ്റ്റാൻഡേർഡ് ആട്രിബ്യൂട്ടുകൾ തമ്മിലുള്ള വ്യത്യാസങ്ങൾ

HTML 4.01/XHTML 1.0 DTD ആട്രിബ്യൂട്ട് അനുവദനീയമായ പ്രമാണം ഏത് തരത്തിലാണ് DTD കോളം സൂചിപ്പിക്കുന്നത്. എസ്=സ്ട്രിക്റ്റ്, ടി=ട്രാൻസിഷണൽ, എഫ്=ഫ്രെയിംസെറ്റ്.

ഇനിപ്പറയുന്ന സ്റ്റാൻഡേർഡ് ആട്രിബ്യൂട്ടുകളെ ടാഗുകൾ പിന്തുണയ്ക്കുന്നു:

ആട്രിബ്യൂട്ട് മൂല്യ വിവരണം DTD

ക്ലാസ്	ക്ലാസ്_നാമം	മൂലകത്തിൻ്റെ ക്ലാസ് നാമം വ്യക്തമാക്കുന്നു	എസ്.ടി.എഫ്
dir	rtl ltr	ഒരു ഘടകത്തിലെ ഉള്ളടക്കത്തിനായുള്ള ടെക്സ്റ്റ് ദിശ വ്യക്തമാക്കുന്നു	എസ്.ടി.എഫ്
ഐഡി	ഐഡൻ്റിഫയർ	ഒരു ഘടകത്തിനായി ഒരു അദ്വിതീയ ഐഡൻ്റിഫയർ വ്യക്തമാക്കുന്നു	എസ്.ടി.എഫ്
നീളം	ഭാഷ_കോഡ്	മൂലകത്തിൻ്റെ ഉള്ളടക്കത്തിനായുള്ള ഭാഷാ കോഡ് വ്യക്തമാക്കുന്നു	എസ്.ടി.എഫ്
ശൈലി	ശൈലി_നിർവചനം	ഒരു ഘടകത്തിന് ഒരു ഇൻലൈൻ ശൈലി വ്യക്തമാക്കുന്നു	എസ്.ടി.എഫ്
തലക്കെട്ട്	വാചകം	ഒരു ഘടകത്തെക്കുറിച്ചുള്ള കൂടുതൽ വിവരങ്ങൾ സൂചിപ്പിക്കുന്നു	എസ്.ടി.എഫ്
xml:lang	ഭാഷ_കോഡ്	XHTML പ്രമാണങ്ങളിലെ മൂലക ഉള്ളടക്കത്തിനുള്ള ഭാഷാ കോഡ് നിർവചിക്കുന്നു	എസ്.ടി.എഫ്

സ്റ്റാൻഡേർഡ് ആട്രിബ്യൂട്ടുകളെക്കുറിച്ചുള്ള കൂടുതൽ വിവരങ്ങൾ.

ഇവൻ്റ് ആട്രിബ്യൂട്ടുകൾ

ഇനിപ്പറയുന്ന ഇവൻ്റ് ആട്രിബ്യൂട്ടുകൾ ടാഗുകളും പിന്തുണയും:

ആട്രിബ്യൂട്ട് മൂല്യ വിവരണം DTD

ക്ലിക്ക് ചെയ്യുക	സ്ക്രിപ്റ്റ്	മൗസ് ക്ലിക്കിൽ സ്‌ക്രിപ്റ്റ് സമാരംഭിച്ചു	എസ്.ടി.എഫ്
ondblclick	സ്ക്രിപ്റ്റ്	സ്ക്രിപ്റ്റിൽ ഇരട്ട-ക്ലിക്ക് ചെയ്യുക	എസ്.ടി.എഫ്
മൗസ്ഡൗൺ	സ്ക്രിപ്റ്റ്	മൗസ് ബട്ടൺ അമർത്തുമ്പോൾ സ്ക്രിപ്റ്റ് റൺ ചെയ്യപ്പെടും	എസ്.ടി.എഫ്
onmousemove	സ്ക്രിപ്റ്റ്	മൗസ് പോയിൻ്റർ നീക്കുമ്പോൾ സ്‌ക്രിപ്റ്റ് പ്രവർത്തിക്കും	എസ്.ടി.എഫ്
onmouseout	സ്ക്രിപ്റ്റ്	മൗസ് പോയിൻ്റർ ഒരു ഘടകത്തിന് പുറത്ത് നീങ്ങുമ്പോൾ പ്രവർത്തിപ്പിക്കാനുള്ള സ്ക്രിപ്റ്റ്	എസ്.ടി.എഫ്
മൗസ് ഓവർ	സ്ക്രിപ്റ്റ്	മൗസ് പോയിൻ്റർ ഒരു ഘടകത്തിന് മുകളിലൂടെ നീങ്ങുമ്പോൾ സ്ക്രിപ്റ്റ് റൺ	എസ്.ടി.എഫ്
onmouseup	സ്ക്രിപ്റ്റ്	മൗസ് ബട്ടൺ റിലീസ് ചെയ്യുമ്പോൾ സ്ക്രിപ്റ്റ് റൺ ചെയ്യപ്പെടും	എസ്.ടി.എഫ്
ഓൺകീഡൗൺ	സ്ക്രിപ്റ്റ്	കീപ്രസ്സിൽ സ്ക്രിപ്റ്റ് റൺ ചെയ്യുന്നു	എസ്.ടി.എഫ്
ഓൺകീപ്രസ്സ്	സ്ക്രിപ്റ്റ്	ഒരു കീ അമർത്തി റിലീസ് ചെയ്യുമ്പോൾ സ്ക്രിപ്റ്റ് റൺ	എസ്.ടി.എഫ്
onkeyup	സ്ക്രിപ്റ്റ്	കീ റിലീസ് ചെയ്യുമ്പോൾ സ്‌ക്രിപ്റ്റ് പ്രവർത്തിക്കും	എസ്.ടി.എഫ്

എന്നതിനെ കുറിച്ചുള്ള കൂടുതൽ വിവരങ്ങൾ

അടിസ്ഥാനരേഖയുമായി ബന്ധപ്പെട്ട പ്രതീകങ്ങളുടെ സ്ഥാനചലനമാണ് ടെക്സ്റ്റുമായി ബന്ധപ്പെട്ട സൂചിക മുകളിലേക്കോ താഴേക്കോ. ഓഫ്‌സെറ്റിൻ്റെ പോസിറ്റീവ് അല്ലെങ്കിൽ നെഗറ്റീവ് മൂല്യത്തെ ആശ്രയിച്ച്, സൂചികയെ യഥാക്രമം മുകളിലോ താഴെയോ എന്ന് വിളിക്കുന്നു. ഗണിതശാസ്ത്രം, ഭൗതികശാസ്ത്രം, രസതന്ത്രം, അളവെടുപ്പ് യൂണിറ്റുകൾ എന്നിവയിൽ അവ സജീവമായി ഉപയോഗിക്കുന്നു. ഒരു സൂചിക സൃഷ്ടിക്കുന്നതിന് HTML രണ്ട് ഘടകങ്ങൾ വാഗ്ദാനം ചെയ്യുന്നു: (ഇംഗ്ലീഷ് സൂപ്പർസ്ക്രിപ്റ്റിൽ നിന്ന്) - സൂപ്പർസ്ക്രിപ്റ്റ്, (ഇംഗ്ലീഷ് സബ്സ്ക്രിപ്റ്റിൽ നിന്ന്) - സബ്സ്ക്രിപ്റ്റ്. ഈ കണ്ടെയ്‌നറുകളിൽ ഒന്നിൽ സ്ഥാപിച്ചിരിക്കുന്ന ടെക്‌സ്‌റ്റ് അടിസ്ഥാന വാചകത്തേക്കാൾ ചെറുതായി നിയുക്തമാക്കിയിരിക്കുന്നു, അത് ആപേക്ഷികമായി മുകളിലേക്കോ താഴേക്കോ ഓഫ്‌സെറ്റ് ചെയ്യുന്നു. വാചകത്തിൻ്റെ രൂപഭാവം മാറ്റാൻ ഈ ഘടകങ്ങളും ശൈലികളും എങ്ങനെ ഒരുമിച്ച് ഉപയോഗിക്കാമെന്ന് ഉദാഹരണം 1 കാണിക്കുന്നു.

ഉദാഹരണം 1: ഒരു സൂപ്പർസ്ക്രിപ്റ്റും സബ്സ്ക്രിപ്റ്റും സൃഷ്ടിക്കുന്നു

സൂപ്പർസ്‌ക്രിപ്‌റ്റും സബ്‌സ്‌ക്രിപ്‌റ്റും .ഫോർമുല (ഫോണ്ട്-സൈസ്: 1.4എം; /* ഫോർമുല ടെക്‌സ്‌റ്റ് വലുപ്പം */ ) സപ്, സബ് (ഫോണ്ട്-സ്റ്റൈൽ: ഇറ്റാലിക്; /* ഇറ്റാലിക് */ നിറം: ചുവപ്പ്; /* പ്രതീകങ്ങളുടെ ചുവപ്പ് നിറം */ ) ഉപ (നിറം: നീല; /* പ്രതീകങ്ങളുടെ നീല നിറം */)

രണ്ടാം ഡിഗ്രിയുടെ ഉപരിതലത്തിൻ്റെ സ്വഭാവസമവാക്യം

λ3 - I1λ2 + I2λ - I3 = 0

ഉദാഹരണത്തിൽ, സബ്സ്ക്രിപ്റ്റും സൂപ്പർസ്ക്രിപ്റ്റും ഒരേസമയം ദൃശ്യമാകുന്നു. ഇൻഡക്സ് ഫോണ്ട് ശൈലി മാറ്റാൻ, ഒരു യൂണിഫോം ഡിസൈൻ സജ്ജമാക്കുന്ന ശൈലികൾ ഉപയോഗിക്കുന്നു (ചിത്രം 1).

അരി. 1. ശൈലികൾ പ്രയോഗിച്ചതിന് ശേഷം സൂചികകളുടെ കാഴ്ച

ശൈലികൾക്ക് അനുകൂലമായി അവ പൂർണ്ണമായും ഉപയോഗിക്കാൻ നിങ്ങൾക്ക് വിസമ്മതിക്കാം. ഈ മൂലകങ്ങളുടെ ഒരു അനലോഗ് ലംബ-അലൈൻ പ്രോപ്പർട്ടി ആണ്, ഇത് വാചകം ഒരു നിശ്ചിത ദൂരത്തിൽ ലംബമായി മാറ്റുന്നതിന് കാരണമാകുന്നു. പ്രത്യേകിച്ചും, ഉദാഹരണം 2-ൽ സൂപ്പർസ്‌ക്രിപ്റ്റിന് 0.8em ഉം സബ്‌സ്‌ക്രിപ്റ്റിന് -0.5em ഉം ആണ്. നിലവിലുള്ള ഫോണ്ടിൻ്റെ വലുപ്പത്തിന് തുല്യമായ ഒരു ആപേക്ഷിക യൂണിറ്റാണ് Em. ഉദാഹരണത്തിന്, 0.5em സൂചിപ്പിക്കുന്നത് വാചകം ഫോണ്ട് വലുപ്പത്തിൻ്റെ പകുതിയായി മാറ്റണം എന്നാണ്.

ഉദാഹരണം 2: സൂചികകൾ നിയന്ത്രിക്കുന്നതിന് ശൈലികൾ ഉപയോഗിക്കുന്നു

സൂപ്പർസ്‌ക്രിപ്‌റ്റും സബ്‌സ്‌ക്രിപ്‌റ്റും .ഫോർമുല (ഫോണ്ട്-സൈസ്: 1.6എം; /* ടെക്‌സ്‌റ്റ് വലുപ്പം */ ഫോണ്ട്-സ്റ്റൈൽ: ഇറ്റാലിക്; /* ഇറ്റാലിക് ശൈലി */ ) .sup, .sub (ഫോണ്ട്-സ്റ്റൈൽ: സാധാരണ; /* സാധാരണ ശൈലി * / ഫോണ്ട് വലുപ്പം: 0.6em; /* സൂചിക വലുപ്പം */ നിറം: ചുവപ്പ്; ലംബമായി വിന്യസിക്കുക: -0.5em; /* വാചകം താഴേക്ക് നീക്കുക */ )

ബിരുദത്തിൻ്റെ ബഹുപദം n

f(x) = a0 + a1 x + ... + an-1 xn-1 + an xn

ഉദാഹരണത്തിൽ, ഫോർമുല തന്നെ വലുതാക്കിയ വലുപ്പത്തിൽ പ്രദർശിപ്പിച്ചിരിക്കുന്നു, സൂപ്പർസ്ക്രിപ്റ്റ് ചിഹ്നങ്ങൾ ചുവപ്പിലും താഴ്ന്നവ നീലയിലും സജ്ജീകരിച്ചിരിക്കുന്നു (ചിത്രം 2).

നിരവധി പാഠങ്ങൾക്കായി, CSS ഉപയോഗിച്ച് ടെക്‌സ്‌റ്റ് ഫോർമാറ്റ് ചെയ്യുന്നതിൽ ഞങ്ങൾ ഇപ്പോൾ കൂടുതൽ സങ്കീർണ്ണമായിക്കൊണ്ടിരിക്കുകയാണ്, ഇത്തവണ ടെക്‌സ്‌റ്റിൻ്റെ കേസ് എങ്ങനെ മാറ്റാമെന്ന് ഞങ്ങൾ പഠിക്കുകയാണ്. ഇക്കാര്യത്തിൽ, കാസ്കേഡിംഗ് സ്റ്റൈൽ ഷീറ്റുകൾ ഞങ്ങൾക്ക് വളരെ വിശാലമായ സാധ്യതകൾ തുറക്കുന്നു, കൂടുതൽ കൃത്യമായി പറഞ്ഞാൽ, നമുക്ക്:

• എല്ലാ വാചകങ്ങളും വലിയ അക്ഷരങ്ങളിൽ പ്രദർശിപ്പിക്കുക;
• ചെറിയ അക്ഷരങ്ങളിലുള്ള എല്ലാ വാചകങ്ങളും തിരഞ്ഞെടുക്കുക;
• ഓരോ വാക്കിൻ്റെയും ആദ്യ അക്ഷരം വലിയക്ഷരത്തിൽ ആരംഭിക്കുന്നുവെന്ന് ഉറപ്പാക്കുക.

“ഇതെല്ലാം നല്ലതാണ്, പക്ഷേ അത് എപ്പോൾ ആവശ്യമായി വന്നേക്കാം?” - നിങ്ങൾ ചോദിക്കുന്നു. എല്ലാ മെനു ഇനങ്ങളും വലിയ അക്ഷരങ്ങളിൽ പ്രദർശിപ്പിക്കേണ്ട ഒരു സാഹചര്യം നമുക്ക് സങ്കൽപ്പിക്കാം. ഇത് ചെയ്യുന്നതിന്, CapsLock കീ ഉൾപ്പെടെ, അല്ലെങ്കിൽ Shift ബട്ടൺ അമർത്തിപ്പിടിച്ചുകൊണ്ട് അവ ടൈപ്പ് ചെയ്യേണ്ട ആവശ്യമില്ല. CSS ഫയലിൽ ഒരു അനുബന്ധ നിയമം സൃഷ്ടിച്ചുകൊണ്ട് എല്ലാ ലിസ്റ്റ് ഇനങ്ങളും വലിയക്ഷരത്തിൽ പ്രദർശിപ്പിക്കാൻ സജ്ജമാക്കിയാൽ മതിയാകും. കൂടാതെ ഇത് സാധ്യമായ നിരവധി സാഹചര്യങ്ങളിൽ ഒന്ന് മാത്രമാണ്.

ടെക്സ്റ്റ്-ട്രാൻസ്ഫോം പ്രോപ്പർട്ടി

ടെക്‌സ്‌റ്റ്-ട്രാൻസ്‌ഫോം പ്രോപ്പർട്ടി ഉപയോഗിച്ച് ഞങ്ങൾ ടെക്‌സ്‌റ്റിൻ്റെ കേസ് നിയന്ത്രിക്കും. ഇതിന് 4 പ്രധാന മൂല്യങ്ങളുണ്ട് - വലിയക്ഷരം (ക്യാപിറ്റൽ അക്ഷരങ്ങൾ), ചെറിയക്ഷരം (ചെറിയ അക്ഷരങ്ങൾ), വലിയക്ഷരം (വാക്കിൻ്റെ ഓരോ ആദ്യ അക്ഷരത്തിനും വലിയക്ഷരം, മറ്റ് മൂല്യങ്ങൾ മാറില്ല), ഒന്നുമില്ല (ഫോർമാറ്റിംഗ് ബാധകമല്ല) . ഒറ്റനോട്ടത്തിൽ, ഇതെല്ലാം നിങ്ങൾക്ക് വളരെ സങ്കീർണ്ണമായി തോന്നിയേക്കാം.

പരിഭ്രാന്തരാകരുത് എന്നതാണ് പ്രധാന കാര്യം ...

എന്നാൽ പ്രായോഗികമായി എല്ലാം വളരെ ലളിതമാണ്, നിങ്ങൾ ഇപ്പോൾ കാണും. പ്രധാന കാര്യം ശരിയായ സെലക്ടർ തിരഞ്ഞെടുക്കുക എന്നതാണ്, കാരണം ടെക്സ്റ്റ്-ട്രാൻസ്ഫോം പ്രോപ്പർട്ടി മൂല്യങ്ങൾ പാരമ്പര്യമായി ലഭിക്കുന്നു.

വലിയക്ഷരമാക്കുക

ഒന്നാമതായി, എല്ലാ വാചകങ്ങളും വലിയ അക്ഷരങ്ങളിലേക്ക് സജ്ജീകരിക്കാൻ ഞാൻ നിർദ്ദേശിക്കുന്നു, അതിനായി ഞങ്ങൾ ഇനിപ്പറയുന്ന CSS നിയമം സൃഷ്ടിക്കുന്നു:

ബോഡി (ടെക്‌സ്‌റ്റ് രൂപാന്തരം: വലിയക്ഷരം; )

തത്വത്തിൽ, സങ്കീർണ്ണമായ ഒന്നുമില്ല, ഞങ്ങൾ വലിയക്ഷര മൂല്യം ഉപയോഗിച്ചു. അവർ പറയുന്നതുപോലെ, എല്ലാം അവബോധജന്യമാണ്. യഥാർത്ഥ ജീവിതത്തിൽ ഇത് ഇങ്ങനെയാണ് കാണപ്പെടുന്നത്:

എല്ലാം ഒരു വലിയ അക്ഷരത്തോടെ... ചെറിയക്ഷരം - എല്ലാവർക്കും ബാധകം

ഇനിപ്പറയുന്നവ എഴുതി എല്ലായിടത്തും ചെറിയ അക്ഷരങ്ങൾ പ്രയോഗിക്കുക എന്നതാണ് അടുത്ത ഘട്ടം:

ബോഡി (ടെക്‌സ്‌റ്റ്-ട്രാൻസ്‌ഫോം: ചെറിയക്ഷരം; )

നിങ്ങൾ ഇതിനകം ഊഹിച്ചതുപോലെ, ഞങ്ങൾ കണ്ടുമുട്ടിയ രണ്ട് അർത്ഥങ്ങളും ഒരു പരിധിവരെ വിപരീതപദങ്ങളാണ്. ചുവടെയുള്ള ചിത്രീകരണത്തിൽ നിങ്ങൾക്ക് പുതുതായി സൃഷ്ടിച്ച വസ്തുവിൻ്റെ ഫലം കാണാൻ കഴിയും.

ചെറിയക്ഷരം പ്രവർത്തനക്ഷമമാക്കിയിരിക്കുന്ന വെബ് പേജ് ഓരോ വാക്കിൻ്റെയും ആദ്യ അക്ഷരം വലിയക്ഷരത്തിൽ ഞങ്ങൾ ഹൈലൈറ്റ് ചെയ്യുന്നു

ഇത് ചെയ്യുന്നതിന്, ഞങ്ങൾ അനുബന്ധ മൂല്യം ഉപയോഗിക്കേണ്ടതുണ്ട്:

ബോഡി (ടെക്‌സ്‌റ്റ്-ട്രാൻസ്‌ഫോം: ക്യാപിറ്റലൈസ്; )

അത്തരം ഒരു CSS നിയമം നിങ്ങൾ എത്ര തവണ ഉപയോഗിക്കുമെന്ന് എനിക്കറിയില്ല, പക്ഷേ അത്തരമൊരു സാധ്യതയെക്കുറിച്ച് അറിയുന്നത് നിങ്ങളെ വേദനിപ്പിക്കില്ല, പ്രത്യേകിച്ച് നിസ്സാരമല്ലാത്ത പ്രശ്നങ്ങൾ പരിഹരിക്കുമ്പോൾ. ഫലം ചുവടെയുള്ള ചിത്രത്തിൽ കാണാൻ കഴിയും.

വലിയക്ഷരം പ്രയോഗിച്ചതിന് ശേഷം വാചകം അയയ്ക്കുക

അവസാനമായി, നമുക്ക് അവസാന മൂല്യത്തിലേക്ക് പെട്ടെന്ന് നോക്കാം - ഒന്നുമില്ല. ഞാൻ ഇതിനകം പറഞ്ഞതുപോലെ, മാതാപിതാക്കളിൽ നിന്നുള്ള അനന്തരാവകാശം റദ്ദാക്കാൻ ഇത് ഉപയോഗിക്കാം. ഉദാഹരണത്തിന്, ഞങ്ങൾക്ക് മുമ്പത്തെ എല്ലാ നിയമങ്ങളും പ്രാബല്യത്തിൽ ഉണ്ടെന്ന് സങ്കൽപ്പിക്കുക, ഖണ്ഡികകൾക്കായി ഞങ്ങൾ അവ റദ്ദാക്കണം, ഇതിനായി ഞങ്ങൾ ഇനിപ്പറയുന്നവ എഴുതുന്നു:

പി (ടെക്സ്റ്റ്-ട്രാൻസ്ഫോം: ഒന്നുമില്ല; )

എല്ലാം നിങ്ങൾക്ക് വ്യക്തമാണെന്ന് അനുമാനിക്കാൻ ഞാൻ ധൈര്യപ്പെടുന്നു, ഇല്ലെങ്കിൽ, അഭിപ്രായങ്ങളിൽ നിങ്ങളുടെ ചോദ്യങ്ങൾ ചോദിക്കുക. പിന്നെ എനിക്ക് അത്രമാത്രം. ഈ CSS ട്യൂട്ടോറിയൽ നിങ്ങൾക്ക് സഹായകരമാണെന്ന് ഞാൻ പ്രതീക്ഷിക്കുന്നു. എങ്കിൽ:

• സോഷ്യൽ നെറ്റ്‌വർക്കുകളിൽ ഈ ലേഖനം വീണ്ടും പോസ്റ്റ് ചെയ്യുക, അതിലൂടെ കൂടുതൽ ആളുകൾക്ക് അതിൽ നിന്ന് പ്രയോജനം നേടാനാകും;
• ഉപയോഗപ്രദവും രസകരവുമായ ബ്ലോഗ് പോസ്റ്റുകൾ നഷ്‌ടപ്പെടുത്താതിരിക്കാൻ എൻ്റെ വാർത്താക്കുറിപ്പ് സബ്‌സ്‌ക്രൈബ് ചെയ്യുക.

ഇവിടെയാണ് ഞാൻ നിന്നോട് വിട പറയാത്തത്. നിങ്ങളുടെ ശ്രദ്ധയ്ക്ക് നന്ദി, അടുത്ത പ്രസിദ്ധീകരണങ്ങളിൽ നിങ്ങളെ കാണാം!

കഴിഞ്ഞ വീഡിയോ പാഠത്തിൽ, ഒരു HTML ഡോക്യുമെൻ്റിൻ്റെ പുതിയ പതിപ്പിലേക്ക് പുതിയ വിവരങ്ങൾ എങ്ങനെ നീക്കം ചെയ്യാമെന്നും ചേർക്കാമെന്നും ഞങ്ങൾ പഠിച്ചു, അത് സെർച്ച് എഞ്ചിനുകളിലേക്ക് റിപ്പോർട്ട് ചെയ്യുകയും ദൃശ്യപരമായി ഹൈലൈറ്റ് ചെയ്യുകയും ചെയ്യുന്നു, അതുവഴി സന്ദർശകർക്ക് മാറ്റങ്ങൾ കാണാൻ കഴിയും. ഇതിനായി ഞങ്ങൾ ഡെൽ, ഇൻസ് ടാഗുകൾ ഉപയോഗിച്ചു.

ഈ വീഡിയോ ട്യൂട്ടോറിയലിൽ ഞങ്ങൾ ഒരു HTML ഡോക്യുമെൻ്റിൽ ടെക്സ്റ്റ് ഫോർമാറ്റ് ചെയ്യുന്ന വിഷയം തുടരുന്നു. ടെക്സ്റ്റിൻ്റെ സൂപ്പർസ്ക്രിപ്റ്റും സബ്സ്ക്രിപ്റ്റും സൂചിപ്പിക്കുന്ന രണ്ട് HTML ടാഗുകൾ ഞങ്ങൾ നോക്കും.

HTML ലെ ടെക്‌സ്‌റ്റിൻ്റെ സൂപ്പർസ്‌ക്രിപ്റ്റാണ് സപ് HTML ടാഗ്.

HTML ലെ ടെക്‌സ്‌റ്റിൻ്റെ സൂപ്പർസ്‌ക്രിപ്റ്റ് സൂചിപ്പിക്കാൻ ഒരു HTML ടാഗ് രൂപകൽപ്പന ചെയ്‌തിരിക്കുന്നു. ചില വെബ്‌സൈറ്റ് വിഷയങ്ങളിൽ, ഈ ടാഗ് പകരം വെക്കാനില്ലാത്തതായിരിക്കും. ഉദാഹരണത്തിന്, നിങ്ങൾക്ക് ഏതെങ്കിലും സൂത്രവാക്യങ്ങൾ, ഗണിതശാസ്ത്രം അല്ലെങ്കിൽ രാസവസ്തുക്കൾ എന്നിവയുമായി ബന്ധപ്പെട്ട ഒരു വെബ്‌സൈറ്റ് ഉണ്ടെങ്കിൽ അല്ലെങ്കിൽ ആസൂത്രണം ചെയ്യുകയാണ്. അല്ലെങ്കിൽ, നിങ്ങൾക്ക് നിർമ്മാണവുമായി ബന്ധപ്പെട്ട ഒരു സൈറ്റ് ഉണ്ടെങ്കിൽ, ടാഗ് വളരെ ഉപയോഗപ്രദമാകും കൂടാതെ ലേഖനങ്ങൾ ഫോർമാറ്റ് ചെയ്യുമ്പോൾ, ഫോർമുലകൾ അല്ലെങ്കിൽ ഏതെങ്കിലും അളവുകൾ എഴുതുമ്പോൾ, ഉദാഹരണത്തിന്, നിർമ്മാണ വിഷയങ്ങളിൽ ചതുരശ്ര മീറ്റർ.

എന്നാൽ നിങ്ങളുടെ സൈറ്റ് ലിസ്റ്റുചെയ്ത വിഷയങ്ങളുമായി ബന്ധപ്പെടുന്നില്ലെങ്കിൽ, ടാഗ് ഉപയോഗപ്രദമാകില്ലെന്ന് ഇതിനർത്ഥമില്ല. ഭാവനയും ചാതുര്യവും കാണിക്കാനും ഈ മൂലകത്തിന് ഒരു ഉപയോഗം കണ്ടെത്താനും ഇത് മതിയാകും.

HTML സബ് ടാഗ് എന്നത് HTML ലെ ടെക്സ്റ്റിൻ്റെ സബ്സ്ക്രിപ്റ്റാണ്.

HTML ടാഗിനെ സംബന്ധിച്ചിടത്തോളം, ഇത് ടാഗിൻ്റെ വിപരീതമാണ്, കൂടാതെ ടെക്‌സ്‌റ്റിൻ്റെ സബ്‌സ്‌ക്രിപ്‌റ്റ് സൂചിപ്പിക്കാൻ ഇത് ഉത്തരവാദിയാണ്. സൂത്രവാക്യങ്ങളോ ഗണിത സമവാക്യങ്ങളോ എഴുതുമ്പോൾ സബ്സ്ക്രിപ്റ്റ് ടെക്സ്റ്റ് ഉപയോഗിക്കാം. എന്നാൽ ഇത് കൂടാതെ, ടാഗിൻ്റെ മറ്റ് ഉപയോഗങ്ങളും നിങ്ങൾക്ക് കണ്ടെത്താനാകും.

അടുത്ത വീഡിയോ പാഠം രണ്ട് ടാഗുകൾക്കായി സമർപ്പിച്ചിരിക്കുന്നു, ചില സാഹചര്യങ്ങളിൽ അത് മാറ്റിസ്ഥാപിക്കാൻ കഴിയില്ല. മാത്രമല്ല, വാചകം ഫോർമാറ്റ് ചെയ്യാൻ മാത്രമല്ല, ഉദാഹരണത്തിന്, ഒരു ലേഖനത്തിൽ മാത്രമല്ല, പേജ് ലേഔട്ട് സമയത്ത് സൈറ്റിലെ വിവിധ വിവരങ്ങൾ സൂചിപ്പിക്കുമ്പോഴും അവർക്ക് കഴിയും. ടാഗുകളിലൊന്ന് HTML-ലേക്കുള്ള വിവർത്തനം നടത്തുന്നു, രണ്ടാമത്തേത് ഒരു തിരശ്ചീന രേഖ വരയ്ക്കുന്നു.

CSS(8) ഉപയോഗിച്ച് ചെറിയക്ഷരം ചെറിയക്ഷരമായും ആദ്യ വലിയക്ഷരമായും പരിവർത്തനം ചെയ്യുക

CSS-ൽ ക്യാപ് ക്ലോസ് ഓപ്ഷൻ ഇല്ല. ഈ ഓപ്ഷൻ ഉപയോഗിക്കുന്നതിനാൽ ടെക്സ്റ്റ്-ട്രാൻസ്ഫോം: ക്യാപിറ്റലൈസ് നിർദ്ദേശിക്കുന്ന മറ്റ് ഉത്തരങ്ങൾ തെറ്റാണ് ഓരോ വാക്കിനും ഓരോ വാക്ക് .

ഇവിടെ പരുഷമായഓരോ മൂലകത്തിൻ്റെയും ആദ്യാക്ഷരം വലിയക്ഷരം ആയിരിക്കണമെന്ന് നിങ്ങൾ ആഗ്രഹിക്കുന്നുവെങ്കിൽ ഇത് ചെയ്യാനുള്ള ഒരു മാർഗ്ഗം, എന്നാൽ അത് യഥാർത്ഥ പരിധികൾക്ക് അടുത്തെങ്ങും ഇല്ല:

പി (ടെക്‌സ്‌റ്റ്-ട്രാൻസ്‌ഫോം: ചെറിയക്ഷരം; ) പി: ആദ്യാക്ഷരം (ടെക്‌സ്‌റ്റ്-ട്രാൻസ്‌ഫോം: വലിയക്ഷരം; )

ഇതൊരു ഉദാഹരണ വാക്യമാണ്.

ഇത് മറ്റൊരു ഉദാഹരണ വാക്യമാണ്.

ഇത് മറ്റൊന്നാണ്, പക്ഷേ ഇത് പൂർണ്ണമായും ലോവർകേസ് ആയിരിക്കും.

CSS മാത്രം ഉപയോഗിച്ച് താഴെ കാണിച്ചിരിക്കുന്നതുപോലെ ഓരോ വാക്യത്തിനും UPPERCASE എന്ന അക്ഷരത്തെ ചെറിയക്ഷരവും വലിയക്ഷരത്തിൻ്റെ ആദ്യ അക്ഷരവും എങ്ങനെ പരിവർത്തനം ചെയ്യാം?

അയച്ചത്: ഇതൊരു ഉദാഹരണ അപേക്ഷയാണ്.

സ്വീകർത്താവ്: ഇതൊരു ഏകദേശ വാക്യമാണ്.

അപ്ഡേറ്റ്: ഞാൻ ടെക്സ്റ്റ്-ട്രാൻസ്ഫോം ഉപയോഗിക്കുമ്പോൾ: capize; ഫലം ഇപ്പോഴും സമാനമാണ്.

നിങ്ങൾക്ക് ഇത് CSS ഉപയോഗിച്ച് മാത്രം ചെയ്യാൻ കഴിയില്ല. ഒരു ടെക്‌സ്‌റ്റ്-ട്രാൻസ്‌ഫോം ആട്രിബ്യൂട്ട് ഉണ്ട്, പക്ഷേ അത് ഒന്നും സ്വീകരിക്കുന്നില്ല, വലിയക്ഷരം, വലിയക്ഷരം, ചെറിയക്ഷരം, അനന്തരക്ഷരം എന്നിവ വലിയക്ഷരമാക്കുന്നു.

നിങ്ങൾ ഒരു JS സൊല്യൂഷനിലേക്കോ സെർവർ സൈഡ് സൊല്യൂഷനിലേക്കോ നോക്കാൻ ആഗ്രഹിച്ചേക്കാം.

നിങ്ങൾക്ക് സെർവറിൽ എല്ലാ പ്രതീകങ്ങളും ചെറിയക്ഷരമാക്കാൻ കഴിയുമെങ്കിൽ, നിങ്ങൾക്ക് അപേക്ഷിക്കാം:

വാചകം രൂപാന്തരപ്പെടുത്തുക: വലിയക്ഷരമാക്കുക

വലിയ അക്ഷരങ്ങൾ ഇൻപുട്ടായി ടെക്സ്റ്റ് പരിവർത്തനം പ്രവർത്തിക്കുമെന്ന് ഞാൻ കരുതുന്നില്ല.

നിങ്ങൾക്ക് ഇത് ഉപയോഗിക്കണമെങ്കിൽ ഇത് പ്രവർത്തിക്കില്ല, അല്ലെങ്കിൽ ടെക്‌സ്‌റ്റേറിയയ്‌ക്ക് വേണ്ടി നിങ്ങൾ Javascript ഉപയോഗിക്കേണ്ടതുണ്ട്

ഫങ്ഷൻ ക്യാപ്പിറ്റൽനെയിം() (var str = document.getElementById("name").value; document.getElementById("name").value = str.charAt(0).toUpperCase() + str.slice(1); )