Jakékoli obrázky, které chcete propojit na svých webových stránkách HTML by měl být nejprve nahrán na stejné místo, kam posíláte HTML pro webovou stránku, ať už je web hostován na webovém serveru, na který se dostanete FTP nebo používáte webhostingovou službu. Pokud používáte webhostingovou službu, pravděpodobně používáte nahrávací formulář poskytovaný touto službou. Tyto formuláře se obvykle nacházejí v administrační části vašeho hostitelského účtu.
Nahrání vašeho obrázku do hostingové služby je pouze prvním krokem. Pak musíte přidat značku do HTML, abyste ji identifikovali.
Nahrávání obrázků do stejného adresáře jako HTML
Vaše fotografie mohou být umístěny ve stejném adresáři jako HTML. V takovém případě:
- Nahrajte obrázek do kořenového adresáře svého webu.
- Přidejte značku obrázku do kódu HTML, aby odkazoval na obrázek.
- Nahrajte soubor HTML do kořenového adresáře svého webu.
- Soubor otestujte otevřením stránky ve webovém prohlížeči.
Značka obrázku má následující formát:
Za předpokladu, že nahráváte fotografii měsíce se jménem „lunar.jpg“, má značka obrázku následující podobu:
Výška a šířka jsou volitelné, ale doporučují se. Tyto výchozí hodnoty jsou v pixelech, ale mohou být také vyjádřeny jako procenta:
Značka obrázku nevyžaduje uzavírací značku.
Pokud provádíte propojení s obrázkem v jiném dokumentu, použijte značky ukotvení a vnořte značku obrázku dovnitř.
Nahrávání obrázků do podadresáře
Je běžnější ukládat obrázky do podadresáře, který se obvykle nazývá snímky. Chcete-li ukazovat na obrázky v tomto adresáři, musíte vědět, kde se nacházejí ve vztahu ke kořenovému adresáři vašeho webu.
Kořen vašeho webu je místo, kde se zobrazuje URL bez adresářů na konci. Například pro web s názvem „MyWebpage.com“ používá kořen tento formulář: http://MyWebpage.com/. Všimněte si lomítka na konci. Takto je obvykle označen kořen adresáře. Podadresáře zahrnují lomítko, které ukazuje, kde jsou ve struktuře adresářů. Ukázkový web MyWebpage může mít strukturu:
http://MyWebpage.com/ - kořenový adresář
http://MyWebpage.com/products/ - adresář produktů
http://MyWebpage.com/products/documentation/ - adresář dokumentace v adresáři produktů
http://MyWebpage.com/images/ - adresář obrázků
V tomto případě, když ukážete na svůj obrázek v adresáři obrázků, napíšete:
Tomu se říká absolutní cesta k vašemu obrazu.
Běžné problémy s obrázky, které se nezobrazují
Získání obrázků, které se zobrazí na vaší webové stránce, může být zpočátku náročné. Dva nejběžnější důvody jsou, že obrázek nebyl nahrán tam, kam směřuje HTML, nebo je HTML napsán nesprávně.
První věcí je zjistit, zda můžete najít svůj obrázek online. Většina poskytovatelů hostingu má nějaký typ nástroje pro správu, pomocí kterého můžete zjistit, kam jste své obrázky nahráli. Jakmile si myslíte, že máte pro svůj obrázek správnou adresu URL, zadejte ji do svého prohlížeče. Pokud se obrázek zobrazí, máte správné umístění.
Pak zkontrolujte, zda váš HTML odkazuje na tento obrázek. Nejjednodušší způsob, jak to udělat, je vložit soubor URL obrázku které jste právě otestovali do atributu SRC. Znovu nahrajte stránku a otestujte.
Atribut SRC vaší značky obrázku by nikdy neměl začínat C:\ nebo soubor: Zdá se, že fungují, když otestujete svou webovou stránku ve svém počítači, ale každý, kdo váš web navštíví, uvidí nefunkční obrázek. Důvodem je, že C: \ ukazuje na umístění na vaše pevný disk. Vzhledem k tomu, že se obrázek nachází na pevném disku, zobrazí se při prohlížení, ale nebude se zobrazovat nikomu jinému.