Lab 2: Introduction to HTML
Lab Tasks:
- Visit the color cube page.
You can view the color corresponding to any set of RGB
values by typing the values into the 'Red', 'Green' and 'Blue' boxes, and clicking on 'Reverse Lookup - RGB'.
- Check the colors from (0,0,0) to (255,255,255) by increasing the value for all 3 colors together, about 25
units at a time. What colors do you see?
- Reset all the values to 0. Increase the red value (in steps of about 25) from 0 to 255, keeping the blue and
green values at 0. Reset red to 0, and increase only the green values. Then set green to 0, and increase only the
blue values. What colors do you see?
- Leave the blue value at 0, and increase the red and green values together from 0 to 255. Then set red to 0, and
increase blue and green together from 0 to 255. Finally, leave green at 0, and increase the red and blue values
together. What colors are these?
- Open Notepad, Wordpad, or your other favourite text editor. (Not Microsoft Word!) Save a blank file as
'index.html'
- Create a blank page with your favourite background color using these tags:
<html>, <head>, <title>, and <body bgcolor=...>. Close these tags appropriately.
- Set an appropriate title for the page, and also a heading at the top of the page using the heading tag <h1>.
- Try to copy your wiki page as closely as possible, except for the picture and the table. This means that you
should use the bold, italics and underline tags (<b>, <i> and <u>), and add links to
other pages. Links are set using the tag <a href=''Page Address''>Link Text</a>.
- Save your file, and double click on its icon on the Desktop or in an Explorer Window. It should open in
Internet Explorer or in Firefox, and you should be able to view your page.
- Now, add a table to your page. The table should begin with the tag <table> and end with </table>. Each
row of the table begins with <tr> and ends with </tr>. Each cell in the table should begin with <td>
and end with </td>.