Row one cell one | Row one cell two |
---|---|
Row two cell one | Row two cell two |
Row three cell one | Row three cell two |
Row four cell one | Row four cell two |
You can use <td>...</td> and <th>...<th> to differentiate between data and headings. The headings are, by default, centred and in bold font.
Subsequent paragraphs normally flow around the table and eventually underneath. There's a potential layout problem here: were the table taller, then the next image or table in the page might overlap with it - you have to specify that you want things to be laid out otherwise (which I don't here). A horizontal rule will be laid out relative to the amount of space left of the table, unless a specific width has been specified.
The attributes colspan and rowspan let the
<td rowspan=2>...</td> | <td colspan=2>...</td> | |
[Ordinary cell] | [Ordinary cell] |
This table uses width="100%" and demonstrates alignment of the cells:
<th> aligns to middle | ...and <td> to left | explicit <td align=left> |
---|---|---|
Bar | blah blah | ...align=middle |
Baz | blah blah | ...align=right |