1

Web Design and Programming | Hands-on Exercise #3

HTML TABLES

INSTRUCTIONS:

1. Use a text editor in doing the activity. Any FREE text editor for web will do.
2. Each group must have only ONE (1) Gdrive Folder with a name of Web Design and
Programming-Section-Group #
3. Share the GDrive Link to me (rbteodocio@ccc.edu.ph) as an editor
4. Create a sub-folder with a name: HE3
5. Save your file inside the HE3 folder you made as WDP_HE3.html

6. Once you are done with your activity, ALL members of the group MUST submit in eGuro the
link of the GDrive. Under REMARKS type the last name of your members.

TASK:

1. Create a Weekly Budget Plan for each members of the group.

2. You table must include the following criteria:
a. Meal allowance
 Breakfast
 Lunch
 Dinner
 Snack
b. Travel allowance
 School
 Other places
c. Other Expenses
 Load
 Internet
 Personal hygiene
3. You may add more criteria of expenses if you wish to.
4. Apply the following elements to your table:
a. Table sectioning <thead>, <tbody> and <tfoot>

Department of Computing And Informatics Prepared by: Roda Flor Andrea Teodocio
2
Web Design and Programming | Hands-on Exercise #3

b. CSS for design and layout of the table

c. Use colspan and rowspan
5. Refer to the example below:

6. Apply your own design and layout, the above table is example only.
7. Do not forget to check our RUBRICS for grading. We will follow that in grading your
activity.
8. Submit the following information to eGuro:
a. GDRIVE LINK of your group folder
b. Accomplish the PEER EVALUATION of your group members. Click the link:
https://docs.google.com/forms/d/e/1FAIpQLSdc_UhuuYO_TiUF5Jq0J8aF-
n1ItSKkCKlPazfTiHz07AO-Ig/viewform

Department of Computing And Informatics Prepared by: Roda Flor Andrea Teodocio