നിങ്ങളുടെ വെബ് പേജുകളിലേക്ക് ഇമേജുകൾ ചേർക്കുന്നു

ശരിയായി പ്രദർശിപ്പിക്കുന്നതിന് ചിത്രങ്ങൾ ലഭിക്കുന്നു

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

ഹോസ്റ്റിംഗ് സേവനത്തിലേക്ക് നിങ്ങളുടെ ചിത്രം അപ്ലോഡുചെയ്യുന്നത് ആദ്യത്തേത് മാത്രമാണ്. അത് തിരിച്ചറിയാൻ നിങ്ങൾ HTML ൽ ഒരു ടാഗ് ചേർക്കേണ്ടിവരും.

HTML ആയി സമാന ഡയറക്ടറിയിലേക്ക് ചിത്രങ്ങൾ അപ്ലോഡുചെയ്യുന്നു

HTML ആയി സമാന ഡയറക്ടറിയിൽ നിങ്ങളുടെ ഫോട്ടോകൾ സ്ഥാപിച്ചിരിക്കാം. അങ്ങനെയാണെങ്കിൽ:

1. നിങ്ങളുടെ വെബ്സൈറ്റിലെ റൂട്ടിലേക്ക് ഒരു ചിത്രം അപ്ലോഡുചെയ്യുക.
2. ഇമേജിലേക്ക് പോയിന്റ് ചെയ്യുന്നതിന് നിങ്ങളുടെ HTML ൽ ഒരു ഇമേജ് ടാഗ് ചേർക്കുക.
3. നിങ്ങളുടെ വെബ്സൈറ്റിലെ റൂട്ടിലേക്ക് HTML ഫയൽ അപ്ലോഡ് ചെയ്യൂ.
4. നിങ്ങളുടെ വെബ് ബ്രൌസറിൽ പേജ് തുറന്ന് ഫയൽ പരിശോധിക്കുക.

ഇമേജ് ടാഗിന് ഇനിപ്പറയുന്ന ഫോർമാറ്റ് എടുക്കുന്നു:

ചന്ദ്രനിലെ ഒരു ഫോട്ടോ നിങ്ങൾ "lunar.jpg" എന്ന പേരിൽ അപ്ലോഡ് ചെയ്യുകയാണെങ്കിൽ, ഇമേജ് ടാഗും ഇനിപ്പറയുന്ന ഫോം തിരഞ്ഞെടുക്കുന്നു:

ഉയരം, വീതി എന്നിവ ഓപ്ഷണൽ ആണ്, പക്ഷെ ശുപാർശ ചെയ്യുന്നു. ഇമേജ് ടാഗിന് ക്ലോസിംഗ് ടാഗ് ആവശ്യമില്ലെന്നത് ശ്രദ്ധിക്കുക.

നിങ്ങൾ മറ്റൊരു പ്രമാണത്തിൽ ഒരു ചിത്രത്തിലേക്ക് ലിങ്കുചെയ്യുകയാണെങ്കിൽ, ആങ്കർ ടാഗുകൾ ഉപയോഗിക്കുക, കൂടാതെ ഇമേജിനെ ടാഗ് ചെയ്യുക.

സബ്ഡയറക്ടറിയിലെ ചിത്രങ്ങൾ അപ്ലോഡ് ചെയ്യുന്നു

സബ്-ഡയറക്ടറിയിൽ ചിത്രങ്ങൾ സൂക്ഷിക്കുന്നതിനായാണ് സാധാരണയായി ചിത്രങ്ങൾ സാധാരണയായി വിളിക്കുന്നത്. ആ ഡയറക്ടറിയിലെ ഇമേജുകൾ ചൂണ്ടിക്കാണിക്കാൻ, അത് നിങ്ങളുടെ വെബ്സൈറ്റിലെ റൂട്ടുമായി ബന്ധപ്പെട്ട് എവിടെയാണെന്ന് നിങ്ങൾ അറിഞ്ഞിരിക്കണം.

നിങ്ങളുടെ വെബ്സൈറ്റിന്റെ അവസാനം, എവിടെയും ഏതെങ്കിലും ഡയറക്ടറികൾ ഇല്ലാതെ, URL പ്രദർശിപ്പിക്കുന്നു. ഉദാഹരണത്തിന്, "MyWebpage.com" എന്ന പേരിലുള്ള ഒരു വെബ്സൈറ്റിനായി, റൂട്ട് ഈ ഫോം പിന്തുടരുന്നു: http://MyWebpage.com/. അവസാനം സ്ലാഷ് ശ്രദ്ധിക്കുക. ഒരു ഡയറക്ടറിയുടെ റൂട്ട് എങ്ങനെ സൂചിപ്പിക്കാമെന്നത് ഇങ്ങനെയാണ്. ഡയറക്ടറി ഘടനയിൽ എവിടെയാണെന്ന് കാണിക്കുന്നതിനായി സ്ലാഷിൽ സബ്ഡയറക്ടറികൾ ഉൾപ്പെടുന്നു. MyWebpage ഉദാഹരണം സൈറ്റ് ആകാം:

