HTML and CSS Reference
In-Depth Information
Most browsers interpret the string you include in the alt attribute as a literal string. That
is, if you include any HTML tags in that string, they'll be printed as-is rather than being
parsed and displayed as HTML code. Therefore, you can't use whole blocks of HTML
code as a replacement for an image—just a few words or phrases.
I bring up image alternatives now for good reason. The alt attribute is required in
XHTML 1.0 but is optional in HTML5 . If there's no appropriate alternative text for an
image, you can simply leave it empty, like this: alt=““ .
Task: Exercise 9.1: Adding Images to a Page
Here's the web page for a local haunted house that's open every year at Halloween.
Using all the excellent advice I've given you in the preceding eight lessons, you should
be able to create a page like this one fairly easily. Here's the HTML code for this HTML
file, and Figure 9.1 shows how it looks so far:
Input
<!DOCTYPE html>
<html>
<head>
<title> Welcome to the Halloween House of Terror </title>
</head>
<body>
<h1> Welcome to The Halloween House of Terror </h1>
<p>
Voted the most frightening haunted house three years in a
row, the <strong> Halloween House of Terror </strong>
provides the ultimate in Halloween thrills. Over
<strong> 20 rooms of thrills and excitement </strong > to
make your blood run cold and your hair stand on end!
</p>
<p>
The Halloween House of Terror is open from <em> October 20
to November 1st </em> , with a gala celebration on
Halloween night. Our hours are:
</p>
<ul>
<li> Mon-Fri 5PM-midnight </li>
<li> Sat &amp; Sun 5PM-3AM </li>
<li><strong> Halloween Night (31-Oct)</strong>: 3PM-??? </li>
</ul>
<p>
The Halloween House of Terror is located at: <br />
The Old Waterfall Shopping Center <br />
1020 Mirabella Ave <br />
 
 
Search WWH ::




Custom Search