1. HTML 15-Feb-13HTML- lec 4 T.A. Reem Alshnaifi Tables Contents

2. HTML Tables : Basic Table Structure Table Headings Table with a caption Table cells that span more than one row/column Cell Padding and Cell Spacing

3. Basic Table Structure Each table starts with a table tag Each table row starts with a tr tag Each table data starts with a td tag One column: 100 Example

4. Basic Table Structure Result

5. 300200100 600500400 900800700 Add the following table to your page note: the table without borders Basic Table Structure

6. Table Headings Name Telephone Bill Gates 555 77 854 Example

7. Table Headings Result

8. Table Headings SaturdaySunday Tickets sold:120135 Total sales:600$675$ write the appropriate html code to design the following table :

9. Table with a caption Monthly savings Month Savings January $100 Example

10. Table with a caption Result

11. Table cells that span more than one column 9am 10am 11am 12am Monday Geography Math Art Example

12. Table cells that span more than one column Result

13. Table cells that span more than one row ABC BBC CNN 6pm - 7pm Movie Comedy News 7pm - 8pm Sport Current Affairs Example

14. Table cells that span more than one row Result

15. Cell Padding and Cell Spacing Cell padding :control the white space between cell content and the borders Cell spacing :control the distance between cells

16. Cell Padding and Cell Spacing ABC BBC CNN 6pm - 7pm Movie Comedy News 7pm - 8pm Sport Current Affairs Example

17. Cell Padding and Cell Spacing Result