http://MyWebpage.com/ - റൂട്ട് ഡയറക്ടറി http://myWebpage.com/products/ - പ്രൊഡക്ട് ഡയറക്ടറി http://myWebpage.com/products/documentation/ - പ്രൊഡക്ട് ഡയറക്ടറി ഡയറക്ടറി ഡയറക്ടറി http: // MyWebpage.com/images/ - ഇമേജ് ഡയറക്ടറി

ഈ സാഹചര്യത്തിൽ, ഇമേജിന്റെ ഡയറക്ടറിയിൽ നിങ്ങളുടെ ഇമേജിലേക്ക് പോയിന്റ് ചെയ്യുമ്പോൾ, നിങ്ങൾ എഴുതുന്നു:

നിങ്ങളുടെ ചിത്രത്തിലേക്കുള്ള ആത്യന്തിക പാദം ഇതാണ്.

ഡിസ്പ്ലേ ചെയ്യരുത് ഇമേജുകൾ സാധാരണ പ്രശ്നങ്ങൾ

നിങ്ങളുടെ വെബ് പേജിൽ പ്രദർശിപ്പിക്കാൻ ചിത്രങ്ങൾ ആദ്യം ലഭിക്കുന്നത് വെല്ലുവിളി സൃഷ്ടിക്കാൻ കഴിയും. എച്ച്ടിഎംഎൽ എവിടെയാണ് സൂചിപ്പിച്ചിരിക്കുന്നത് എന്ന് ചിത്രം സൂചിപ്പിച്ചിട്ടില്ല, അല്ലെങ്കിൽ HTML തെറ്റായി എഴുതിയിട്ടുണ്ടാകാമെന്നതാണ് ഏറ്റവും പൊതുവായ കാരണങ്ങൾ.

നിങ്ങൾ ആദ്യം നിങ്ങളുടെ ഇമേജ് ഓൺലൈനിൽ കണ്ടെത്താൻ കഴിയുന്നുണ്ടെങ്കിൽ ആദ്യം കാണണം. ഭൂരിഭാഗം ഹോസ്റ്റിംഗ് ദാതാക്കളും നിങ്ങളുടെ ഇമേജുകൾ എവിടെയാണ് അപ്ലോഡുചെയ്യുന്നതെന്ന് കാണാൻ കഴിയുന്ന ചില മാനേജ്മെന്റ് ഉപകരണങ്ങളുണ്ട്. നിങ്ങളുടെ ഇമേജിനായി നിങ്ങൾക്ക് ശരിയായ URL ഉണ്ടെന്ന് കരുതുന്നതിനുശേഷം, നിങ്ങളുടെ ബ്രൗസറിൽ ടൈപ്പുചെയ്യുക. ചിത്രം കാണിക്കുന്നുവെങ്കിൽ, നിങ്ങൾക്ക് ശരിയായ സ്ഥാനം ലഭിക്കും.

അപ്പോൾ നിങ്ങളുടെ HTML ആ ഇമേജിലേക്ക് പോയി എന്ന് പരിശോധിക്കുക. നിങ്ങൾ ചെയ്യേണ്ടത് എളുപ്പമുള്ള വഴി SRC ആട്രിബ്യൂട്ടിൽ നിങ്ങൾ ഇപ്പോൾ പരിശോധിച്ച ഇമേജ് URL ഒട്ടിക്കുക എന്നതാണ് . പേജ് വീണ്ടും പരിശോധിക്കുക.

നിങ്ങളുടെ ഇമേജ് ടാഗ് SRR ആട്രിബ്യൂട്ട് C: \ or file ൽ ആരംഭിക്കാൻ പാടില്ല : നിങ്ങളുടെ വെബ്പേജിൽ നിങ്ങളുടെ കമ്പ്യൂട്ടറിൽ നിങ്ങൾ പരീക്ഷിക്കുമ്പോൾ ഇത് പ്രവർത്തിക്കുമെന്നാണ് തോന്നിയത്, എന്നാൽ നിങ്ങളുടെ സൈറ്റ് സന്ദർശിക്കുന്ന എല്ലാവർക്കും തകർന്ന ചിത്രം കാണാം. നിങ്ങളുടെ ഹാർഡ് ഡ്രൈവിലുള്ള ഒരു ലൊക്കേഷനിലേക്ക് C: \ points. ഇമേജ് നിങ്ങളുടെ ഹാർഡ് ഡ്രൈവിലാണെന്നതിനാൽ, അത് നിങ്ങൾ കാണുമ്പോൾ ദൃശ്യമാകും.