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.
▼
▼