Working with
– Background color
– Special character:   (for space)
– Link
– Graphics
– Table
Save welcome.html as
brkfst.html
1. Download welcome.html from your sweb/locker account to the temp(D:) drive of your PC
2. Make another copy of welcome.html and re-name it as brkfst.html
Create the banner as shown in
Fig.3-52 on pg.3.50 as a TABLE:
1. Define a table of one row and three columns
<BODY>
<TABLE>
<TR>
<TD>Breakfast</TD>
<TD>Lunch</TD>
<TD>Dinner</TD>
</TR>
</TABLE>
2. Change table properties:
<TABLE ALIGN=CENTER WIDTH=600 BGCOLOR="BLACK">
3. Change cell properties:
<TD ALIGN=CENTER><FONT COLOR=WHITE SIZE=5>Breakfast</FONT></TD>
<TD ALIGN=CENTER><FONT COLOR=WHITE SIZE=5>lunch</FONT></TD>
<TD ALIGN=CENTER><FONT COLOR=WHITE SIZE=5>dinner</FONT></TD>
4. Create a within document link
-
Place the anchor: <A
NAME="anchor1">Breakfast Menu</A>
-
Set the link: <A
HREF="#anchor1">Breakfast</A>
5. Create a lunch.html document:
<HTML>
<HEAD>
<TITLE>Lunch menu</TITLE>
</HEAD>
<BODY>
<H3 ALIGN=CENTER>Lunch Menu<BR>
Served 10:30 a.m. - 3:00 p.m.
</H3>
<HR>
</BODY>
</HTML>
6. Create a web page link
<A
HREF="lunch.html">Lunch</A>
7. Create a URL link
<A HREF="http://locker.uky.edu/~dsianita/dinner.html">Dinner</A>
8. Create an e-mail link
<HR>
Designed by <A HREF="mailto:dsianita@uky.edu"><FONT COLOR="RED">Anita</FONT></A> © 2001
9. Copy LOGO.jpg from http://locker.uky.edu/~dsianita/logo.jpg using right-mouse click to save image
Copy dragon.gif from http://locker.uky.edu/~dsianita/dragon.gif (animated image)
Copy tan.jpg from http://locker.uky.edu/~dsianita/tan.jpg (background image)
10. Add graphics (logo.jpg) using spanning cells
<TR>
<TD COLSPAN=3 ALIGN=CENTER><IMG ALT="Company logo" SRC="logo.jpg"></TD>
</TR>
11. Change body background color
<BODY BACKGROUND="tan.jpg" TEXT=INDIGO LINK=WHITE VLINK=GREEN>
