Pildid

xhtmlPilditu 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

picss2Pildi 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

piccssPildi 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

backcssVeebilehe 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.picposition

Kirjuta kommentaar

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Muuda )

Twitter picture

You are commenting using your Twitter account. Log Out / Muuda )

Facebook photo

You are commenting using your Facebook account. Log Out / Muuda )

Google+ photo

You are commenting using your Google+ account. Log Out / Muuda )

Connecting to %s