Lección 5: Tablas

HTML las mesas están diseñadas para mantener los datos en forma de cuadro, de esta forma:

Resumen del Crecimiento de la Web (*)
Mes	Número de Sitios Web
6/93	130
12/93	623
6/94	2,738
12/94	10,022
6/95	23,500
1/96	100,000
6/96	230,000 (est)
1/97	650,000 (est)

El código de fuente de este cuadro es similar al siguiente:

<table>
  <tr><th colspan="2">Resumen del Crecimiento de la Web (*)</th></tr>
  <tr><th>Mes</th><th>Número de Sitios Web</th></tr>
  <tr><td>6/93</td><td>130</td></tr>
  <tr><td>12/93</td><td>623</td></tr>
  <tr><td>6/94</td><td>2,738</td></tr>
  <tr><td>12/94</td><td>10,022</td></tr>
  <tr><td>6/95</td><td>23,500</td></tr>
  <tr><td>1/96</td><td>100,000</td></tr>
  <tr><td>6/96</td><td>230,000 (est)</td></tr>
  <tr><td>1/97</td><td>650,000 (est)</td></tr>
</table>

Aquí están las etiquetas que se utilizan con las tablas:

<tabla></tabla>: Estas etiquetas adjuntan toda la tabla. Poner en <tabla>en el inicio de la mesa y </tabla> en la parte final de la misma.
<tr></tr>: Fila de la tabla - una fila de la tabla.
<th></th>: Cuadro de partida - atributos por defecto de esta etiqueta suelen ser audaces y centrada. Utilízalo para colocar títulos en su mesa.
<td></td>: Tabla de datos - esto especifica una celda de la tabla (como lo hace th). Cada fila de la tabla debería tener el mismo número de ellos, a menos que colspan="x" es utilizado como un atributo dentro de la etiqueta apertura para indicar que se extiende por más de una columna.

Ejercicio:

Una vez más, copia pagina_basica.html a un nuevo archivo llamado tabla.html y establezca el título y un nivel superior a la partida Cuadro.Usa lo que has aprendido en esta lección para producir la siguiente tabla (**) en el nuevo documento:

Tabla de valores decimal, binary, octal y hexidecimal

(*) Del sitio Web Matthew K. Gray 's @ http://www.mit.edu/people/mkgray/net/web-growth-summary.html (**) El cuadro que se muestra aquí es una imagen de modo que la fuente no esta disponible y el ejercicio es más difícil ;-)