Working with

  Background color

  Special character: &nbsp (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> &#169 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>