Images Display in HTML
<!DOCTYPE html>
<html lang="en-us">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>Images Display in HTML</title>
</head>
<body>
<!--
<img> : an empty tag that is used to embed a simple image in a webpage.
src : attribute contains a path pointing to the image
<figure> : a self-contained content, usually an image, illustration, diagram, code snippet, etc.
An optional caption, which is specified using the <figcaption> element.
-->
<h1>Demo: Images Display in HTML</h1>
<section>
<img src="/notes/examples/assets/img/football.jpg"
alt="A football image in black and white"
width= 300px
height= auto
title="A Football image is displayed">
</section>
<div>
<figure>
<img src="/notes/examples/assets/img/skillzam.png"
alt="Skillzam Logo"
width= "30%" >
<figcaption>The above picture is the logo of Skillzam Learning </figcaption>
</figure>
</div>
</body>
</html>