INSERTAR TABLAS EN HTML CLASE 04/06/12 CATOLICA MEGANORTE

I. La tabla: 

Es una hoja de cuadricula (celdas) se caracterizan por estar formado por filas y columnas. En html lo utilizamos para ordenar los elementos de una pagina web

Para definir el orden o la estructura de una página web se utilizan las tablas con bordes ocultos. La mayoría de las paginas importantes se estructuran utilizando tablas ocultas.

II. Etiqueta:

<Table>

Las tablas que se utilizan para ordenar los elementos suelen tener bordes invisibles para los navegadores y empleamos:

<Table border=”0”>

Si queremos un borde visible asignamos otro numero al atributo borde. Nosotros somos el primer ejemplo vamos a utilizar un borde visible:

<Table border =”1”>

Podemos definir el tamaño de la tabla como porcentaje del ancho de la página utilizando el atributo WIDTH:

 WIDTH="100%”; genera una tabla que ocupa todo el ancho de la página que estamos creando.

WIDTH="50%" ;genera una tabla con la mitad del ancho del documento que creamos.

WIDTH="100" ;ahora al no poner el % serán 100 pixel de larga la tabla y no el 100% del document

Las filas en una columna se crean con la etiqueta:

 

<tr> 

y las columnas con la etiqueta:

 <td>

 Creándose primero las filas y dentro de estas las columnas.

III. Ejemplo:

<table border="1" witdh="100%">
<TR>
    <td></td>
    <td></td>
    <td></td>
</TR>
<TR>
    <td></td>
    <td></td>
    <td></td>
</TR>
</Table>

Y el resultado será: