എച്ച്ടിഎംഎൽ ഉപയോഗിച്ച് ഒരു ചിത്രം വലുപ്പം

എച്ച്ടിഎംഎൽ ഇമേജ് വലുപ്പം ചിത്രത്തിന്റെ വീതിയും ഉയരവും മാറ്റാൻ ഉപയോഗിക്കുന്ന ഒരു പ്രതിഭാസമാണ്. എച്ച്ടിഎംഎൽ ഈ ആട്രിബ്യൂട്ട് ഉപയോക്താക്കൾക്ക് സൈറ്റിൽ ഉള്ളിൽ സംയോജിപ്പിച്ചു ഇമേജ് വലുപ്പം കുറയ്ക്കുക അനുവദിക്കുന്നു. ഒരു വികസന ഭാഷ എച്ച്ടിഎംഎൽ ഒരാളായി എക്സിക്യൂട്ട് എളുപ്പമാണ് ആണ് അതിനാൽ വിധേയമാക്കി കാര്യം എല്ലാ ഉപയോക്താക്കൾക്കും ഒരു വലിയ ഇടപാട് അല്ല. ഇത് ഉപയോക്താവ് സാങ്കേതികവിദ്യ വിദഗ്ദനാവൂ അല്ല എങ്കിൽ ആഴത്തിലുള്ള വിഷയം എന്തോ ആവശ്യമാണ് എന്നതും ശ്രദ്ധേയമാണ് ആണ്. ഒരു എളുപ്പ ഭാഷ എങ്കിലും എച്ച്ടിഎംഎൽ എന്നാൽ കോഡ് വധശിക്ഷ ഒരു നിപുണനായ തലത്തിൽ ആവശ്യമാണ്. ഇമേജ് വലുപ്പം അതുപോലെ ബന്ധപ്പെട്ട ഗുണങ്ങളെ പുറമേ HTML കൊണ്ട് ഉൾപ്പെടുത്തിയ എന്ന് സി.എസ്.എസ് ഉപയോഗിച്ച് മാറ്റാൻ കഴിയും. ഈ ട്യൂട്ടോറിയൽ അതുപോലെ എങ്ങനെ ഒരു ചിത്രത്തിന്റെ വലുപ്പം എച്ച്ടിഎംഎൽ ഉപയോഗിച്ച് പരിധി സജ്ജമാക്കാൻ ഉപയോക്താക്കളെ പഠിപ്പിക്കാം.

ഭാഗം 1 എച്ച്ടിഎംഎൽ എന്താണ്?

ഹൈപ്പർ ടെക്സ്റ്റ് മാർക്കപ്പ് ഭാഷ നിൽക്കുന്നത് എച്ച്ടിഎംഎൽ വെബ്സൈറ്റുകൾ വികസിപ്പിക്കാൻ ഉപയോഗിക്കുന്ന ഒരു പ്രോഗ്രാമിങ് ഭാഷയാണ്. ഇത് എപ്പോഴും ജാവ സ്ക്രിപ്റ്റ് സിഎസ്എസ് സംയുക്തമായും ഉപയോഗിക്കുന്നു. ഇത് മൊബൈൽ ആപ്ലിക്കേഷനുകളും ജിയുഐ ആവശ്യമാണ് പ്രോഗ്രാമുകൾ ഇന്റർഫേസുകൾ സൃഷ്ടിക്കാൻ ഉപയോഗിക്കുന്നു. ലോകത്തിലെ ഏറ്റവും ഉപയോഗിച്ച ഭാഷ ആണ് വേൾഡ് വൈഡ് വെബ് വികസിപ്പിച്ചത്. തുടക്കത്തിൽ ഭാഷ 1993 ൽ പുറത്തിറങ്ങി തുടക്കം മുതൽ അത് അതിവേഗം മികച്ച ഭാഷകളിൽ ഒരാളായി വികസിച്ചു. ഭാഷ ആദ്യ പതിപ്പ് എസ്.ജി.എം.എൽ. അത് നീട്ടി എക്സ്.എച്ച്.റ്റി.എം.എൽ ചെയ്തു ഏത് പുതിയ പതിപ്പ് എന്ന് പേരുള്ള. ചിത്രങ്ങൾ മാറ്റുന്നതിനുളള മെമ്മറി അധിനിവേശം കണക്കിലെടുത്ത് ചിത്രത്തിന്റെ വലുപ്പം മാറ്റി ഒരിക്കലും എന്നാണ്. പകരം അത് മാറ്റി എന്നത് പിക്സലിൽ അളക്കുന്നത് ആ ചിത്രം യഥാർത്ഥ വലുപ്പം ആണ്. ഹ്ത്മ് എൽ ഏറ്റവും പ്രശസ്തമായ ഭാഷയാണ് അതുകൊണ്ടുതന്നെ എപ്പോഴും ഉപയോക്താക്കളുടെ ആദ്യ ചോയ്സ് ആണ്.

ഭാഗം 2 എച്ച്ടിഎംഎൽ പ്രയോജനങ്ങൾ

