Tables

This is a complex example (from HTML 4.0 Reference):

Character	Entity	Decimal	Hex	Rendering in Your Browser
Character	Entity	Decimal	Hex	Entity	Decimal	Hex
non-breaking space

the HTML code that produced it:


<TABLE border="1" 
         SUMMARY="This table gives the character entity reference,
                 decimal character reference, and hexadecimal character
                 reference for 8-bit Latin-1 characters, as well as the
                 rendering of each in your browser.">
   <COLGROUP>
   <COLGROUP SPAN=3>
   <COLGROUP SPAN=3>
   <THEAD>
     <TR>
       <TH SCOPE=col ROWSPAN=2>Character</TH>
       <TH SCOPE=col ROWSPAN=2>Entity</TH>
       <TH SCOPE=col ROWSPAN=2>Decimal</TH>
       <TH SCOPE=col ROWSPAN=2>Hex</TH>
       <TH SCOPE=colgroup COLSPAN=3>Rendering in Your Browser</TH>
     </TR>
     <TR>
       <TH SCOPE=col>Entity</TH>
       <TH SCOPE=col>Decimal</TH>
       <TH SCOPE=col>Hex</TH>
     </TR>
   </THEAD>
   <TBODY>
     <TR>
       <TD SCOPE=row>non-breaking space</TD>
       <TD>&amp;nbsp;</TD>
       <TD>&amp;#160;</TD>
       <TD>&amp;#xA0;</TD>
       <TD>&nbsp;</TD>
       <TD>&#160;</TD>
       <TD>&#xA0;</TD>
     </TR>
   </TBODY>
 </TABLE>

ingredients:
- <table>, </table>: encloses the table
- <thead>, </thead>: encloses the table head; this helps the browser display the head on each page, if the table is longer.
- <tfoot>, </tfoot>: encloses the footer of the table; it must precede the <tbody>
- <tbody>, </tbody>: encloses the body of the table
- <tr>, </tr>: table row
- <th>, </th>: table header cell; used within <tr>
- <td>, </td>: table data cell; used within <tr>

arguments of <th>, <td>:

Attribute	Values	Meaning
`colspan`	number	columns spanned by the cell
`rowspan`	number	rows spanned by the cell
`align`	`center`, `left` , `right`, `justify`	horizontal alignment
`valign`	`top`, `bottom` , `middle`	vertical alignment
`nowrap`		suppress word wrap

Back to the list of HTML commands