HTML and CSS Reference
In-Depth Information
<head>
<title>Predict the Result</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<body>
<div>
<img src="logo.gif" alt="CircleSoft Design"
height="150" width="600" /> <br />
<p>Home <a href="about.html">About</a>
<a href="services.html">Services</a>
</p>
</div>
<p><img src="people.jpg" alt="Professionals at CircleSoft
Design" height="300" width="300" align="right" /> Our professional
staff takes pride in its working relationship with our clients by
offering personalized services which listen to their needs,
develop their target areas, and incorporate these items into a
well presented Web Site that works.</p>
</div>
</body>
</html>
2. Fill in the Missing Code.
This Web page contains an image link and should be con-
figured so that the background and text colors have good contrast. The image used
on this Web page should link to a page called services.html. Some XHTML attrib-
ute values, indicated by
"_"
are missing. Some CSS style rules indicated by
"_"
are
incomplete.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<title>CircleSoft Design</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
.body {
"_"
:
"_"
;
color:
"_"
;
}
</style>
</head>
<body>
<div>
<a href=
"_"
><img src="logo.gif" alt=
"_"
height="100" width="600"/>
<br />Enter CircleSoft Design</a>
</div>
</body>
</html>
3. Find the Error.
This page displays an image called trillium.jpg. The image is 100
pixels wide by 200 pixels high. When this page is displayed, the image does not
look right. Find the error. Describe the attributes that you would code in the
<img />
tag to provide accessibility.
Search WWH ::
Custom Search