Home » Html tables | Computer Science homework help

Html tables | Computer Science homework help


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 <thead>, <tbody>, and <tfoot> 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 <table> 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 <br /> tags to break lines in the fieldsets. I use <h2> elements in the Selections fieldset for the radiobutton and checkbox rows. The input control for the quantities are number <input> controls with a minimum of 1 and a maximum of 20. The The control to select shipping is a <select> element, which uses <option> tags to give the options to choose.


To complete this exercise, do the following:

  1. Download the FormPart.html download template and save it in your CS597 Exercises folder.
  2. Edit the meta author tag to contain your name
  3. Edit the title tag to contain “Product Request Form”.
  4. Edit the top level heading to contain “Product Request Form”.
  5. Create a Form with the <form></form> tag pair, and include the information specified in the HTML file.
  6. Create the fieldset with a legend (“Identifying Information”) that requests the customers first and last name, email address, and address. Use text type <input> elements. Specify an id and name attribute for the <input> elements. Use a <label> element to identify the inputs.
  7. Create the fieldset with legend (“Selections”) that requests the customer choices. The titles should be <h2> heading elements. The color selection is a radiobutton group. Only one of the buttons may be selected. The product selection is a row of checkboxes. Each button’s identifying text should be a <label> element refering to the button id attribute. Each button should also have a name attribute as well as a value attribute. The value of the button value attributes should be the identifying text (for example “Red” or “Sweater”). The quantity inputs are number type <input> elements with minimum values of 1 and maximum values of 20.
  8. Create the fieldset with legend (“Shipping Selection”) that requests how the customer wants their products shipped. Use a <select> element with three <option> elements: One Day Shipping; Two Day Shipping; and Regular Business Shipping. The <<,,select> element must have a name attribute.
  9. Create the fieldset with legend (“Submit your order”) that will allow the customer to submit their order. The <textarea> should have a name attribute and specify eight rows and 50 columns. Use the submit type <input> element.
  10. Save the FormPart.html

After checking that everything looks right in the HTML file, double-check the results in a browser. When you are satisfied that everything is correct, submit the two HTML files in a zip archive. The HTML files must be at the top level of the zip archive.

Calculate the price of your order

550 words
We'll send you the first draft for approval by September 11, 2018 at 10:52 AM
Total price:
The price is based on these factors:
Academic level
Number of pages
Basic features
  • Free title page and bibliography
  • Unlimited revisions
  • Plagiarism-free guarantee
  • Money-back guarantee
  • 24/7 support
On-demand options
  • Writer’s samples
  • Part-by-part delivery
  • Overnight delivery
  • Copies of used sources
  • Expert Proofreading
Paper format
  • 275 words per page
  • 12 pt Arial/Times New Roman
  • Double line spacing
  • Any citation style (APA, MLA, Chicago/Turabian, Harvard)

Our guarantees

Delivering a high-quality product at a reasonable price is not enough anymore.
That’s why we have developed 5 beneficial guarantees that will make your experience with our service enjoyable, easy, and safe.

Money-back guarantee

You have to be 100% sure of the quality of your product to give a money-back guarantee. This describes us perfectly. Make sure that this guarantee is totally transparent.

Read more

Zero-plagiarism guarantee

Each paper is composed from scratch, according to your instructions. It is then checked by our plagiarism-detection software. There is no gap where plagiarism could squeeze in.

Read more

Free-revision policy

Thanks to our free revisions, there is no way for you to be unsatisfied. We will work on your paper until you are completely happy with the result.

Read more

Privacy policy

Your email is safe, as we store it according to international data protection rules. Your bank details are secure, as we use only reliable payment systems.

Read more

Fair-cooperation guarantee

By sending us your money, you buy the service we provide. Check out our terms and conditions if you prefer business talks to be laid out in official language.

Read more