HTML-ben amikor kirakok egy képet miért csak egy kis kockát jelez?

NE használj a számítógépedről ilyen képet, minden képet ami használsz másold bele a html fájl mappájába, vagy azon belül egy "kepek" nevű mappába, és relatív linkeket adj meg!

pl.

<img src="kepek/kep1.jpg" />

Így az oldalad fog működni (legalábbis a képek meg a linkek amiket így írsz) minden tárhelyen ahová csak felteszed. Feltéve, hogy a "kepek" mappát és a benne lévő képeket is felteszed a tárhelyre.

Második vagyok.

pl. Itt tartod az index.html fájlt, ami a weboldalad alapja:

C:\Dolgok\weboldal\

Akkor jó, ha ugyanitt tartod a többi html fájlt is, vagy pedig ebben létrehozol egy másik mappát.

Ugyanígy a képeket is jó ha itt tartod, vagy egy mappában, amit ide hozol létre pl:C:\Dolgok\weboldal\kepek\ és ekkor a képeket a következőképpen linkeled be:

<img src="kepek/kep1.jpg" /> És nem kell odaírnod az egész mappát meg mindent, csak ennyit, ez jelenti azt, hogy relatívan vonatkozol rá. A böngésző tudni fogja, hogy ha a HTML fájl, amiben ezt írja az a következő helyen van: C:\Dolgok\weboldal\ akkor a képet itt fogja keresni: C:\Dolgok\weboldal\kepek\kep1.jpg

Így az oldalad akármelyik másik mappába átrakod (képekkel mindennel együtt), majd megnyitod a böngészőbe, akkor is meg fognak jelenni a képek. (Ugyanígy, ha az internetre teszed fel, akkor is működni fognak.)

Még most sem relatívan hivatkozol.

Amúgy ha lehet kerüld a mappanevekben a szóközt és az ékezetes betűket, úgy jobb kompatibilitás érhető el.

Amúgy hagyd le az egész linket a mappáig... vagyis:

pl.

Itt van a html fájl: C:\dolgok\web\1.html

A kép pedig itt: C:\dolgok\web\kepek\1.jpg

Akkor a kép linkje erre módosul: "kepek/1.jpg"

Ennyi a lényeg:

Ami közös a két helyben, azt lehagyod, és a \ jeleket kicseréled / jelekre. :)