ആണാണോ വെബ് ഡിസൈനർമാർക്ക്: ചിത്രങ്ങൾ ചുറ്റും വാചകം ഒഴുക്ക് എങ്ങനെ

ഈ ലേഖനത്തിൽ, ഞങ്ങൾ ചിത്രങ്ങൾ ബന്ധപ്പെട്ട HTML, CSS സവിശേഷതകൾ, നിങ്ങളെ അറിയിക്കും. നിങ്ങൾക്ക് HTML-പ്രമാണത്തിൽ അവരെ തിരുകുന്നതിന് പഠിക്കും. ലേഖനം പുറമേ ചിത്രം ക്രമീകരണങ്ങൾ മാറ്റാൻ എങ്ങനെ, ചിത്രം ചുറ്റും വാചകം ഒഴുക്ക് ഓർഗനൈസ് വിവരങ്ങൾ ലഭ്യമാകുന്നു.

ആദ്യം - എങ്ങനെ ഇമേജ് ഉൾപ്പെടുത്തുന്നതിന്. ഈ ഇല്ല ടാഗ് "img", നിരവധി ഗുണങ്ങളെ ഉണ്ട്. അവരുടെ പ്രധാന - "ഉറവിട". അതിൽ ബ്രൗസർ ഒരു ചിത്രം തിരുകാൻ ഏതൊക്കെ വിലാസം സംഭരിക്കുന്നു. നിങ്ങൾ ഇതിനകം കമ്പ്യൂട്ടറിൽ സംഭരിച്ചിരിക്കുന്ന ഒരു ചിത്രം പാത്ത് വ്യക്തമാക്കാനോ, അല്ലെങ്കിൽ ഒരു വെബ് റിസോഴ്സ് ഒരു ലിങ്ക് നൽകാൻ കഴിയും.

ആരും രണ്ടും പ്രാധാന്യം കുറഞ്ഞ ഗുണങ്ങളെ - "വീതി" (വീതി) ഉം "ഉയരം" (ഉയരം). അവർ സ്വയം ചിത്രങ്ങൾ (ചിത്രങ്ങൾ നീട്ടിക്കൊണ്ട് ഒപ്പം കമ്പ്രസ്സ് ഉപകാരപ്രദമായ ഓപ്ഷൻ) വലുപ്പം മാറ്റാൻ ഉപയോഗിക്കുന്നു.

പിന്തുടരുന്ന പരാമീറ്ററുകൾ "ഹ്സ്പചെ" ഉം "വ്സ്പചെ" (ചുറ്റുവട്ടത്തുള്ള ഇമേജ് ദൂരം). വ്യക്തമായും, "ഹ്സ്പചെ" - തിരശ്ചീന പാഡിംഗോട് ആൻഡ് "വ്സ്പചെ" - ലംബമായ.

നാം ടാഗ് "Alt" ഉം "തലക്കെട്ട്" എന്ന അത്തരം ഉണ്ട്. അവരുടെ ഉദ്ദേശ്യം ചിത്രം വിവരിക്കുക എന്നതാണ് മുതൽ അവർ പരസ്പരം സമാനമായ. എന്നാൽ നിങ്ങൾ മുകളിൽ മൌസ് വയ്ക്കുക പ്രദർശിപ്പിച്ച എന്നതും, "Alt" ആട്രിബ്യൂട്ട് വാച്യാർത്ഥത്തിൽ മൂല്യം ഒരു ചിത്രം അപ്ലോഡ് സാധ്യമല്ല എന്ന് ഇവന്റ് പ്രദർശിപ്പിച്ചിരിക്കുന്നു "ശീർഷകം" നിശ്ചിത പാഠത്തിൽ.

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

ചിത്രത്തിന്റെ രൂപം നിർവചിക്കുന്ന പരാമീറ്ററുകൾ ഒരു "അതിർത്തി" ആണ്. ഇത് വസ്തുവിന് ചുറ്റുമായി അതിർത്തി കനം നിശ്ചയിക്കുന്നത് കൂടാതെ ഏതെങ്കിലും പോസിറ്റീവ് സംഖ്യ (പിക്സലിൽ) ക്രമീകരിക്കാൻ കഴിയും.

