Lo más importante de crear tablas es saber manipular las celdas respecto a la información que se desea mostrar. Esto requiere controlar el ancho, alto color de fondo de forma particular, combinar celdas, etc.
Digamos que la celda es en sí, una instrucción TD de la tabla. Es decir cada celda es un campo en particular dentro la tabla. Para ello, si queremos aplicar un color distinto a la celda de los nombres de los alumnos, el código debe ser el siguiente:
<td bgcolor="yellow">Ana Mariela Dominguez Vázquez </td>
Esta línea de código debe repetirla para cada fila de registro de la tabla.
El siguiente ejemplo muestra la misma tabla anterior con los encabezados en color gris oscuro.
El código completo de la tabla, se lo muestro a continuación.
<html>
<head><Title>Mi primera tabla</title></head>
<body>
<h2><center>CAMBRIDGE ENGLISH CENTER</H2>
<H3>REPORTE DE CALIFICACIONES</H3></center>
<Table Border=1 width=100%>
<th bgcolor="gray">No.</th><th bgcolor="gray">Nombre del alumno</th>
<th bgcolor="gray">Calificación</th>
<tr>
<td bgcolor="gray">1</td>
<td bgcolor="yellow">Ana Mariela Dominguez Vázquez </td>
<td bgcolor="cyan">10</td>
</tr>
<tr>
<td bgcolor="gray">2</td>
<td bgcolor="yellow">Marisela Cardozo Vega</td>
<td bgcolor="cyan">9</td>
</tr>
<tr>
<td bgcolor="gray">3</td>
<td bgcolor="yellow">Emmanuel Rodríguez Velasco</td>
<td bgcolor="cyan">10</td>
</tr>
<tr>
<td bgcolor="gray">4</td>
<td bgcolor="yellow">Jacinto Marin Dominguez</td>
<td bgcolor="cyan">8</td>
</tr>
<tr>
<td bgcolor="gray">5</td>
<td bgcolor="yellow">Silvia Nayeli Amador Hdez.</td>
<td bgcolor="cyan">9</td>
</tr>
</table>
</body>
</html>
1. Manual de GMail Google, la mayoría de las personas conocen a esta empresa, pero no todas saben que,... [27/11/06] |
21.606 | ||||
2. HTML. Introducción práctica HTML, este lenguaje para la creación de páginas Web o sitios de Internet, es la... [23/07/09] |
4.600 | ||||
3. Cómo exportar una animación de Flash a HTML En este curso de vídeo se enseña la manera de transportar o exportar animaciones... [29/06/12] |
20 |
![]() |