Simple use of table in HTML

Although the table layout is obsolete and occasionally used, the brief utility code is as follows:

1 <TableBorder= "1"cellpadding= "0"cellspacing= "0"style= "Text-align:center;border-collapse:collapse;">2     <theadstyle= "Background-color: #B0C4DE; font-weight:bold;">3         <TRstyle= "height:50px;">4             <TDstyle= "width:200px;">Describe</TD>5             <TDstyle= "width:200px;">State</TD>6             <TDstyle= "width:300px;">Note</TD>7         </TR>8     </thead>9     <tbody>Ten         <TRstyle= "height:40px;"> One             <TD></TD> A             <TD></TD> -             <TD></TD> -         </TR> the         <TRstyle= "height:40px;"> -             <TD></TD> -             <TD></TD> -             <TD></TD> +         </TR> -         <TRstyle= "height:40px;"> +             <TDrowspan= "2"></TD> A             <TD></TD> at             <TD></TD> -         </TR> -         <TRstyle= "height:40px;"> -             <TDcolspan= "2"></TD> -         </TR> -     </tbody> in </Table>

View Code

Describe	State	Note

Extension reference: http://www.ruanyifeng.com/blog/2009/05/html_table_mastering.html

Simple use of table in HTML