Sams Teach Yourself HTML, CSS & JavaScript Web Publishing in One Hour a Day

(singke) #1
ptg16476052

216 LESSON 9: Using Images on Your Web Pages


First, you’ll write the HTML structure to support the icons. Here, the page itself isn’t
very important, so you can just include a shell page:

Input ▼
<!DOCTYPE html>
<html>
<head>
<title>Motorcycle Maintenance: Removing Spark Plugs</title>
</head>
<body>
<h1>Removing Spark Plugs</h1>
<p>(include some info about spark plugs here)</p>
</body>
</html>

Figure 9.11 shows how the page looks at the beginning.

Output ▼


At the bottom of the page, add your images using <img> tags:

Input ▼
<div>
<img src="Up.png" alt="Up">
<img src="Left.png" alt="Left">
<img src="Right.png" alt="Right">
</div>

FIGURE 9.11
The basic page,
with no icons.


Free download pdf