e-gradiva     HTML CSS JavaScript Načrtovanje    
  logotip  
SERŠ Maribor Iskanje Primeri

Širina slike

Koda:

web editor

<p>
<img src="../../logo/logo470.jpg"
alt="slikca" width="113" height="76" />
</p>

<p>
<img src="../../logo/logo470.jpg"
alt="slikca" width="120" height="50" />
</p>

<p>
<img src="../../logo/logo470.jpg"
alt="slikca" width="200" height="200" />
</p>
Izgled v
brsklalniku

Originalna velikost:

slika

Spremenjena širina in višina:

Primeri HTML

Spremenjena širina in višina:

Primeri HTML

Razlaga: V primeru navedbe obeh stranice, se spremeni velikost slike. Številka pomeni velikost v pikslih. Priporoča se navedba resničnih mer slike, saj na ta način brskaniku ni potrebno računati velikosti slike pri tolmačenju strani. Povečevanje slik bi priporočljivo, saj je tako slika prikazana v slabši kvaliteti. Pomanjševanje pa tudi ne, saj je slika v resnici večja in je potreben daljši čas za prenos.
Namig: Isti učinek se da doseči z uporabo slogovnih predlog. Slogovne predloge imajo prednost, če je ista lastnost navedena v HTML in CSS.

SERŠ Maribor : Strokovna gimnazija : 2004 : Peter Šori