Attēla platums HTML
Pēc noklusējuma attēli tiek rādīti to reālajā
izmērā. Piemēram, tas smaidiņa attēls,
ko mēs izvadījām iepriekš, ir
reālā izmērā 130 uz 130
pikseļiem, un tieši tādu attēla izmēru mēs
redzam pārlūkprogrammā.
Vēloties, varat mainīt attēla izmēru,
iestatot tam platumu. Tas tiek darīts, izmantojot atribūtu
width.
Piemēram, iestatīsim mūsu attēlam
platumu 100 pikseļi. Lai to izdarītu, atribūta
width vērtībā norādīsim skaitli 100,
šeit šādi:
width="100"
Kāds tad būs attēla izmērs ekrānā?
Varētu domāt, ka šāds: platums 100
pikseļi, kā mēs norādījām, un reālais augstums
130, jo mēs to neesam norādījuši.
Patiesībā, tā nebūs.
Platums patiešām būs 100 pikseļi,
bet augstums pielāgosies tā, lai attēla proporcijas
netiktu izkropļotas, tas ir, arī kļūs
100 pikseļi.
Palaidīsim un pārliecināsimies par to:
<img src="smile.png" width="100">
:
Iestatiet savam attēlam platumu 300
pikseļi.
