Egy honlap képek nélkül szerintem túl kopasz, kissé unalmas... Most megtanuljuk, hogyan kell az oldaunkra képet tenni.:)

Képeket az img tag segítségével illesztünk be HTML-kódba. Ez azok közé tartozik, amelyeknek nincs záró tag-ük! Szóval csak nyitó taget kell írni, azon belül a beállításokkal. Nézzük csak:

Az src (angolul: source), a forrást, azaz a kép helyét jelöli. Ugyanúgy kell megadni a kép helyét és a fájlnevet, mint a linkeknél, relatívan az oldalhoz. Szóval ennek a kódnak a hatására a böngésző a "kep.jpg" nevű képet mutatná, ami a "kepek" mappában található. Ha viszont egy másik weboldalról szeretnél berakni képet, akkor szintén mint a linkeknél, egyszerűen beadod a kép címét (pl.: http://oldal.hu/kepek/kep.jpg)

Ez így egy alapkód, ami már gy is működőképes, de nézzük, milyen további beállításokat kapcsolhaunk még hozzá:

A width szélességet jelenti, a height pedig magasságot, és mindkettőt pixelben adtuk meg. Ezt nem kötelező, de a böngészők így gyorsabban töltik be a képet.

A kép nagyságát meg  lehet adni százalékban is. Ekkor viszont, a kép minősége általában romlik. Célszerűbb, ha a kisebb képet megcsináljuk egy képszerkesztővel, és  azt használjuk...

De lépjünk tovább...

A border a keretet jelenti, ezt is pixelben kell megadni. Én általában nullázom... Ha a képre linket teszünk, ezzel a módszerrel tudjuk kiiktatni azt a ronda kék keretet!:)

Háttér...

Ha sima, egyszínű hátteret  szeretnél, az egész oldalnak háttérszint kell adni. Ezt a  body tagnál adjuk meg, oda kell beírni. A szín vagy kódban adjuk meg, vagy pedig angol névvel. Pl.: #ffffff = white. A bgcolor a háttérszínt jelenti. 

Viszont nem csak egyszínű hátterek vannak! A képnek nem kell akkorának lenni, mint az oldalnak, sőt! A böngésző egymás mellé és alá rakosgatja a képet, amíg be nem telik az egész oldal! Betapétázza... A background a háttér-képet jelenti.

Fontos, hogy ne keverd a kettőt, mert nem fog működni!:)