1. Matakuliah : Web Design
Table

2. Learning Outcomes Pada akhir pertemuan ini, diharapkan mahasiswa akan
mampu :
Membuat Web sederhana dengan menggunakan table

3. Outline Materi Table Spanning a Cell Across Columns and Rows
Cell Spacing
Cell Padding
Add a Background to a Table
Align The Content in a Table Cell
Tags Inside a Table
Creating Table Using adobe dreamweaver Tools
Changing Table Properties

4. Table
Tables are defined with the <table> tag. A table is divided into rows (with the <tr> tag), and each row is divided into data cells (with the <td> tag).
A data cell can contain text, images, lists, paragraphs, forms, horizontal rules, tables, etc.

5. Table (cont..)
Headings in a table
Empty cells is a table

6. Table With No Border

7. Spanning a Cell Across Columns and Rows

8. Controlling Space In and Around Cells
Cell spacing adds space between cells, making the table bigger without changing the size of individual cells.
Cell padding adds space around the contents of a cell, in effect, pushing the walls of the cell outward.

9. Cell Spacing

10. Cell Padding

11. Add a Background to a Table

12. Align The Content in a Table Cell

13. Tags Inside a Table

14. Creating Table Using Dreamweaver Tools

15. Changing Table Properties
Row/column properties