<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>
<body>
<h2>Example</h2>
<img src="https://i.pinimg.com/originals/c7/93/ae/c793ae372886c450d55535211231204e.jpg" alt="Nature" width="400" height="700">
</body>
</html><img src="image.jps">
//image.jpg is where you would put the inage source.PATH
<img src="img.jpg" >
<img src="images/img.jpg" >
<img src="/program/images/img.jpg" >
NAME
<img src="img.jpg" alt="Name in the site" >
SIZE
<img src="img.jpg" style="width: 300px; height: 150px" >
<img src="img.jpg" style="width: 30%; height: 20%" >
<html>
<head>
</head>
<body>
<img src="exampel.end">
</img>
</body>
</html><img src="image.gif" alt="Something" height="42" width="42"><img src="image.jpg" alt="image" height="500" width="500"><img src="img.img" alt="" height="" width=""><img src="https://variety.com/wp-content/uploads/2021/07/Rick-Astley-Never-Gonna-Give-You-Up.png?w=1024" alt="Rick Astley"><img src="/images/sunset.jpg" alt="Picture of a Ha Long Bay sunset"><img src="photo1.png" alt=""><img src="" alt=""><!--An image tag (img for short). The attributes src= and alt= are essential.
src= is short for source, which will be the link to the relative or absolute
image link, alt= is additional information for the users on screen readers etc.
Just so you know, you MUST have the src= attribute but the alt= attribute is optional.
Like the abbr tag, img also has the title= attribute. -->
<!--Also the height= and width= attributes to control the height and width separately.
Enough with the attributes, the img tag is a SELF-closing tag, meaning it doesn’t have
a closing tag, like so:-->
<img src=”hello-world.png” alt=”print(“Hello World!”)>
<!--Relative: The image is in the folder where your index.html file is located.
Write the file path down in the src= attribute. Example:-->
<img src=”images/hello-world.png>
<!--Absolute: The opposite of relative, this time, the image is a link to an
image somewhere on the internet. Write the file path down in the src= attribute.
Example: -->
<img src="https://d1y8sb8igg2f8e.cloudfront.net/images/shutterstock_1375463840.2e16d0ba.fill-1200x630.jpg"><img src="Location_of_the_image" alt=""><img src="something.png"><!-- YOU CAN DO DROP A LINK AS WELL --!>
<!DOCTYPE html>
<html>
<head>
<style>
/* This style sets the width of all images to 100%: */
img {
width: 100%;
}
</style>
</head>
<body>
<h2>Width/Height Attributes or Style?</h2>
<p>The first image uses the width attribute (set to 128 pixels), but the style in the head section overrides it, and sets the width to 100%.</p>
<img src="html5.gif" alt="HTML5 Icon" width="128" height="128">
<p>The second image uses the style attribute to set the width to 128 pixels, this will not be overridden by the style in the head section:</p>
<img src="html5.gif" alt="HTML5 Icon" style="width:128px;height:128px;">
</body>
</html>
<img src="Url"><html>
<head>
</head>
<body>
<img src="example.end">
</img>
</body>
</html><img style='max-height: 200px'
src='https://img.freepik.com/free-vector/halftone-background-with-circles_23-2148907689.jpg?w=996&t=st=1656583846~exp=1656584446~hmac=034dec0a218e256a2fc57408db73b415586802e91f48fd420630865eb9e531d2'
width='200'
/>