<!DOCTYPE html>
<html>
<head>
<title>HTML Images Tutorial</title>
<link rel=”stylesheet” type=”text/css” href=”style.css”>
</head>
<body>
<h1>
HTML Images Tutorial
</h1>
<h3>
There are three way to place <i>images</i> onto your HTML page.
</h3>
<ol>
<li>Use a third party web hosting space.</li>
<li>Link to an image already on the web.</li>
<li>Upload an image to your web hosting space using FTP.</li>
</ol>
<p>
Use a direct link to pull this image from <b>Flickr</b>or another image hosting site.
</p>
<div align=”left”>
<img src=”http://farm5.staticflickr.com/4081/4883281674_8428f07e53_z.jpg”>
</div>
<p>
Upload an image to your site by <b>linking</b> to an image anywhere on the web.
</p>
<div align=”left”><img src=”http://discovermagazine.com/2012/jul-aug/06-what-is-your-dog-thinking/dog1.jpg”>
</div>
<p>Or, you can <b>upload</b> an image to your web hosting space using<strong>FTP.</strong>
<div align=”left”>
<img src=”images/dog.jpeg”>
</div>
</p>
<p>
You can even use an image as a link to a <b>URL</b> anywhere on the web.
</p>
<p>Create a link of an image:
<a href=”http://www.blogcdn.com/www.urlesque.com/media/2008/11/23-pooch11.jpg”>
<img src=”images/Blinky_Dog.gif” alt=”dog gif”></a>
</p>
</body>
</html>
If you use the HTML above, you can see what the site looks like in the screenshot below.