Следния пример показва възможностите на разгледаните атрибути.
 
<HTML>
<HEAD><TITLE>Пример за таблица</TITLE></HEAD>
<BODY>
<p>&nbsp;
<P ALIGN=CENTER>Таблица с атрибути FRAME и RULES</P>
<TABLE ALIGN=CENTER BORDER=2 WIDTH=300 FRAME=HSIDES RULES=COLS BORDERCOLOR="BLUE" BORDERCOLORDARK="AQUA"> 
<THEAD> 
<COLGROUP SPAN=3 ALIGN=LEFT VALIGN=TOP> 
</THEAD> 
<TBODY> 
<TR> 
<TD BGCOLOR="PINK">Клетка 1</TD> 
<TD>Клетка 2</TD> 
<TD>Клетка 3</TD> 
</TR> 
<TD>Клетка 4</TD> 
<TD BGCOLOR="YELLOW">Клетка 5</TD> 
<TD>Клетка 6</TD> 
</TR> 
<TR> 
<TD>Клетка 7</TD> 
<TD>Клетка 8</TD> 
<TD BGCOLOR="MAROON">Клетка 9</TD> 
<TR> 
</TBODY> 
</TABLE>
</BODY>
</HTML>

Таблица с атрибути FRAME и RULES

Клетка 1 Клетка 2 Клетка 3
Клетка 4 Клетка 5 Клетка 6
Клетка 7 Клетка 8 Клетка 9

Талица с CSS

<html>
<head>
<title>:)</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<style>
body{margin:0px;}
#header{widht:100%; height: 100px; background:#abb}
#left{width:200px; float:left; background:#bcc}
#page{background:#dee; margin-left:200px;}
#footer{clear: both; widht:100%; height: 100px; background:#abb}
</style>
</head>
<body>
      <div id="header">Header</div>
      <div id="left">Navigation<br>line</div>
      <div id="page">Content<br>line<br>line</div>
      <div id="footer">Footer</div>
</body>
</html>

 

Navigation
line
Content
line
line