Следния пример показва възможностите на разгледаните атрибути.
<HTML> <HEAD><TITLE>Пример за таблица</TITLE></HEAD> <BODY> <p> <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>