FANDOM


HTML
Las tablas son súper importantes al momento de crear una web, por lo general son con borde igual a cero y se utiliza para ordenar bien la pagina como por ejemplo definir el ancho de la pagina u ordenar cosas simples como en qué posición va a ir ciertos párrafos y cosas así.

La etiqueta utilizada para definir una tabla es:

<table> </table>

Pero como toda tablas tiene sus filas y columnas usaremos:

<tr>Para filas</tr>
<td>Para columnas</td>

Se define el borde de una tabla de esta forma:

<table border="2">
<tr><td>El borde es de 2 pixeles</td><td>Listo</td></tr>
</table>
El borde es de 2 pixelesListo

Si no quieres borde pones cero en lugar de 2

El ancho de la tabla y las columnas se define así:

<table border="3" width="100%">
<tr><td width="50%">El ancho de esta columna es del 50%</td><td>El borde es de 3 pixeles</td></tr>
</table>
El ancho de esta columna es del 50%El borde es de 3 pixeles

También se puede cambiar de color las celdas o la tablas entera segun donde se ponga la orden bgcolor por ejemplo:

<table bgcolor="red" border="2" width="100%">
<tr><td width="50%">Es de color:</td><td>rojo</td><tr>
</table>
Es de color:rojo

Como pueden ver es de colorla tablas es de color rojo.

<table  border="2" width="100%">
<tr><td bgcolor="red" width="50%">Es de color:</td><td bgcolor="blue">rojo</td><tr>
</table>
Es de color rojoEs de color azul

Y listo

Anterior HTML/Lección 3 Siguiente HTML/Lección 5