Pridanie obrázkov na vaše webové stránky

Získanie obrázkov na zobrazenie správne

Všetky obrázky, ktoré chcete prepojiť vo svojom HTML webe, by mali byť najprv odovzdané na to isté miesto, kam posielate HTML pre webovú stránku, či je web hostovaný na webovom serveri, na ktorý sa dostanete cez FTP alebo používate webhostingovú službu. Ak používate službu webhostingu, pravdepodobne použijete formulár na odovzdanie, ktorý poskytuje služba. Tieto formuláre sú zvyčajne v administrátorskej časti vášho hosťovského účtu.

Odovzdávanie obrázka do hostiteľskej služby je len prvým krokom. Potom musíte do kódu HTML pridať značku, aby ste ju identifikovali.

Odovzdávanie obrázkov do adresára Same ako HTML

Vaše fotografie môžu byť umiestnené v rovnakom adresári ako HTML. Ak je to tak:

1. Odovzdajte obrázok do koreňového adresára vašej webovej lokality.
2. Pridajte značku obrázka vo vašom HTML a nasmerujte obrázok na obrázok.
3. Odovzdajte súbor HTML do koreňového adresára svojich webových stránok.
4. Otestujte súbor otvorením stránky vo vašom webovom prehliadači.

Značka obrázka má nasledujúci formát:

Za predpokladu, že odovzdávate fotografiu Mesiaca s názvom "lunar.jpg", značka obrázka má nasledujúcu formu:

Výška a šírka sú voliteľné, ale odporúčané. Upozorňujeme, že značka obrázka nevyžaduje uzatváraciu značku.

Ak spájate obrázok s iným dokumentom, používajte značky kotvy a vložte značku obrázka do vnútra.

Odovzdávanie obrázkov v podadresári

Častejšie je ukladanie obrázkov do podadresára, zvyčajne nazývaného Obrázky . Aby ste poukazovali na obrázky v tomto adresári, potrebujete vedieť, kde to je vo vzťahu k koreňu vašich webových stránok.

Koreňom vašich webových stránok je miesto, kde sa zobrazuje adresa URL bez adresárov na konci. Napríklad pre webové stránky s názvom "MyWebpage.com" koreň nasleduje po tomto formulári: http://MyWebpage.com/. Všimnite si lomítko na konci. Takto sa zvyčajne uvádza koreň adresára. Podadresáre obsahujú lomku, ktorá ukáže, kde sedia v štruktúre adresárov. Webová stránka MyWebpage môže mať štruktúru:

http://MyWebpage.com/ - koreňový adresár http://MyWebpage.com/products/ - adresár produktov http://MyWebpage.com/products/documentation/ - adresár dokumentácie v adresári produktov http: // MyWebpage.com/images/ - adresár obrázkov

V tomto prípade, ak smerujete na obrázok v adresári obrázkov, píšete:

Toto sa nazýva absolútna cesta k vášmu obrazu.

Bežné problémy s obrázkami, ktoré sa nezobrazujú

Získanie obrázkov, ktoré sa zobrazia na vašej webovej stránke, môže byť najprv náročné. Dve najčastejšie dôvody sú, že obrázok nebol nahraný tam, kde smeruje HTML, alebo je nesprávne zadaný kód HTML.

Prvá vec, ktorú musíte urobiť, je zistiť, či váš obrázok nájdete online. Väčšina poskytovateľov hostingu má nejaký typ nástroja na správu, ktorý môžete použiť na zistenie, kam ste odovzdali svoje obrázky. Keď si myslíte, že máte správnu adresu URL obrázka, zadajte ho do svojho prehliadača. Ak sa obrázok zobrazí, máte správnu polohu.

Potom skontrolujte, či váš HTML smeruje k tomuto obrázku. Najjednoduchší spôsob je vložiť adresu URL obrázka, ktorú ste práve testovali, do atribútu SRC. Znova nahrať stránku a vyskúšať.

Atribút SRC vašej značky obrázkov by nikdy nemal začínať so súborom C: \ alebo : Tieto budú fungovať, keď otestujete svoju webovú stránku na svojom počítači, ale každý, kto navštívi vaše webové stránky, zobrazí poškodený obrázok. Je to preto, že C: \ ukazuje miesto na pevnom disku. Keďže sa obrázok nachádza na pevnom disku, zobrazí sa, keď ho zobrazíte.