image- css code example

Example 1: img html

<img src="smiley.gif" alt="Smiley face" height="42" width="42">

Example 2: html img size

<p><img src="image/example.jpg" alt="Example1" width="193" height="130"> (width:193px, height:130px)</p>

<p><img src="image/example.jpg" alt="Example2" width="96" height="65"> (width:96px, height:65px)</p>

<p><img src="image/example.jpg" alt="Example3" width="100%" height="130"> (width:100%, height:130px)</p>

Example 3: html how to insert image

<!--When the image is in the same folder as your html file-->
<img src="example.jpg">
<!--When the image is in a image folder-->
<img src="./image/example.jpg">

Example 4: how to add an image in css

.element {
  background-image: url("imageFile.png");
}

Example 5: add image to css

background-image: url(path);
background-repeat: no-repeat;
width: 10px;
height: 20px;

Example 6: image size css

img {
  width: width;
  height: height;
}