Képek hozzáadása a weboldalakhoz

A képek helyes megjelenítéséhez

Minden olyan képet, amelyet linkelni szeretne a webhely HTML-jében, először fel kell tölteni ugyanarra a helyre, ahová a weboldal HTML-jét küldi, függetlenül attól, hogy az adott webhely egy olyan webszerveren jelen van-e, amelyet FTP-nél ér el vagy web hosting szolgáltatást használ. Ha web hosting 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 jellemzően a befogadó fiók adminisztrációs részében szerepelnek.

A kép feltöltése a tárhely szolgáltatásra csak az első lépés. Ezután meg kell adnia egy címkét a HTML-ben annak azonosításához.

Képek feltöltése ugyanazon címtárba, mint a HTML

Fotóid ugyanabban a könyvtárban találhatók, mint a HTML. Ha ez a helyzet:

1. Töltse fel a képet a webhely gyökereire.
2. Adjon hozzá egy képcímkét a HTML-ben a képre mutató pontra.
3. Töltse fel a HTML fájlt a webhely gyökereire.
4. Próbálja ki a fájlt azzal, hogy megnyitja az oldalt a webböngészőben.

A képcímke a következő formátumú:

Feltéve, hogy feltöltötte a moon fotóját a "lunar.jpg" néven, a képcímke a következő formában jelenik meg:

A magasság és a szélesség opcionális, de ajánlott. Ne feledje, hogy 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 beágyazza a képcímkét.

Képek feltöltése egy alkönyvtárban

Közönséges a képeket egy alkönyvtárban tárolni, amelyet általában Képeknek neveznek. Annak érdekében, hogy a könyvtárban lévő képekre mutasson, tudnia kell, hol van a webhely gyökeréhez képest.

A webhely gyökere az, ahol az URL, amelyen nincs könyvtár a végén, megjelenik. Például egy "MyWebpage.com" nevű webhelyen a gyökér követi ezt az űrlapot: http://MyWebpage.com/. Figyeljük meg a végén a perjelet. Így általában egy könyvtár gyökere van. Az alkönyvtárak tartalmazzák azt a perjelet, hogy megmutassák, hol ülnek a könyvtárstruktúrában. A MyWebpage példa webhelyének szerkezete lehet:

http://MyWebpage.com/ - gyökérkönyvtár http://MyWebpage.com/products/ - a termékek könyvtára http://MyWebpage.com/products/documentation/ - a dokumentációs könyvtár a termékek mappájában http: // MyWebpage.com/images/ - a képek könyvtára

Ebben az esetben, ha a képet a képkönyvtárba irányítja, írja:

Ezt a kép abszolút elérési útjának nevezik.

Gyakori problémák azokkal a képekkel, amelyek nem jelennek meg

A képek megjelenítéséhez a weboldalon először is kihívást jelenthet. A két leggyakoribb ok az, hogy a kép nem lett feltöltve, ahol a HTML mutat, vagy a HTML helytelenül van írva.

Az első dolog, ha látni akarja a képet online. A legtöbb tárhelyszolgáltatónak van valamilyen kezelőeszköze, amely segítségével megnézheti, hol töltötte fel a képeket. Miután úgy gondolja, hogy a megfelelő URL-címmel rendelkezik, írja be a böngészőbe. Ha a kép megjelenik, akkor a megfelelő helyet kapja.

Ezután ellenőrizze, hogy a HTML a képre mutat. A legegyszerűbb módja az, hogy illessze be az éppen tesztelt kép URL-jét az SRC attribútumba. Töltse fel újra az oldalt és a tesztet.

A képcímkéje SRC-attribútuma soha nem indulhat el a C: \ vagy a fájlokkal: Ezek úgy tűnik, hogy működnek, amikor a weblapot a saját számítógépén próbálják meg, de mindenki, aki meglátogatja webhelyét, hibás képet fog látni. Ez azért van, mert a C: \ a merevlemezen lévő helyre mutat. Mivel a kép a merevlemezen található, megjelenik a megtekintéskor.