Matakuliah : Web Design Table

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

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

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.

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

Table With No Border

Spanning a Cell Across Columns and Rows

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.

Cell Spacing

Cell Padding

Add a Background to a Table

Align The Content in a Table Cell

Tags Inside a Table

Creating Table Using Dreamweaver Tools

Changing Table Properties Row/column properties