Kuvan leveys ja korkeus HTML:ssä
Jos asetat sekä leveyden että korkeuden samanaikaisesti,
kuva voi vääristyä. Esimerkiksi, jos
asetat leveydeksi 100 pikseliä ja korkeudeksi
70px, meidän hymiöstämme tulee venynyt
leveyssuunnassa:
html<img src="smile.png" width="100" height="70">
Результат:
Kuva ei välttämättä vääristy, sillä me
voimme yksinkertaisesti asettaa sekä leveyden että korkeuden
100 pikseliä, tässä tapauksessa kuvastamme
tulee pienempi kuin se oli (oli 130),
mutta sen mittasuhteet eivät vääristy:
html<img src="smile.png" width="100" height="100">
Результат:
Задание 1
Aseta kuvallesi leveys ja korkeus siten, että kuvan mittasuhteet vääristyvät.
Задание 2
Aseta kuvallesi leveys ja korkeus siten, että kuvan mittasuhteet EIVÄT vääristy.