Посмотреть все уроки курса
Выбрать другой урок из курса
Поиск по сайту
Теория урока

3.1. Ширина, высота, рамка у изображений в HTML

Высота и ширина. Атрибуты height и width

Атрибут height и width применяют для изменения высоты и ширины соответственно. В нашем случае, применяют для изменения размера изображения. Измеряется размер в пикселях или процентах. Если установлена высота или ширина в процентах, то они зависят от контейнера, в котором находится изменяемый элемент. Если вы хотите сохранить пропорции картинки, то нужно добавить один из атрибутов height или width. Высоту и ширину можно менять в меньшую сторону, при этом качество изображения не пострадает, но изображение будет грузиться так же (размер изображения остается прежним), а можно в большую, при этом качество изображения может пострадать. У атрибутов height и width есть аналоги в CSS, после мы с ними познакомимся. Далее пример:

Код HTML
<img src = "url" width = "100px" height = "20px">

Рамка. Атрибуты border

Атрибут border добавляет рамку вокруг элемента, в нашем случае, вокруг картинки. Ширину рамки можно задать любой толщины. Далее пример:

Код HTML
<img src = "url" border = "10px">
<
×
>