Hyper Text Markup Language
Markup:
<table> = Table for information
<th> = Table Header of data (Column)
<tr> = Row within table
<td> = Data Cells within Table (Column)
Example
HTML Code |
Result |
||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|
<table style=”width: 100%;”> <tbody> <tr align=”left” valign=”top”> <th>Firstname</th> <th>Lastname</th> <th>Phone</th> </tr> <tr> <td>Karina</td> <td>Bolivia</td> <td>555.555.5551</td> </tr> <tr> <td>Michael</td> <td>Grecko</td> <td>555.555.5552</td> </tr> <tr> <td>Betsy</td> <td>Boston</td> <td>555.555.5553</td> </tr> </tbody> </table> </td> </tr> </tbody> </table> |
(beware of smart quotes) |
Attributes:
<td rowspan=”2″> = Expand the row down (the column)
<td colspan=”2″> = Expand the data across the row ( of columns)
Data Cells can Span multiple rows
<th rowspan=”2″> or <td rowspan=”2″>
<table style=”width:100%”> <tr> <th>Name:</th> <td>Kather</td> </tr> <tr> <th rowspan=”2″>Telephone:</th> <td>555.555.7771</td> </tr> <tr> <td>555.555.7772</td> </tr> </table> |
|
Data Cells can Span multiple columns
<th colspan=”2″> or <td colspan=”2″>
<table width=”99%” border=”1″ cellspacing=”5″ cellpadding=”5″> <tr> <td colspan=”2″>First and Last</td> <td>Phone</td> </tr> <tr> <td>Jerry</td> <td>Band</td> <td>555.666.7777</td> </tr> </table> |
|