Lesson 21: Structuring Tables

In your MyWebFiles directory is a file named inventory.html, which contains a version of one of our inventory files that you are to modify.

Part 1 - create "inventory1.html"

• Add a new column on the left, labelled "Manager"
   
• Assign a manager to the first ten products, then a different manager to every other ten products; the managers are:
  • M. Smith
  • R. Smith
  • W. Smith
  • B. Smith
  • L. Smith
  • Z. Z. Smith
  • Y. Smith
  • Alexi Smith
  
  
• Save the file as "inventory1.html"

 

Part 2 - create "inventory2.html"

• In inventory1.html, create a large cell that covers the Item description, Unit price, Quantity on Hand, and Quantity on order cells from the rows for PART03132 and PART03135
   
• The content of the large cell should be the text "These items are being deleted" written with white type on a red background
   
• Save the file as "inventory2.html"

After filming the above video, I noticed some things that could be improved to make our table even closer to the target table; the final file is named "coronaVirusTable.html". Modify this file to correct the problems:

• The links in the file are not actually underlined, so get rid of the underlinng
• Add a class=link entry to all the contents in the leftmost two columns
• Make sure the contents in the leftmost two columns are right-aligned