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.

Get 20% Discount on This Paper
Pages (550 words)
Approximate price: -

Try it now!

Get 20% Discount on This Paper

We'll send you the first draft for approval by at
Total price:
$0.00

How it works?

Follow these simple steps to get your paper done

Place your order

Fill in the order form and provide all details of your assignment.

Proceed with the payment

Choose the payment system that suits you most.

Receive the final file

Once your paper is ready, we will email it to you.

Our Services

Paper Helper has assembled a team of highly skilled writers with diverse experience in the online writing circles. Our aim is to become a one stop shop for all your Academic/ online writing. Check out below our amazing service!

Essays

Essay Writing Services

At Paper Helper, we prioritize on all aspects that creates a good grade such as impeccable grammar, proper structure, zero-plagiarism, and conformance to guidelines. The principal purpose of essay writing is to present the author's evaluation concerning a singular subject about which they have made. Since Professionalism is the mother of every success, try our team of experienced writers in helping you complete your essays and other assignments.

Admissions

Admission Papers

You have been trying to join that prestigious institution you long yearned for, but the hurdle of an admission essay has become a stumbling block. We have your back, with our proven team that has gained invaluable experience over time, your chance of joining that institution is now! Just let us work on that essay.How do you write an admission essay? How do you begin the essay? For answers, try Quality Custom Writers Now!

Editing

Editing and Proofreading

Regardless of whether you're pleased with your composing abilities, it's never an impractical notion to have a second eye go through your work. The best editing services leaves no mistake untouched. We recognize the stuff needed to polish up a writing; as a component of our editing and proofreading, we'll change and refine your write up to guarantee it's amazing, and blunder free. Our group of expert editors will examine your work, giving an impeccable touch of English while ensuring your punctuation and sentence structures are top-notch.

Coursework

Technical papers

We pride ourselves in having a team of clinical writers. The stringent and rigorous vetting process ensures that only the best persons for job. We hire qualified PhD and MA writers only. We equally offer our team of writers bonuses and incentives to motivate their working spirit in terms of delivering original, unique, and informative content. They are our resources drawn from diverse fields. Therefore your technical paper is in the right hands. Every paper is assessed and only the writers with the technical know-how in that field get to work on it.

Coursework

College Essay Writing

If all along you have been looking for a trustworthy college essay service provider that provides superb academic papers at reasonable prices, then be glad that you search has ended with us. We are your best choice! Get high-quality college essay writing from our magnificent team of knowledgeable and dedicated writers right now!

Coursework

Quality Assignment/Homework Help

We give the students premium quality assignments, without alarming them with plagiarism and referencing issues. We ensure that the assignments stick to the rules given by the tutors. We are specific about the deadlines you give us. We assure you that you will get your papers well in advance, knowing that you will review and return it if there are any changes, which should be incorporated.