Review for Final, Semester 1: XHTML and CSS Drills
Making Links with the <a> Element
Write the complete <a> element given the data in the chart below. One example has been provided.
|
Destination |
Label |
|---|---|---|
Ex |
books.html |
My Favorite Books |
1 |
../music/hendrix.html |
Jimi Hendrix |
2 |
http://www.amazon.com |
Amazon.com |
3 |
../index.html |
Home |
4 |
http://images.google.com |
search for photos |
5 |
next.php |
skip this page |
Example:
<a href="books.html">My Favorite Books</a>
Displaying Images with the <img> Element
Write the complete <img> element given the data in the chart below. One example has been provided.
|
Source |
Width |
Height |
Alternative Text |
|---|---|---|---|---|
Ex |
goldfish.jpg |
200px |
200px |
My New Goldfish |
6 |
images/plants.gif |
400px |
128px |
A variety of plant species |
7 |
../images/airplane.gif |
150px |
50px |
Airplane the movie |
8 |
http://www.bn.com/b.jpg |
720px |
220px |
Web site banner |
9 |
99806sfft.png |
356px |
223px |
acrobats |
10 |
../../rock-n-roll.jpg |
60px |
60px |
Rock and Roll |
Example:
<img src="goldfish.jpg" width="200" height="200" alt="My New Goldfish" />
Linking Images with the <a> and <img> Elements
Write the complete linking image code given the data in the chart below. One example has been provided.
|
Destination |
Image Source |
Alternative Text |
|---|---|---|---|
Ex |
fanclub.html |
fanclub.jpg |
the entire fan club |
11 |
lions.asp |
thepride.jpg |
pride of lions |
12 |
http://www.ask.com |
images/ask.gif |
Ask.com |
13 |
how-to/cook.html |
recipes.gif |
Learn how to cook! |
14 |
http://fresh.com |
images/fresh.gif |
Buy fresh things. |
15 |
../../home.jpg |
homebutton.gif |
Go to the home page. |
Example:
<a href="fanclub.html"><img src="fanclub.jpg" alt="the entire fan club" /></a>
Writing CSS Rules
Write each CSS rule given the data in the chart below. One example has been provided.
|
Selector |
Property |
Value |
|---|---|---|---|
Ex |
body |
background-color |
#ffffff |
16 |
p |
font-family |
Verdana, Arial, Helvetica, sans-serif |
17 |
h1 |
font-size |
2em |
18 |
ul |
padding-left |
8px |
19 |
hr |
color |
#cccccc |
20 |
.topborder |
display |
block |
Example:
body {
background-color: #ffffff;
}
