Presentation is loading. Please wait.

Presentation is loading. Please wait.

 Tables are commonly used to display all manner of data, such as timetables, financial reports, and sports results etc.  Tables, just like spreadsheets,

Similar presentations


Presentation on theme: " Tables are commonly used to display all manner of data, such as timetables, financial reports, and sports results etc.  Tables, just like spreadsheets,"— Presentation transcript:

1

2  Tables are commonly used to display all manner of data, such as timetables, financial reports, and sports results etc.  Tables, just like spreadsheets, are made up of rows and columns.  Each rectangle is known as a cell. A row is made up of a set of cells on the same line from left to right, while a column is made up of a line of cells going from top to bottom.

3 element- Creates a table.  Inside the element, the table is written out row by row.  A row is contained inside a element — which stands for table row.  And each cell is then written inside the row element using a element — which stands for table data.  element- used to add header Key point: Each cell must be represented by either a or a element in order for the table to display correctly even if that element is empty.

4 BSCS 24 Students MCS 18 Students

5

6  Border  Bordercolor  Width  Align  Bgcolor  Cellpadding (used to create a gap between the edges of a cell and its contents)  Cellspacing (used to create a space between the borders of each cell)  Dir (supposed to indicate the direction of text that is used in the table. Possible values are ltr for left to right text and rtl for right to left for languages such as Hebrew and Arabic)

7  Rules(used to indicate which inner borders of the table should be displayed, such as rows and columns.)

8  Splitting a table into three sections: a head, body, and foot  Captioning tables  Using the rowspan and colspan attributes to make cells stretch over more than one row or column  Grouping columns using the element  Sharing attributes between unrelated columns using the element

9  Tables can be divided into three portions: a header, a body, and a foot. ❑ to create a separate table header ❑ to indicate the main body of the table ❑ to create a separate table footer  The head and foot are rather similar to headers and footers in a word-processed document, which remain the same for every page, while the body is the main content of the table.

10  Gives the Caption to the table  Use the element after the opening tag and before the first row or header

11  The colspan attribute allows a cell to stretch across more than one column.  The rowpsan attribute does much the same thing as the colspan attribute, but it works in the opposite direction; it allows cells to stretch vertically across cells.

12 Table Practices This is the Advanced table header This is the Advanced table footer BSCS 24 Students MCS 18 Students

13  you can group one or more adjacent columns together using the element. It is particularly helpful when two or more adjacent columns contain similar types of information.  This allows you to apply formatting to the group of columns rather than having to style each column separately.

14 Test1 Test2 Test3 Test4 Test5 Test6 Test7 Test8 Test9 Test10 Test11 Test12

15  The element can be used to perform a similar role as the element, but without actually implying a structural group of columns. It can also be used to indicate that just one column needs formatting different from the rest of the group.  The elements are always empty elements, and are therefore used only to carry attributes, not content.

16 Test1 Test2 Test3 Test4 Test5 Test6 Test7 Test8 Test9 Test10


Download ppt " Tables are commonly used to display all manner of data, such as timetables, financial reports, and sports results etc.  Tables, just like spreadsheets,"

Similar presentations


Ads by Google