Lists and Tables

1. Lists and Tables • Cool sites • Lists unordered, ordered, definition • Tables basic

2. Cool Sites • www.htmlprimer.com/HotTopics/lists.shtml a good tutorial for lists • www.htmlgoodies.com/tutors/tbl.html a good tutorial for tables, various usage of tables

3. List tages • <ol> </ol> Defines an ordered list • <ul> </ul> Defines an unordered list • <li> </li> Defines a list item • <dl> </dl> Defines a definition list • <dt> </dt> Defines a definition term • <dd> </dd> Defines a definition description

4. Table tags • <table> Defines a table • <th> Defines a table header • <tr> Defines a table row • <td> Defines a table cell • <caption>Defines a table caption • <colgroup>Defines groups of table columns • <col> Defines the attribute values for one or more columns in a table • <thead> Defines a table head • <tbody> Defines a table body • <tfoot> Defines a table footer

5. Headers <TABLE BORDER=2> <TR> <TH>Name</TH> <TH>Extension</TH> </TR> <TR> <TD>Raha Mutisya</TD> <TD>1493</TD> </TR> </TABLE>

6. Table attributes (1) • border < table border=1> • width <tdwidth=100> Notice:height of a table data will be adjusted automatically

7. Table attributes (2) • bgcolor <table bgcolor=#CCFF00> < td bgcolor=#CCFF00> • width

8. CELLSPACING & CELLPADDING <TABLE BORDER CELLSPACING = number> <TABLE BORDER CELLPADDING = number>

9. COLSPAN

10. ROWSPAN

11. Assignment