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:

htmlwidth="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:

html<img src="smile.png" width="100">

Результат: