Applying Color and Aligning Text - Exercise

Contact Us or call 1-877-932-8228
Applying Color and Aligning Text - Exercise

Applying Color and Aligning Text

Duration: 15 to 25 minutes.

In this exercise, you will further modify index.html.

  1. Open HTMLFormatting/Exercises/index.html for editing.
  2. Center the navigation bar at the top.
  3. Change the width of the bottom horizontal rule to 50%.
    <hr width="50%">
  4. Align the bottom horizontal rule and the Copyright footer to the right.
  5. Modify the body tags so that...
    • The background color is #ffffcc.
    • The text color is #000066.
    • The link color is #003333.
    • The visited link color is #009999.
    • The active link color is #cc6600.
  6. Save your work and open your new page in a browser to test it.


<title>Runners Home&trade;</title>
<body bgcolor="#ffffcc" text="#000066" link="#003333" 
		vlink="#009999" alink="#cc6600">
<p align="center"><font color="#0000CC">Home | Races | Resources | 
		Calculator | Running Log | My Account | Log out</font></p>
<p>Hello, <u>Stranger</u>!</p>
<h1>Welcome to Runners Home&trade;</h1>
<font size="+1"><b>Runners Home&trade; is dedicated to
		providing you with:</b></font><br>
&nbsp; &nbsp; - the most up-to-date information on running races<br>
&nbsp; &nbsp; - the best resources for runners.
<hr width="50%" align="right">
<p align="right">
<i>&copy; 2004 Runners Home. All rights reserved.</i>