Суреттің ені HTML-те
Әдепкі бойынша суреттер өздерінің нақты
өлшемімен көрсетіледі. Мысалы, жоғарыда шығарған
жымиыс суретінің нақты өлшемі 130 пикселге
130 пиксел және біз браузерде дәл осы өлшемді
көреміз.
Қалау болса, суретке ен беру арқылы оның өлшемін
өзгертуге болады. Бұл width атрибуты
арқылы жасалады.
Мысал ретінде біздің суретке 100 пиксел
ен берейік. Ол үшін width атрибутының
мәні ретінде 100 санын көрсетейік,
мына түрде:
width="100"
Экрандағы суреттің өлшемі қандай болады?
Біз бергендей ені 100 пиксел,
ал биіктігі нақты 130 пиксел болады деп ойлауға
болады, себебі біз оны берген жоқпыз.
Шындығында, бұл дұрыс емес.
Ені шынымен де 100 пиксел болады,
ал биіктік суреттің пропорциялары бұзылмауы
үшін сәйкес келеді, яғни ол да 100 пиксел
болады.
Оны іске қосып, көрейік:
<img src="smile.png" width="100">
:
Суретке 300 пиксел ен беріңіз.
