For the tables demo, we built the simple table below using the tags <table>, <tr> (table row), <td> (table data, i.e., cell), and <th> (table header, similar to td but bold and centered).
We then styled the table by adding a border, drop shadow, and background to the table, vertical and horizontal padding to the cells (td), and using the nth-child selectors to color the odd rows transparent white to differentiate the rows.
To bring information in to the table, you can create (or ask the customer for) the table in Excel, export to .txt or .csv format, and import into Dreamweaver using the File > Import > Tabular data setting.
| Table of Rows and Columns | ||
|---|---|---|
| Column 1 | Column 2 | Column 3 |
| Row 1, Column 1 | Row 1, Column 2 | Row 1, Column 3 |
| Row 2, Column 1 | Row 2, Column 2 | Row 2, Column 3 |
| Row 3, Column 1 | Row 3, Column 2 | Row 3, Column 3 |
| Row 4, Column 1 | Row 4, Column 2 | Row 4, Column 3 |
| Row 5, Column 1 | Row 5, Column 2 | Row 5, Column 3 |
Week 5 (2/17) Zoom Video