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

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

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

Basic Table Structure Result

Add the following table to your page note: the table without borders Basic Table Structure

Table Headings Name Telephone Bill Gates Example

Table Headings Result

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

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

Table with a caption Result

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

Table cells that span more than one column Result

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

Table cells that span more than one row Result

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

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

Cell Padding and Cell Spacing Result