Minden olyan kép, amelyet linkelni szeretne a webhelyén HTML előbb arra a helyre kell feltölteni, ahová elküldi a weboldal HTML-jét, függetlenül attól, hogy a webhelyet egy webkiszolgálón tárolták-e, amelyet elér FTP vagy webtárhely-szolgáltatást használ. Ha webtárhely-szolgáltatást használ, akkor valószínűleg a szolgáltatás által biztosított feltöltési űrlapot használja. Ezek az űrlapok általában a tárhely-fiók adminisztrációs szakaszában találhatók.
A kép feltöltése a tárhely szolgáltatásba csak az első lépés. Ezután hozzá kell adnia egy címkét a HTML-be annak azonosításához.
Képek feltöltése ugyanabba a könyvtárba, mint a HTML
Előfordulhat, hogy fotói ugyanabban a könyvtárban találhatók, mint a HTML. Ha ez a helyzet:
- Töltsön fel egy képet a webhely gyökérkönyvtárába.
- Adjon hozzá egy képcímkét a HTML-be, hogy a képre mutasson.
- Töltse fel a HTML fájlt a webhely gyökérkönyvtárába.
- Tesztelje a fájlt az oldal megnyitásával a webböngészőben.
A képcímke formátuma a következő:
Feltételezve, hogy a holdról fényképet tölt fel "lunar.jpg" néven, a képcímke a következő formát ölti:
A magasság és a szélesség nem kötelező, de ajánlott. Ezek az alapértelmezett értékek pixelben vannak megadva, de százalékosan is kifejezhetők:
A képcímke nem igényel záró címkét.
Ha egy másik dokumentumban lévő képhez kapcsolódik, használjon horgonycímkéket, és helyezze be a képcímkét.
Képek feltöltése egy alkönyvtárba
Gyakrabban a képeket egy alkönyvtárban tárolja, amelyet általában úgy hívnak Képek. Ahhoz, hogy a könyvtárban lévő képekre mutasson, tudnia kell, hogy hol vannak a webhely gyökérzetéhez viszonyítva.
A webhely gyökere az, ahol megjelenik az URL, minden címtár nélkül. Például a "MyWebpage.com" nevű webhely esetében a gyökér ezt az űrlapot követi: http://MyWebpage.com/. Figyelje meg a perjelet a végén. Így szokták feltüntetni a könyvtár gyökerét. Az alkönyvtárak tartalmazzák ezt a perjelet, hogy megmutassák, hol helyezkednek el a könyvtárstruktúrában. A MyWebpage példa webhelyének szerkezete lehet:
http://MyWebpage.com/ - a gyökérkönyvtár
http://MyWebpage.com/products/ - a termékjegyzék
http://MyWebpage.com/products/documentation/ - a termékkönyvtár alatti dokumentációs könyvtár
http://MyWebpage.com/images/ - a képek könyvtár
Ebben az esetben, amikor a képre mutat a képek könyvtárában, a következőket írja:
Ezt hívják abszolút út a képedhez.
A nem megjelenő képek gyakori problémái
A képek megjelenése a weboldaladon eleinte kihívást jelenthet. A két leggyakoribb ok az, hogy a képet nem arra a helyre töltötték fel, ahol a HTML mutat, vagy a HTML-t helytelenül írták.
Az első dolog, hogy megtudja, megtalálja-e a képét online. A legtöbb tárhelyszolgáltató rendelkezik valamilyen típusú felügyeleti eszközzel, amellyel megnézheti, hova töltötte fel képeit. Miután úgy gondolta, hogy a képhez megfelelő URL van, írja be a böngészőbe. Ha megjelenik a kép, akkor a megfelelő helyet választotta.
Ezután ellenőrizze, hogy a HTML-je arra a képre mutat-e. Ennek legegyszerűbb módja a kép URL-je hogy most tesztelted az SRC attribútumot. Töltse fel újra az oldalt, és tesztelje.
A képcímke SRC attribútumának soha nem szabad kezdődnie C: \ vagy fájl: Úgy tűnik, hogy ezek működnek, amikor weboldalát saját számítógépén teszteli, de mindenki, aki felkeresi a webhelyét, sérült képet fog látni. Ez azért van, mert a C: \ egy helyre mutat a te merevlemez. Mivel a kép a merevlemezen van, a megtekintéskor megjelenik, de másnak nem.