Шырыня выявы ў HTML
Па змаўчанні выявы адлюстроўваюцца сваім
рэальным памерам. Напрыклад, тая выява
са смайлікам, якую мы выводзілі вышэй, мае
рэальны памер 130 на 130
пікселяў і такі ж памер выявы мы і
бачым у браўзэры.
Пры жаданні можна змяніць памер выявы,
задаўшы ёй шырыню. Гэта робіцца з дапамогай атрыбута
width.
Давайце для прыкладу задамо нашай выяве
шырыню 100 пікселяў. Для гэтага значэннем
атрыбута width пакажам лік 100,
вось так:
width="100"
Якога ж памеру будзе выява на экране?
Можна падумаць, што наступнага: шырыня 100
пікселяў, як мы задалі, і рэальная вышыня
130, бо мы яе не задавалі. На
самой справе, гэта будзе не так.
Шырыня сапраўды будзе 100 пікселяў,
а вось вышыня падладкуецца так, каб прапорцыі
выявы не сказіліся, гэта значыць таксама стане
100 пікселяў.
Давайце запусцім і пераканаемся ў гэтым:
<img src="smile.png" width="100">
:
Усталюйце вашай выяве шырыню ў 300
пікселяў.
