Este documento explica cómo crear tablas en HTML. Las tablas están formadas por celdas que son recuadros resultantes de la intersección entre filas y columnas. Se usan las etiquetas <table>, </table>, <tr>, </tr>, <td> y </td> para especificar el número de filas, columnas y el contenido de cada celda. También se explica cómo modificar atributos de la tabla como el ancho, borde, alineación y colores.

1. ANDRES VERGEL MOLINA
905
LUIS MIGUEL GUEVARA
PAGINA WED V
TABLA <TABLE>:
Las tablasestánformadaspor celdas,que sonlosrecuadrosque se obtienencomoresultado de la
intersecciónentre unafilayunacolumna.Paracrearuna tablahay que insertarlasetiquetas
<table>y </table>.Entre dichasetiquetashabráque especificarlasfilasycolumnasque formarán
la tabla.
FILA <TR>:
Es necesarioinsertarlasetiquetas<tr>y </tr> por cada una de las filasde latabla.Estas etiquetas
deberáninsertarse entre lasetiqetas<table>y</table>.
Por ejemplo,paracrear unatabla con cincofilasescribiríamos:
<table>
<tr>...</tr>
<tr>...</tr>
<tr>...</tr>
<tr>...</tr>
<tr>...</tr>
</table>
COLUMNAO CELDA <TD>:
Para crear una tablano basta con especificarel númerode filas,esnecesariotambiénespecificar
el númerode columnas.
Una celdaes el resultadode laintersecciónentreunafilayunacolumna,por loque podremos
especificarel númerode celdasporfila,que equivale aespecificarel númerode columnasporfila.
Es necesarioinsertarlasetiquetas<td>y </td> por cada una de las celdasque compongancada
una de las filasde latabla.Por lo tanto,habrá que insertaresasetiquetasentre lasetiquetas<tr>y
</tr>.

2. Entre lasetiquetas<td>y </td> se podrá especificarel contenidode cadaunade lasceldas.Por
ejemplo, parainsertarlasiguiente tabla:
SabadoDomingo
CursoHTML CursoDreamweaver
CursoFrontpage CursoFlash
Habría que escribir:
<table border="1">
<tr>
<td>Sabado</td>
<td>Domingo</td>
</tr>
<tr>
<td>Curso HTML</td>
<td>Curso Dreamweaver</td>
</tr>
<tr>
<td>Curso Frontpage</td>
<td>Curso Flash</td>
</tr>
</table>
FORMATO DE LA TABLA:
Es posible modificarlossiguientesatributosde unatabla:
Por ejemplo,paramodificarlatablade la páginaanteriorpara que quedase comolasiguiente:
<table width="50%"border="2"align="center"cellspacing="0"bordercolor="#000000"
bgcolor="#FFCC99">
...
</table>
Con estoindicamosque el ancho(width) de latabladebe ocuparel 50% del anchode laventana
(lopuedescomprobarcambiandoel anchode laventanade tu navegadory verásque el ancho de
la tablavaría para ocupar siempre lamitadde laventana),que el borde (border) tieneungrosor
de dos píxeles(esmásanchoque lasseparacionesinternasde latablaque tienengrosor1),que la
tablaestá alineadaal centro(center) de laventana,que nohayespacioentre lasceldas
(cellspacing="0"),que el borde latablaesnegro(#000000) y el fondonaranja(#FFCC99).

3. CODIGO:
<table width="50%"border="2"align="center"cellspacing="0"bordercolor="#000000"
bgcolor="#FFCC99">
<tr align="center"bgcolor="#0099CC">
<td>MODELOS</td>
<td bgcolor="#66CC99">SERIE</td>
<td bgcolor="#66CC99">COLORES DE SERIE</td>
</tr>
<tr>
<tr>
<td>1999</td>
<td> skyline</td>
<td> AZUL,GRIS,VERDE</td>
</tr>
<tr>
<td>1973</td>
<td>GRT</td>
<td> BLANCO,GRIS</td>
</tr>
<tr>
<td>2008</td>
<td>superGT GT-R</td>
<td>tipo carrera</td>
</tr>
<tr>
<td>1972</td>
<td>skyline H/T2000GT-R(KPGC110)</td>
<td>tipo carrera</td>
</tr>
</table>