Presentation is loading. Please wait.

Presentation is loading. Please wait.

HTML Tables.

Similar presentations


Presentation on theme: "HTML Tables."— Presentation transcript:

1 HTML Tables

2 Tables Tables are designed to display rows and columns of information, e.g. Expense Price Cell Phone Bill 85.45 Rent 654.23 Food 438.32 Entertainment 219.91

3 The table Tag Tables are contained within <table> tags
Table content goes inside here

4 The table row tag Each row in the table is contained in <tr> tags Here’s an example of a table with 3 rows: Content for row 1 goes here Content for row 2 goes here Content for row 3 goes here

5 The table data Tag I think of this tag as table column.
Each column goes in <td> tags The columns are contained within rows. E.g. This row has 2 columns:

6 Sample Expense Table Here’s the Code

7 Sample Expense Table And here’s what it looks like:

8 The table heading Tag Use <th> insead of <td> for the columns in the headings row.

9 With Table Headings and we get!


Download ppt "HTML Tables."

Similar presentations


Ads by Google