53. Ширина, высота, рамка у изображений в HTML
Высота и ширина. Атрибуты height и width
Атрибут height
и width
применяют для изменения высоты и ширины соответственно. В нашем случае, применяют для изменения размера изображения. Измеряется размер в пикселях или процентах. Если установлена высота или ширина в процентах, то они зависят от контейнера, в котором находится изменяемый элемент. Если вы хотите сохранить пропорции картинки, то нужно добавить один из атрибутов height
или width
. Высоту и ширину можно менять в меньшую сторону, при этом качество изображения не пострадает, но изображение будет грузиться так же (размер изображения остается прежним), а можно в большую, при этом качество изображения может пострадать. У атрибутов height
и width
есть аналоги в CSS, после мы с ними познакомимся. Далее пример:
<img src = "url" width = "100px" height = "20px">
Рамка. Атрибуты border
Атрибут border
добавляет рамку вокруг элемента, в нашем случае, вокруг картинки. Ширину рамки можно задать любой толщины. Далее пример:
<img src = "url" border = "10px">
Похожие уроки и записи блога
- Для изображения, которое вам дано, сделайте ширину (
width
)50px
– Не пропускайте новостей, подпишитесь на нашу страницу ВКонтакте.
– На данный момент на сайте нет возможности оставлять комментарии, но Вы можете спросить на любом популярном форуме в интернете.
Это займет не больше минуты.