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;
}

Tags:

Html Example