Seklin HTML-də eni
Defolt olaraq şəkillər öz
reall ölçüsündə göstərilir. Məsələn, yuxarıda
çıxardığımız o gülücük şəklinin
reall ölçüsü 130a 130
pikseldir və brauzerdə də şəklin eyni
ölçüsünü görürük.
İstəsəniz, şəklin ölçüsünü dəyişə,
ona en təyin edə bilərsiniz. Bu,
width atributu ilə edilir.
Gəlin misal üçün şəkilimizə
100 piksel en təyin edək. Bunun üçün
width atributunun dəyərinə 100
rəqəmini göstərək, bu cür:
width="100"
Bəs ekranda şəklin ölçüsü necə olacaq?
Düşünmək olar ki, belə: bizim təyin etdiyimiz kimi
100 piksel eni və 130
reall hündürlüyü, çünki biz onu təyin etmədik.
Əslində isə, belə olmayacaq.
En həqiqətən də 100 piksel olacaq,
amma hündürlük şəklin nisbətləri
pozulmasın deyə öz-özünə tənzimlənəcək, yəni
100 piksel olacaq.
Gəlin işə salaq və buna əmin olaq:
<img src="smile.png" width="100">
:
Şəklinizə 300
piksel en təyin edin.