HTML TABLES

by
Uncategorized

 

E31: CS597 Exercise 3 – Tables and Forms

Building HTML Tables

In this part of the exercise, you’ll build a table that will hold my Fall course and office hour schedule as depicted in the image DPittsCourseOFSchedule.pngDPittsCourseOFSchedule.png. You must use the

,

, and

elements for the appropriate parts of the table. Note also, that you will have row and column headings in the table. Finally, note where there are entries that span rows and that span columns. My version uses the following

attributes to have the borders shown in the image:

  • border=”2px”
  • cellspacing=”0px”

The first attribute sets the borders to show up and the second squashes the table cells together to have only single line borders.

To complete this exercise do the following:

  1. Download the DPittsCourseOFSchedule.html downloadfile and save it in your CS597 Exercises folder.
  2. Add your name to the meta author tag
  3. Add “Dave Pitts Fall Schedule” to the title tag
  4. Add “Dave Pitts Fall Schedule” to the heading tag
  5. Create the table shown in the image DPittsCourseOFSchedule.png in the HTML file, using the comments to guide where to place the information.
  6. Save DPittsCourseOFSchedule.html

After checking that everything looks right in the HTML file, double-check the results in a browser.

Building an HTML Form

In this exercise you are to HTML a form that displays a product request page as shown in the FormPartForImage.png image. The form has four fieldsets. I use
tags to break lines in the fieldsets. I use

elements in the Selections fieldset for the radiobutton and checkbox rows. The input control for the quantities are number controls with a minimum of 1 and a maximum of 20. The The control to select shipping is a elements. Specify an id and name attribute for the elements. Use a