Pilditu veebileht on igav, ning vaevalt et sellist veebilehte tihti külastatakse. Kui te tahate, et teie veebilehel oleks palju külastajaid, tehke see piisavalt stiilseks piltide abil. Veebilehe loomisel on piltidel väga oluline roll, ning neid veebilehele lisades peab olema väga tähelepanelik.
XHTML
Pildi lisamine
Pildi lisamiseks tuleb veebilehele lisada poolmärgend “img”. Selle märgendi atribuudiks on “src” (source) ning selle väärtuseks on pildi nimetus koos nimelaiendiga. Väärtus peab olema jutumärkide vahel. Lisatav pilt peab olema samas kaustas mis veebilehtki.
CSS
Pildi suuruse muutmine
Pildi suuruse muutmiseks lisame css stiililehte “img” märgendi, seejärel looksulud ning parameetriks kasutada “width” (laius) ja “height” (kõrgus). Parameetrite väärtused on pikslite arvudes.
- Suure pildi suuruseks võib olla 620 x 400 px.
- Väikese portreepildi suuruseks 220 x 360 px.
- Suure ikooni mõõtmeteks võiksid olla 330 x 210 px.
Taustapildi seadmine
Veebilehe taustapildi seadmiseks lisame stiililehte “body” märgendi, ning looksulgude vahele lisame järgmised omadused:
- Background-image: url (“pildinimi.nimelaiend”);
- Background-repeat: x (pilt ilmub horisontaalselt mitmeid kordi), y (pilt ilmub vertikaalselt mitmeid kordi) või no-repeat (pilt ei kordu).
- Background-attachment: fixed (pilt on paigal) või scroll (pilt läheb kerimisega kaasa).
- Background-position: Selle saab määrata sõnade või siis määrates selle kauguse pikslites akna ülemisest vasakust nurgast.