അടുത്ത ആട്രിബ്യൂട്ട് - "വിന്യാസം". അവൻ ഇമേജിന് ചുറ്റും വാചകം ഒഴുക്ക് വിവരിക്കുന്നു. ഈ ഓപ്ഷൻ, "മധ്യ" "താഴെ" ക്രമീകരിക്കാൻ കഴിയും, "left", "ശരിയായ" ഉം "മുകളിൽ". മൂല്യങ്ങളുടെ ഓരോ ടെക്സ്റ്റ് ന് ചിത്രം എവിടെ നിർണ്ണയിക്കുന്നു. ഉദാഹരണത്തിന്, "മധ്യ" ഒരു മൂല്യം മധ്യ ഇമേജ് ടെക്സ്റ്റ് താഴത്തെ ബൗണ്ടറി, വിന്യസിച്ചിരിക്കുന്ന "left" അതേസമയം - ഒബ്ജക്റ്റ് ടെക്സ്റ്റ് ഇടത് ആയിരിക്കും. എച്ച്ടിഎംഎൽ - എന്നാൽ ഈ ചിത്രം ചുറ്റും വാചകം ഒഴുക്ക് സജ്ജമാക്കാൻ ഒരേയൊരു വഴി.

(ഗസ്റ്റ് കൂടുതൽ ഒറ്റയൊറ്റ) - മറ്റൊരു ശക്തമായ ഉപകരണമാണ് ഉണ്ട്. ഇത് കൂടുതൽ ഫലപ്രദമായി ഉപയോഗിക്കാൻ കഴിയും ഇമേജിന് ചുറ്റും വാചകം ഒഴുക്ക് ഉൾപ്പെടെ ടാഗ് ആട്രിബ്യൂട്ടുകൾ, വെച്ചു. സി.എസ്.എസ് നിങ്ങൾ പരാമീറ്ററുകൾ, മാത്രമല്ല പ്രത്യേക വസ്തു, അവനെ പോലെ എല്ലാവരും define അനുവദിക്കുന്നു. "Img {മാർജിൻ: 10px 10px 10px 10px;}" (! പ്രായോഗികമായി, ഉദ്ധരണികൾ ആവശ്യമില്ല) ഉദാഹരണത്തിന്, പത്തു പിക്സൽ നിങ്ങൾ പ്രമാണത്തിലെ എല്ലാ ചിത്രങ്ങൾ തിരിച്ചറിയൽ വ്യക്തമാക്കാൻ ആഗ്രഹിക്കുന്നുവെങ്കിൽ, അത് സിഎസ്എസ്-ഫയൽ ഒരു തുന്നലിൽ അതിനെ കണക്ട് മതിയാവും.

"Img {: ഇടത് വിന്യസിക്കുക:;}" ചിത്രങ്ങൾ ചുറ്റും ഒരു ടെക്സ്റ്റ് ഒഴുക്ക്, ഉദാഹരണത്തിന്, ഇടത് അറ്റം ന് നിർവചിച്ചിരിക്കുന്നത്.

വഴിയിൽ, ചേർക്കാൻ സിഎസ്എസ്-കോഡ് ഒരു ഫയലിൽ എഴുതാൻ ഇല്ല. ഈ ടാഗ് "സ്റ്റൈൽ" നിങ്ങൾ സി.എസ്.എസ്-കോഡ് ചേർക്കുക കഴിയും, എച്ച്ടിഎംഎൽ നൽകിയിരിക്കുന്നു. അത് ഒരേയൊരു (നിങ്ങൾ ഒന്നിലധികം എച്ച്ടിഎംഎൽ-ഫയലുകൾ ഒരേ കോഡ് ചേർക്കാൻ ആഗ്രഹിക്കുന്നുവെങ്കിൽ, നിങ്ങൾ ഒരു പ്രത്യേക ഷീറ്റ് സൃഷ്ടിക്കാൻ വേണം) പ്രമാണം പ്രവർത്തിക്കും.

ഇപ്പോൾ ഈ ഉത്തരവാദി ആണ് ടാഗ്, ഗുണം പ്രോപ്പർട്ടികൾ ഉപയോഗിച്ച്, സൈറ്റിന്റെ ചിത്രങ്ങൾ "വെള്ളം" കഴിയും. വലുപ്പം മാറ്റൽ ഉപയോഗിക്കുക അല്ലെങ്കിൽ ടെക്സ്റ്റ് ചിത്രങ്ങൾ പൊതിയാൻ മടിക്കേണ്ട. ഗ്രാഫിക്സ് ഘടകങ്ങൾ ഇല്ലാതെ വെബ് പേജുകൾ - തികച്ചും ദു കാഴ്ച, അല്ലേ?