ഒരു HTML വ്യാപ് ടാഗ് നിലവിലുണ്ടോ?

നിങ്ങൾ HTML ഉപയോഗിച്ച് വെബ്പേജുകൾ നിർമ്മിക്കാൻ തുടങ്ങുമ്പോൾ, നിങ്ങൾ വലുപ്പത്തിൽ പ്രവർത്തിക്കാൻ തുടങ്ങും. നിങ്ങളുടെ സൈറ്റ് നിങ്ങൾ നോക്കിയിരിക്കാൻ ആഗ്രഹിക്കുന്ന രീതിയിൽ, നിങ്ങൾ അല്ലെങ്കിൽ മറ്റൊരു ഡിസൈനർ സൃഷ്ടിച്ച ഒരു ഡിസൈൻ, നിങ്ങൾ ആ സൈറ്റിലെ വാചകത്തിന്റെ വലിപ്പം മാറ്റാൻ ആഗ്രഹിക്കും, കൂടാതെ പേജിലെ മറ്റ് ഘടകങ്ങളും. ഇത് ചെയ്യാൻ നിങ്ങൾക്ക് ഒരു HTML "വലിപ്പം" ടാഗിൽ തിരയാൻ കഴിയും, പക്ഷേ നിങ്ങൾ വേഗം കണ്ടെത്തും.

എച്ച്ടിഎംഎല് വ്യാപ്തി ടാഗ് HTML ല് ഇല്ല. പകരം, നിങ്ങളുടെ ഫോണ്ടുകളുടെ വലുപ്പം ക്രമീകരിക്കാൻ, ഇമേജുകളുടെയോ ലേഔട്ടായോ നിങ്ങൾക്ക് കാസ്കേഡിംഗ് ശൈലി ഷീറ്റുകൾ ഉപയോഗിക്കണം. വാസ്തവത്തിൽ, ഒരു സൈറ്റിന്റെ ടെക്സ്റ്റുകളിലേക്കോ മറ്റൊരു ഘടകത്തിലേക്കോ നിർമ്മിക്കാനാവുന്ന ഏതൊരു ദൃശ്യമാറ്റവും CSS ഉപയോഗിച്ച് കൈകാര്യം ചെയ്യണം! HTML ഘടന മാത്രം.

ഒരു HTML വ്യാപ്തി ടാഗ് ഏറ്റവും അടുത്തുള്ള ടാഗ് പഴയ ഫോണ്ട് ടാഗ് ആണ്, അതിൽ തീർച്ചയായും ഒരു വലിപ്പം ആട്രിബ്യൂട്ട് ഉൾപ്പെടുത്തിയിരുന്നു. ഈ ടാഗ് HTML- ന്റെ നിലവിലെ പതിപ്പുകളിൽ ഒഴിവാക്കി, ഭാവിയിൽ ബ്രൗസറുകളെ പിന്തുണയ്ക്കില്ല! നിങ്ങൾ നിങ്ങളുടെ HTML ൽ ഫോണ്ട് ടാഗ് ഉപയോഗിക്കാൻ ആഗ്രഹിക്കുന്നില്ല! പകരം, നിങ്ങളുടെ HTML ഘടകങ്ങളെ വലുപ്പത്തിലാക്കാനും നിങ്ങളുടെ വെബ്പേജിനെ അനുസരിക്കാനും CSS പഠിക്കണം.

ഫോണ്ട് വലുപ്പം

സിഎഫ്എസ് ഉള്ള വലുപ്പം ഫോണ്ടുകൾ സുഗമമായി ചെയ്യുന്നതാണ്. വെറും ആ ടെക്സ്റ്റ് വ്യാഖ്യാനിക്കുന്നത് അധികം Moreso, നിങ്ങൾ നിങ്ങളുടെ വെബ്സൈറ്റ് ടൈപോഗ്രാഫി കുറിച്ച് കൂടുതൽ വ്യക്തമായ കഴിയും CSS ഉപയോഗിച്ച്. നിങ്ങൾക്ക് ഫോണ്ട് വലിപ്പം, നിറം, കീയിംഗ്, ഭാരം, മുൻപത്തേതിൽക്കൂടുതലും അതിലധികവും നിർവ്വചിക്കാം. ഫോണ്ട് ടാഗ് ഉപയോഗിച്ചുകൊണ്ട് നിങ്ങൾക്ക് വലുപ്പത്തെ മാത്രമേ നിർവചിക്കാവൂ, തുടർന്ന് ഓരോ ഉപഭോക്താവിനും വ്യത്യാസമുള്ള ബ്രൗസറിന്റെ സ്വതവേയുള്ള ഫോണ്ട് സൈറ്റിന് മാത്രമായുള്ള ഒരു എണ്ണം മാത്രം.

