Adding color

It is time for an exercise. To the HTML file you have been working on, add color to it and modify the font size, similar to the example shown below.

<HTML>
<HEAD>
<TITLE>My Home Page</TITLE>
</HEAD>

<!-- Written by me -->
<!-- Created:  yesterday -->
<!-- Last modified:  today -->

<BODY BACKGROUND="images/tanpaper.gif" bgcolor="#afaf4a" 
link="#1111ff" alink="#11ff11" vlink="#ff1111">
<FORM ACTION="exer10.htm" METHOD=POST>
<TABLE BORDER="1" WIDTH="100%" CELLPADDING="5">
<CAPTION>
<FONT SIZE="+1">W</FONT>hat <FONT SIZE="+1">A</FONT>re 
<FONT SIZE="+1">Y</FONT>our <FONT SIZE="+1">F</FONT>avorites
</CAPTION>
<TR>
  <TH ROWSPAN="2">Web Site</TH>
  <TH COLSPAN="2">Foods</TH>
  <TH ROWSPAN="2">Cities</TH>
</TR>
<TR>
  <TH>Italian</TH> <TH>Fruits</TH>
</TR>
<TR>
<TD ALIGN="CENTER">
  Please enter your favorite Web Site<BR>
  <INPUT TYPE="TEXT"  NAME="web_site" 
  VALUE="http://" SIZE="16">
</TD>
<TD>
  Please enter your favorite<BR>
  <SELECT NAME="italian_food" MULTIPLE> 
  <OPTION VALUE="lasagna"> Lasagna 
  <OPTION VALUE="pizza"> Pizza
  <OPTION SELECTED VALUE="prosciutto"> Prosciutto
  <OPTION VALUE="ravioli"> Ravioli
  <OPTION VALUE="spaghetti"> Spaghetti 
  </SELECT>
</TD> 
<TD>
  Please enter your favorite<BR>
  <INPUT TYPE="CHECKBOX" NAME="fruit1" VALUE="apples"> Apples<BR>
  <INPUT TYPE="CHECKBOX" NAME="fruit2" VALUE="bananas"> Bananas<BR>
  <INPUT TYPE="CHECKBOX" NAME="fruit3" VALUE="cherries"> Cherries<BR>
  <INPUT TYPE="CHECKBOX" NAME="fruit4" VALUE="figs"> Figs<BR>
  <INPUT TYPE="CHECKBOX" NAME="fruit5" VALUE="grapes"> Grapes<BR>
  <INPUT TYPE="CHECKBOX" NAME="fruit6" VALUE="melon"> Melon<BR>
  <INPUT TYPE="CHECKBOX" NAME="fruit7" VALUE="nectarines"> Nectarines<BR>
  <INPUT TYPE="CHECKBOX" NAME="fruit8" VALUE="oranges"> Oranges<BR>
  <INPUT TYPE="CHECKBOX" NAME="fruit9" VALUE="papaya"> Papaya<BR>
</TD>
<TD> 
  Please enter your favorite<BR>
       Rio de Janeiro 
  <INPUT TYPE="RADIO" NAME="city" VALUE="rio"><BR>
       Paris 
  <INPUT TYPE="RADIO" NAME="city" VALUE="par"><BR>
       Venice 
  <INPUT TYPE="RADIO" NAME="city" VALUE="ven"><BR>
</TD>
</TR>
</TABLE>
<CENTER>
<INPUT TYPE="RESET" VALUE=" Erase ">
<INPUT TYPE="SUBMIT" VALUE=" Finished ">
</CENTER>
</FORM>
 
<P>

<DL>
<DT><BLINK><STRONG>favorite</STRONG></BLINK>
<DD>A person, or thing liked or prefered above all others; 
regarded with special favor; special.  Things I really like.
</DL>

</BODY>
</HTML>

Once you have added the form to your HTML file, run it to see if you get the same results I obtained.

Let's review this chapter.