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">

Похожие уроки и записи блога

1. Для изображения, которое вам дано, сделайте ширину (width) 50px

– Не пропускайте новостей, подпишитесь на нашу страницу ВКонтакте.

– На данный момент на сайте нет возможности оставлять комментарии, но Вы можете спросить на любом популярном форуме в интернете.