നിങ്ങളുടെ ഖണ്ഡിക 12pt ന്റെ ഫോണ്ട് സൈസ് സജ്ജമാക്കാൻ, font-size style property ഉപയോഗിക്കുക:

h3 {font-size = 24px; }

ഈ ശൈലി, ഹെഡിങ് 3 ഘടകങ്ങളുടെ ഫോണ്ട് സൈസ് 24 പിക്സൽസ് ആക്കുന്നു. നിങ്ങൾക്ക് ഇത് ഒരു ബാഹ്യ ശൈലി ഷീറ്റിലേക്ക് ചേർക്കാൻ കഴിയും, നിങ്ങളുടെ സൈറ്റിന്റെ എല്ലാ H3- കളും ഈ രീതി ഉപയോഗിക്കും.

നിങ്ങളുടെ ടെക്സ്റ്റിന് കൂടുതൽ അക്ഷരവിന്യാസ ശൈലികൾ ചേർക്കാൻ നിങ്ങൾ ആഗ്രഹിക്കുന്നുവെങ്കിൽ, നിങ്ങൾക്ക് അവ ഈ CSS റൂളിലേക്ക് ചേർക്കാനാവും:

h3 {font-size: 24px; നിറം: # 000; font-weight: normal; }

ഇത് H3 കളുടെ ഫോണ്ട് സൈസ് മാത്രമേ സജ്ജമാവുകയുള്ളൂ. അത് ബ്ലാക്ക് കളർ ക്രമീകരിക്കുകയും ചെയ്യും (ഇത് ഹെക്സാൺ # 000 രീതിയാണ്) അത് ഭാരം "നോർമൽ" ആയി തീരും. സ്വതവേ, ബ്രൌസറുകൾക്ക് ഹെഡ്ഡിംഗ്സ് 1-6 ബോൾഡ് ടെക്സ്റ്റ് ആയി നൽകും, അതിനാൽ ഈ രീതി ആ സ്ഥിരസ്ഥിതിയും അടിസ്ഥാനപരമായി "അൺ-ബോൾഡ്" ടെക്സ്റ്റും അസാധുവാക്കും.

ഇമേജ് വലുപ്പം

ഇമേജുകളുടെ വലുപ്പം മാറ്റാൻ നിങ്ങൾക്ക് ബ്രൗസർ ഉപയോഗിക്കാൻ കഴിയും എന്നതിനാൽ ഇമേജുകൾ വലുപ്പം നിർണയിക്കാൻ തന്ത്രപരമായിരിക്കാൻ കഴിയും. തീർച്ചയായും, ബ്രൌസറിനൊപ്പം ഇമേജുകൾ വലുപ്പം വരുത്തുന്നത് ഒരു മോശമായ ആശയം ആണ്, കാരണം പേജുകൾ കൂടുതൽ സാവധാനത്തിൽ ലോഡ് ചെയ്യാൻ കാരണമാകുമെന്നതിനാൽ ബ്രൗസറുകൾ പലപ്പോഴും വീണ്ടുമൊരു ജോലി ചെയ്യുകയാണ്. പകരം, ഗ്രാഫിക്സ് സോഫ്റ്റ്വെയർ ഉപയോഗിച്ച് ഇമേജുകൾ വലുപ്പം മാറ്റാനും നിങ്ങളുടെ വെബ് പേജ് HTML ൽ അവരുടെ യഥാർത്ഥ വലുപ്പത്തിൽ എഴുതാനും നിങ്ങൾ ഉപയോഗിക്കണം.

ഫോണ്ടുകളിൽ നിന്ന് വ്യത്യസ്തമായി, ചിത്രങ്ങൾ നിർവചിക്കാൻ HTML അല്ലെങ്കിൽ CSS ഉപയോഗിക്കാൻ കഴിയും. ചിത്രത്തിന്റെ വീതിയും ഉയരവും നിങ്ങൾ വ്യക്തമാക്കുന്നു. നിങ്ങൾ HTML ഉപയോഗിക്കുമ്പോൾ, ഇമേജിന്റെ വലുപ്പം പിക്സലിൽ മാത്രം നിർവചിക്കുക. നിങ്ങൾ CSS ഉപയോഗിച്ചാൽ, ഇഞ്ചുകൾ, സെന്റിമീറ്ററുകൾ, ശതമാനങ്ങൾ എന്നിവയുൾപ്പെടെയുള്ള മറ്റ് അളവുകൾ ഉപയോഗിക്കാം. നിങ്ങളുടെ പ്രതിച്ഛായയുള്ള വെബ്സൈറ്റിൽ നിങ്ങളുടെ ചിത്രങ്ങൾ ദ്രാവകം ആവശ്യം വരുമ്പോൾ ഈ അവസാന മൂല്യം, വളരെ ഉപയോഗപ്രദമാണ്.

HTML ഉപയോഗിച്ച് നിങ്ങളുടെ ചിത്ര വലുപ്പം നിർവചിക്കുന്നതിന്, img ടാഗ്യുടെ വീതിയും വീതിയും ആട്രിബ്യൂട്ടുകൾ ഉപയോഗിക്കുക. ഉദാഹരണത്തിന്, ഈ ചിത്രം 400x400 പിക്സൽ സ്ക്വയർ ആയിരിക്കും:

ഉയരം = "400" വീതി = "400" alt = "ഇമേജ്" />

CSS ഉപയോഗിച്ച് നിങ്ങളുടെ ചിത്ര വലുപ്പം നിർവചിക്കുന്നതിന്, ഉയരവും വീതിയും രീതിയിൽ ഉപയോഗിക്കുക. വലുപ്പത്തെ നിർവചിക്കുന്നതിന് CSS ഉപയോഗിച്ച് അതേ ചിത്രം ഇതാ:

ശൈലി = "ഉയരം: 400px; വീതി: 400px;" alt = "ഇമേജ്" />

ലേഔട്ട് വലുപ്പങ്ങൾ

ഒരു വിതാനത്തിൽ നിർവചിച്ചിരിക്കുന്ന ഏറ്റവും സാധാരണ വലുപ്പം വീതിയാണ്, ഒരു നിശ്ചിത വീതി ലേഔട്ട് അല്ലെങ്കിൽ ഒരു പ്രതികരിച്ച വെബ്സൈറ്റ് ഉപയോഗിക്കണോ എന്നത് നിങ്ങൾ ആദ്യം തീരുമാനിക്കണം. മറ്റൊരു വിധത്തിൽ പറഞ്ഞാൽ, വീതി, പിക്സൽ, ഇഞ്ച് അല്ലെങ്കിൽ പോയിൻറുകളുടെ കൃത്യമായ എണ്ണം ആയി കണക്കാക്കാൻ പോവുകയാണോ? അല്ലെങ്കിൽ നിങ്ങൾ നിങ്ങളുടെ ലേഔട്ട് വിഡ്ത്ത് ems അല്ലെങ്കിൽ percentages ഉപയോഗിച്ച് വഴങ്ങുന്ന ആയി സജ്ജമാക്കാൻ പോകുന്നുണ്ടോ? നിങ്ങളുടെ ലേഔട്ടിൻറെ വലുപ്പം നിർവചിക്കുന്നതിന്, ഒരു ഇമേജിൽ നിങ്ങൾ ഇഷ്ടപ്പെടുന്ന പോലെ വീതിയും ഉയരവും ഉള്ള CSS പ്രോപ്പർട്ടികൾ ഉപയോഗിക്കുന്നു.

സ്ഥിര വീതി:

ശൈലി = "വീതി: 600px;">

ലിക്വിഡ് വീതി:

ശൈലി = "വീതി: 80%;">

നിങ്ങളുടെ ലേഔട്ടിനായി വീതികുറയ്ക്കുന്നതിന് നിങ്ങൾ തീരുമാനിക്കുമ്പോൾ, നിങ്ങളുടെ വായനക്കാർ ഉപയോഗിക്കുന്ന വ്യത്യസ്ത ബ്രൗസറുകളുടെ വീതിയും അവർ ഉപയോഗിക്കുന്ന വിവിധ ഉപകരണങ്ങളും നിങ്ങൾ ഓർക്കേണ്ടതുണ്ട്. ഇതുകൊണ്ടാണ് പ്രതികരിച്ച വെബ്സൈറ്റുകൾ , വ്യത്യസ്തമായ ഉപകരണങ്ങളും സ്ക്രീനിന്റെ വലിപ്പവും അടിസ്ഥാനമാക്കി അവയുടെ ലേഔട്ട് മാറ്റാനും സൈസ് ചെയ്യാനും കഴിയും, ഇന്നത്തെ ഏറ്റവും മികച്ച പ്രാക്ടീസ് സ്റ്റാൻഡേർഡാണ്.