Adding Images to the Page - Exercise

Welcome to our free HTML tutorial. This tutorial is based on Webucator's Introduction to HTML Training course.

Contact Us or call 1-877-932-8228
Adding Images to the Page - Exercise

Adding Images to the Page

Duration: 5 to 10 minutes.

In this exercise, you will add an image to index.html. The resulting page is shown below.Welcome to Runners Home Page with Image

  1. Open Images/Exercises/index.html for editing.
  2. Add the image called RunnersHome.gif in the Images/Exercises/Images directory, so that the page appears as shown in the screenshot above.
    • The alternative text should be "Runners Home Logo".
    • There is no need for a long description.


<html lang="en">
<meta charset="UTF-8">
<title>Runners Home&trade;</title>
	<a href="index.html">Home</a> |
	<a href="Races.html">Races</a> |
	<a href="Resources.html">Resources</a> |
	<a href="Calculator.html">Calculator</a> |
	<a href="RunningLog.html">Running Log</a> |
	<a href="MyAccount.html">My Account</a> |
	<a href="Logout.html">Log out</a>
<p>Hello, Stranger!</p>
<h1>Welcome to Runners Home&trade;</h1>
	<img src="Images/RunnersHome.gif" alt="Logo"><br>
	Runners Home&trade; is dedicated to providing you with:<br>
	&#8226; <a href="Races.html">the most up-to-date information on running races</a>.<br>
	&#8226; <a href="Resources.html">the best resources for runners</a>.
<p>&copy; 2018 Runners Home. All rights reserved. For questions, send email to <a href=""></a>.</p>

This tutorial is based on Webucator's Introduction to HTML Training Course. We also offer many other HTML Training courses. Sign up today to get help from a live instructor.