xxxxxxxxxx
<img src='-images_9c_7ec4ebe34f4833a0ac9d973f4e16fe_image.jpg' alt='LOCAL IMAGE: pool home image!'>_
<img src='//samsled84.martingroup.click/hosted/images/9c/7ec4ebe34f4833a0ac9d973f4e16fe/Click-Funnel-1.jpg' alt='9c/7ec4ebe34f4833a0ac9d973f4e16fe image'>
xxxxxxxxxx
<img src="image.png" alt="Description for image" width="250" height="250">
xxxxxxxxxx
<!DOCTYPE html>
<html>
<head>
<title>HTML img Tag</title>
</head>
<body>
<img src="/html/images/test.png" alt="Simply Easy Learning" width="200"
height="80">
</body>
</html>
xxxxxxxxxx
<img src="flowers.jpg" alt="flowers">
//Always add the image type (jpg,png, etc) Adding alt text
is also good coding practice :)
xxxxxxxxxx
<!DOCTYPE html>
<html>
<head>
<title>How To Put Images Into HTML</title>
<meta charset="UTF-8">
</head>
<body>
<img src="YourImageName.YourImageFileType">
</body>
</html>
xxxxxxxxxx
<!--If the image is in the same folder as the HTML file-->
<!--Always add the image type (png; jpg; etc)-->
<img src="your-image.png" alt="Description of the image" width="Width you want your image to be" height="Height you want your image to be">
<!--If the image is in a diffrent folder than the HTML file-->
<!--Always add the image type (png; jpg; etc)-->
<img src="../path to image folder/image folder/your-image.png" alt="Description of the image" width="Width you want your image to be" height="Height you want your image to be">
xxxxxxxxxx
<img src="[image link here]" alt="[alt text here]">
<!-- the src attribute defines an image link-->
<!-- the alt attribute shows text when the browser cannot show the image-->
<!-- When using semantics, the <img> should be surrounded by <figure> elements.-->
<figure>
<img src="link.jpg" alt="an image">
</figure>
xxxxxxxxxx
The <img> tag will help you add image in html coding it contains attributes:
1) src - usage <img src="">, it states the source of the image..
2) alt - usage <img src="" alt=""> it is the alternative text if you image failed to load
Thank you and HAPPY CODING.
Feel free to give a upvote.. ^^