എച്ച്ടിഎംഎൽ പ്രയോജനങ്ങൾ മറ്റെവിടെയെങ്കിലും കണ്ടെത്താൻ ബുദ്ധിമുട്ടാണ് നിങ്ങളെ ഞാൻ കാണിച്ചുതരാം. അത് ഏറ്റവും ഉപയോഗിച്ച പ്രോഗ്രാമിംഗ് ഭാഷകളിൽ ഒന്നാണ്. ഈ വിഭാഗത്തിൽ എച്ച്ടിഎംഎൽ ബന്ധപ്പെട്ട ഗുണങ്ങളുമുണ്ട് പൂർണ്ണമായി വിശദീകരിച്ചു ചെയ്യും.

• എച്ച്ടിഎംഎൽ വളരെ ഇന്ററാക്ടീവ് ഭാഷ. ഫേസ്ബുക്ക്, ട്വിറ്റർ, എന്തിന് Google പ്രധാന പ്ലാറ്റ്ഫോമുകൾ അവരുടെ കോഡിംഗ് സമന്വയിപ്പിക്കുന്നതിന് ഭാഷ ഉപയോഗിക്കുന്ന തന്നെയാണ്. ഇങ്ങനെ ഈ ഭാഷ ഏറ്റവും പ്രശസ്തമായ ഏറ്റവും വ്യാപകമായി ഉപയോഗിക്കുന്ന ഭാഷ.
• എച്ച്ടിഎംഎൽ എന്ന കോഡിംഗ് വളരെ, വിലങ്ങുതടിയായി ശുദ്ധവും മനസ്സിലാക്കാവുന്നതേയുള്ളൂ. അതുകൊണ്ട് അത് ഉപയോഗിക്കാൻ താൽപര്യം എഴുതൂ എന്ന പ്രഥമ പരിഗണന. പുതിയ എച്ച്ടിഎംഎൽ 5 ഘടകം അടുത്ത ഘട്ടത്തിലേക്ക് ആശയം എടുത്തിട്ടുണ്ട് ഒന്നാണ്.
  
• സെമാന്റിക്കുകൾ യാതൊരു പ്രശ്നം ഇല്ലാതെ ചെയ്ത ജോലി തരപ്പെടുത്തി ഞാൻ കാണിച്ചുതരാം. എച്ച്ടിഎംഎൽ 5 ഘടകങ്ങൾ പരസ്പരം പ്രത്യേക നിങ്ങളെ ഞാൻ കാണിച്ചുതരാം. ഇത് മൂലകങ്ങളുടെ ലക്ഷ്യം വളരെ വ്യക്തമായി കാണാൻ കഴിയും എന്നാണ്. കോഡ് ഒരിക്കൽ ഫലമാണ് ഉദ്ദേശ്യം ഉപയോക്താക്കൾക്ക് വൃത്തിയുള്ളതും വ്യക്തമാകുന്നത് ഓഡിറ്റു ചെയ്തു.
• ഭാഷ ഔട്ട്പുട്ട് ഒരുക്കിയിരിക്കുന്നതു. വെബ്പേജ് ആവശ്യങ്ങൾ വരിയിൽ എങ്കിൽ അതിനാൽ ഉപയോക്താക്കൾക്ക് വളരെ ചെറിയ പ്രവൃത്തി ചെയ്യാൻ ആവശ്യമാണ്. ഡിസൈനർമാർ പോലെ ഭാഷ സ്വീകരിക്കാൻ വളരെ എളുപ്പമാണ് അതുകൊണ്ടുതന്നെ ഇത്തരം ആവശ്യങ്ങൾക്കായി ഏറ്റവും വ്യാപകമായി ഉപയോഗിക്കുന്നത്.
• എച്ച്ടിഎംഎൽ എന്ന ഓപ്പൺ സോഴ്സ് പ്രകൃതി ഉപയോക്താക്കളെ ആകർഷിക്കുന്ന സംഗതിയാണത്. ഉപകരണങ്ങൾ അതോടൊപ്പം വിദ്യകൾ ഉപയോഗിക്കാനും ഡൗൺലോഡ് ചെയ്യാം. സംയോജനം അതിനാൽ സുസ്ഥിരവും ഉപയോക്താക്കളെ ആവശ്യങ്ങൾ വരിയിൽ ആണ്.
• ഉപഭോക്തൃ ജിയോലൊക്കേഷനും പിന്തുണ എല്ലാ തവണ ഏറ്റവും പ്രശസ്തമായ ഭാഷകളിൽ ഒന്നായി എച്ച്ടിഎംഎൽ തിങ്ങുന്ന മറ്റൊരു ഘടകം. ഉപയോക്താവ് പ്രശ്നം ഇല്ലാതെ സഹായികളും ലഭിക്കും പ്രശ്നങ്ങളും പരിഹരിക്കുന്നു. ഇത് വേൾഡ് വൈഡ് വെബ് ന് ഡെവലപ്പർമാർ ഭാഷയും ബന്ധപ്പെട്ട ഘടകങ്ങൾ ഗൗരവമായി കാണിക്കുന്നു.

