<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<style type="text/css">
</style>
<title>tabla</title>
</head>
<body>
<h1>Propiedades de tabla</h1>
<h2>Ejemplo de tabla con border="1"</h2>
<table border="1">
	<tr><td>elemento11</td><td>elemento12</td></tr>
	<tr><td>elemento21</td><td>elemento22</td></tr>
</table>
<h2>Ejemplo de tabla con border="4"</h2>
<table border="4">
	<tr><td>elemento11</td><td>elemento12</td></tr>
	<tr><td>elemento21</td><td>elemento22</td></tr>
</table>
<h2>Ejemplo de tabla con cellpadding="20"</h2>
<table border="1" cellpadding="20">
	<tr><td>elemento11</td><td>elemento12</td></tr>
	<tr><td>elemento21</td><td>elemento22</td></tr>
</table>
<h2>Ejemplo de tabla con cellspacing="10"</h2>
<table border="1" cellspacing="10">
	<tr><td>elemento11</td><td>elemento12</td></tr>
	<tr><td>elemento21</td><td>elemento22</td></tr>
</table>
<h2>Ejemplo de tabla con width="400"</h2>
<table width="400"  border="1">
	<tr><td>elemento11</td><td>elemento12</td></tr>
	<tr><td>elemento21</td><td>elemento22</td></tr>
</table>
<h2>Ejemplo de tabla con width="60%" </h2>
<p>Modifica la anchura de la ventana para ver como cambia el tamaño de la tabla</p>
<table width="60%"  border="1">
	<tr><td>elemento11</td><td>elemento12</td></tr>
	<tr><td>elemento21</td><td>elemento22</td></tr>
</table>
<h2>Ejemplo de tabla con  align="center" </h2>
<table border="1" align="center">
	<tr><td>elemento11</td><td>elemento12</td></tr>
	<tr><td>elemento21</td><td>elemento22</td></tr>
</table>
<h2>Ejemplo de tabla con bgcolor="#BFBFBF"</h2>
<table border="1" bgcolor="#BFBFBF">
	<tr><td>elemento11</td><td>elemento12</td></tr>
	<tr><td>elemento21</td><td>elemento22</td></tr>
</table>
</body>
</html>