Přidávání obrázků na webové stránky

Získání obrázků, které se mají zobrazovat správně

Všechny obrázky, které chcete propojit v kódu HTML vašeho webu, by měly být nejprve nahrány na stejné místo, kam odešlete HTML pro webovou stránku, ať už je web hostován na webovém serveru, na který se dostanete prostřednictvím FTP, nebo používáte webhostingovou službu. Pokud používáte webhostingovou službu, pravděpodobně použijete formulář pro odeslání služby. Tyto formuláře se obvykle nacházejí v administrátorské části vašeho účtu pro hostování.

Nahrávání obrázku do hostitelské služby je pouze prvním krokem. Poté je třeba do HTML přidat značku, která ji identifikuje.

Nahrávání obrázků do adresáře Same jako HTML

Vaše fotky mohou být umístěny ve stejném adresáři jako HTML. Pokud tomu tak je:

1. Nahrajte obrázek do kořenového adresáře vašeho webu.
2. Přidejte značku obrázku do kódu HTML a přejděte na obrázek.
3. Nahrajte soubor HTML do kořenového adresáře vašeho webu.
4. Otestujte soubor 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 s názvem "lunar.jpg", značka obrázku má následující podobu:

Výška a šířka jsou volitelné, ale doporučují se. Všimněte si, že značka obrázku nevyžaduje uzavírací značku.

Pokud propojíte obrázek s jiným dokumentem, použijte kotevní značky a vložte značku obrázku dovnitř.

Nahrávání obrázků do podadresáře

Je častější ukládat obrázky do podadresáře, obvykle nazývané Obrázky . Chcete-li poukázat na obrázky v tomto adresáři, musíte vědět, kde to je ve vztahu k kořenu vašeho webu.

Kořen vašeho webu je místo, kde se zobrazí adresa URL bez adresářů na konci. Například pro web s názvem "MyWebpage.com" kořenový adresář následuje tento formulář: http://MyWebpage.com/. Všimněte si lomítko na konci. Takto je obvykle uveden kořen adresáře. Podadresáře obsahují lomítko, které zobrazuje, kde sedí ve struktuře adresářů. Stránka příkladu 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ž přejdete na obrázek v adresáři obrázků, napíšete:

Toto se nazývá absolutní cesta k vašemu obrazu.

Společné problémy se snímky, 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é. Dvě nejčastější důvody jsou, že obrázek nebyl nahrán tam, kde směřuje HTML, nebo je HTML napsán nesprávně.

První věc, kterou musíte udělat, je zjistit, zda váš obrázek najdete online. Většina poskytovatelů hostingu má nějaký typ nástroje pro správu, který můžete použít k zjištění, kam jste obrázky nahrali. Poté, co si myslíte, že máte správnou adresu URL pro svůj obrázek, zadejte jej do prohlížeče. Pokud se obraz objeví, máte správné místo.

Poté zkontrolujte, zda váš HTML směřuje k tomuto obrázku. Nejjednodušší způsob, jak to udělat, je vložit adresu URL obrázku, kterou jste právě vyzkoušeli do atributu SRC. Znovu nahrajte stránku a vyzkoušejte.

Atribut SRC vaší značky obrázků by neměl nikdy začínat pomocí C: \ nebo souboru: Zdá se, že to funguje, když otestujete svou webovou stránku na svém počítači, ale všichni, kdo navštíví vaše stránky, uvidí zlomený obrázek. Důvodem je, že C: \ ukazuje na místo na pevném disku. Vzhledem k tomu, že je obrázek na pevném disku, zobrazí se při prohlížení.