Bueno, como estos ejercicios no los puse en su dia en el blog los voy añadiendo poquito a poco…

Aqui lo que tenemos es una tabla con algunos controles sencillos de CSS, las tablas se usaban mucho para posicionar elementos en HTML, hoy se usa para su rol original – o sea para mostrar datos en forma de tabla…

<!–DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>–&gt;
xmlns=”http://www.w3.org/1999/xhtml”&gt;
<head>
css” rel=”stylesheet” type=”text/css” />
<meta http-equiv=”Content-Type” content=”text/html; charset=UTF-8″ />
<title>Untitled Document</title>
</head>

<body>
<table>
<caption>
Alumnos Curso Web
</caption>
<tr class=”th_bg”>
<th>Nombre</th>
<th>Apellido</th>
<th>Email</th>
</tr>
<tr class=”white”>
<td>aaa</td>
<td>bbb</td>
<td>aaabbb@gmail.com</td>
</tr>
<tr class=”yellow”>
<td>aaa</td>
<td>bbb</td>
<td>aaabbb@gmail.com</td>
</tr>
<tr class=”white”>
<td>aaa</td>
<td>bbb</td>
<td>aaabbb@gmail.com</td>
</tr>
<tr class=”yellow”>
<td>aaa</td>
<td>bbb</td>
<td>aaabbb@gmail.com</td>
</tr>
<tr class=”white”>
<td>aaa</td>
<td>bbb</td>
<td>aaabbb@gmail.com</td>
</tr>
<tr class=”yellow”>
<td>aaa</td>
<td>bbb</td>
<td>aaabbb@gmail.com</td>
</tr>
<tr class=”white”>
<td>aaa</td>
<td>bbb</td>
<td>aaabbb@gmail.com</td>
</tr>
<tr class=”yellow”>
<td>aaa</td>
<td>bbb</td>
<td>aaabbb@gmail.com</td>
</tr>
<tr class=”white”>
<td>aaa</td>
<td>bbb</td>
<td>aaabbb@gmail.com</td>
</tr>
</table>
</body>
</html>