add images to html css code example
Example 1: html how to add an image
<img src="flowers.jpg" alt="flowers">
//Always add the image type (jpg,png, etc) Adding alt text
is also good coding practice :)
Example 2: images in html
<img src="image.jps">
//image.jpg is where you would put the inage source.
Example 3: how to add an image in css
.element {
background-image: url("imageFile.png");
}
Example 4: how to add images on images css
.parent {
position: relative;
top: 0;
left: 0;
}
.image1 {
position: relative;
top: 0;
left: 0;
border: 1px red solid;
}
.image2 {
position: absolute;
top: 30px;
left: 30px;
border: 1px green solid;
}