Pertemuan 4 Web Design using Tables Mata Pelajaran: TIK 3 Topik: Web Design T.P: 2011/2012 Versi: 2 1. - презентация

1 Pertemuan 4 Web Design using Tables Mata Pelajaran: TIK 3 Topik: Web Design T.P: 2011/2012 Versi: 2 1

2 Learning Outcomes Pada akhir pertemuan ini, diharapkan peserta didik akan mampu : 2

3 Outline Materi 3

4 Table Tables are defined with the tag. A table is divided into rows (with the tag), and each row is divided into data cells (with the 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 Macromedia Tools

15 Changing Table Properties Table Properties Row/column properties