ഭാഗം 3 എച്ച്ടിഎംഎൽ ബന്ധപ്പെട്ട ടാഗുകൾ ഇമേജ് വലുപ്പം

Img src അത് എച്ച്ടിഎംഎൽ ചിത്രം മാറ്റുന്നതിനുളള വരുമ്പോൾ വ്യാജമായി എന്നത് ടാഗ് ആണ്. ഈ ടാഗ് ൽ Img ചിത്രം ചെറിയ രൂപമാണ്. SRC സ്രോതസ്സ് സൂചിപ്പിക്കുന്നു. ഉറവിട ഇമേജ് മാറാനായി എവിടെ നിന്ന് ആ സ്ഥലം ചിത്രീകരിക്കുന്ന. ഇത് ചിത്രം ഏറ്റുപിടിക്കുകയും കാണിച്ചിരിക്കുന്നു എവിടെ ഉപയോക്താക്കൾക്ക് വെബ്സൈറ്റ് ഫോൾഡർ ലൊക്കേഷൻ വ്യക്തമാക്കുന്നു. മാറ്റങ്ങൾ ബാധകമാക്കുന്നതിനിടയിൽ ഉപയോക്താവ് ജാഗ്രത നിലനിൽക്കണം എന്നാൽ ഒരു കാൾസണിന്റെ പ്രക്രിയയാണ് എങ്കിലും. തെറ്റായ മാറ്റങ്ങൾ മൊത്തത്തിൽ മറ്റ് ഘടകങ്ങൾ അസ്വസ്ഥത നയിച്ചേക്കാം. ട്യൂട്ടോറിയൽ അടുത്ത ഭാഗം വിധേയമാക്കുകയും ടാസ്ക് ചെയ്യുമ്പോൾ ബാധകമാകുന്ന എന്ന് പ്രക്രിയ കൈകാര്യം ചെയ്യും. നിറവേറ്റാനുള്ള എന്ന് ആവശ്യകതകൾ വലിയ വിശദമായി ചർച്ച ചെയ്യും:

ആവശ്യകതകൾ

• എച്ച്ടിഎംഎൽ എഡിറ്റർ
• വെബ്പേജ് ലേഔട്ട്
• പിസി

പ്രക്രിയ

: പ്രക്രിയയുടെ അപേക്ഷ താഴെ പറയുന്നു സൂചിപ്പിച്ചിട്ടുണ്ട് ആ പടി പ്രകാരം ചെയ്യണം

താഴെ പറയുന്നു ചിത്രത്തിന്റെ വലുപ്പം ഉപയോഗിക്കുന്ന ൧.ഥെ സാധാരണ ടാഗ് കാണാൻ കഴിയും. ഇത് വെറും ഒരു ഉദാഹരണമായി എടുത്തു ആണ്:

ദൃശ്യമാകുന്ന ചിത്രം മുകളിൽ ഫലമായി താഴെ കൊടുക്കുന്നു:

ഉപയോക്തൃ വീതി അതുപോലെ ഉയരം മാറ്റാൻ ആവശ്യമാണ് ബന്ധപ്പെട്ട വലിപ്പം വരെ ചിത്രത്തിന്റെ വലുപ്പം 2.In ഓർഡർ. താഴെ ഈ കോഡ് കാണാൻ കഴിയും:

മാറ്റുന്നതിനുളള ചെയ്തു ഒരിക്കൽ ദൃശ്യമാകുന്ന ചിത്രം താഴെ കൊടുക്കുന്നു:

എച്ച്ടിഎംഎൽ മനസ്സിലാക്കാൻ എളുപ്പമാണ് ഒരു ഭാഷ. ഉപയോക്താവ് അതിനാൽ ചിത്രങ്ങൾ വലുപ്പം മാറ്റാൻ അത് മുൻഗണന നൽകുന്ന. എച്ച്ടിഎംഎൽ അതോടൊപ്പം ഉപയോക്താവ് ഗുണങ്ങളുമുണ്ട് ലക്ഷ്യത്തിലെത്തിക്കാൻ ജാവ സ്ക്രിപ്റ്റ് അതുപോലെ സി.എസ്.എസ് പഠിക്കാം. ഭാഷ കേവലം വിമലയ്ക്ക് ഫലങ്ങൾ ലഭിക്കാൻ അറിയപ്പെടുന്നു. മൊത്തം കാഴ്ച അതുപോലെ വെബ്പേജിന്റെ ലേഔട്ട് ഭയങ്കരൻ. വ്യവ്സഥിതിയിലാണ് എച്ച്ടിഎംഎൽ വികസന ആവശ്യങ്ങൾക്കായി ഒരു അടയാളം വിട്ടു ഇപ്പോൾ വരെ ഈ വഴി തുടരുന്നു. ചിത്രം മാറ്റുന്നതിനുളള ഭാഷ ഒരു ഭാഗം മാത്രമാണ്. പ്രശ്നത്തില് ഭാഷ പ്രശ്നം ഇല്ലാതെ വല്ല പണിക്കും ഉപയോഗിക്കാൻ കഴിയും എന്നതാണ്.