IT "Понятно"
Обучение для начинающих
c 8 лет и до бесконечности
c 8 лет и до бесконечности
В этом видеоуроке мы научимся вставлять в html картинки и стилизовать их.
Скачать код из урока. Скачиваемый файл находится в архиве. Для использования – распакуйте его с помощью любой программы архиватора.<img src="img/1.jpg" alt="Альтернативный текст">
Тег <img> предназначен для отображения на веб-странице изображений в графическом формате GIF, JPEG или PNG. Адрес файла с картинкой задаётся через атрибут src. Через атрибут alt – задается альтернативный текст, который отображается, когда картинка недоступна на странице (неверный адрес, не успела загрузиться и т.д.)
width – свойство CSS. Определяет ширину изображения или элемента. Может задаваться в пикселях (px), процентах от ширины экрана или в относительных единицах.
height - свойство CSS. Определяет высоту изображения. Может задаваться в пикселях (px), процентах или в относительных единицах.
!!! Чтобы не нарушить пропорции изображения, указывают только один из параметров (width или height) или же задают второму параметру значение auto.
border - свойство CSS. Определяет обводку изображения. Свойство состоит из трех параметров:
толщина обводки, тип линии (solid – сплошная, dotted – точки, dashed – штрихи), цвет.
border: 1px solid red; - в примере обводка будет выполнена линией со следующими характеристиками: линия толщиной один пиксель, сплошная и красного цвета.
border-radius – свойство CSS. определяет скругление углов обводки. Может задаваться в пикселях (px), процентах или в относительных единицах.