Exercise 2 - Adding attributes to HTML table tags

Exercise 2 - Adding attributes to HTML table tags

1. Open Tables.htm in Notepad.  Resave the file as Adding_Table_Attributes.htm.
2. Change the content of the <TITLE> tag to read "Adding Table Attributes to HTML tags"
3. Modify the HTML table tags in the file as follows:
1. In the <TABLE> tag, add the attribute width=”80%”
2. In the <TABLE> tag also add the attribute border=”2”
3. Save the file and open it in Internet Explorer.  Your Web page should look like this:

4. Next add two new rows to the table with the following information:

                                                              i.      Course Number – HTML 102, Course Description – Basic HTML Table construction

                                                            ii.      Course Number – HTML 103, Course Description – HTML Capstone Project

5. Resave the file and refresh your browser.  The page should look like this:

6. Add the attributes align="center" and bgcolor=”#CC66CC” and bordercolor=”yellow” to the <TABLE> tag.
7. Add the attribute bgcolor=”red” to the first <TR> tag.
8. Resave the file and refresh your browser.  Your Web page should now look like this:

9. Next, add the attribute align=“center” to the rest of the <TR> tags.  Save and refresh your browser and the page should look like this:

10. Finally, add the <CAPTION> tag just below the <TABLE> tag.  Add the content “Course Listing” to the <CAPTION> tag.  Add the attribute align=”bottom” to the tag.  Save and refresh your browser and the page should look like this: