naruto ninja
¿Quieres reaccionar a este mensaje? Regístrate en el foro con unos pocos clics o inicia sesión para continuar.

Manejar tablas

2 participantes

Ir abajo

Manejar tablas Empty Manejar tablas

Mensaje por netrox Miér Ago 13, 2008 12:42 am

Las tablas son muy buenas en una página, ya que nos ayudan a dividir la página en distintos espacios y ahorrar el Vertical, ya que aprovechamos lo Horizontal de la página.

* Lo primero que hacemos es hacer la tabla:

<table>
<tr>
<td>Contenido</td>
</tr>

</table>
Este comando es igual a:
Contenido

* Ahora si queremos aplicar a esta tabla una columna, aplicamos entre los tags
<TR> y </TR> otro <td>Contenido</td>, el código nos queda algo así:

<table>
<tr>
<td>Contenido</td>
<td>Contenido</td>
</tr>
</table>
Y se vería algo así:
Contenido Contenido

* Ahora si en vez de aplicar una fila en vez de una columna aplicamos otro <TR> a los tags <table>, y en el código nos quedaría algo así:

<table>
<tr>
<td>Contenido</td>
</tr>
<tr>
<td>Contenido</td>
</tr>
</table>
Y este sería nuestro resultado:
Contenido
Contenido

Ahora si querés que tu tabla no tenga un efecto tan desnutrido le podemos agregar retoques(atributos) a la etiqueta <table>, acá te dejo algunos:

1. width="tamaño vertical"
2. height="tamaño vertical"
3. border="Número de tamaño del borde"
4. cellspacing="Número de tamaño del espacio entre celda"
5. cellpadding="Número de tamaño de relleno entre celdas"
6. align="Alineación, centro, izquierda o derecha"
Centro ---> Center
Izquierda ---> left
Derecha ---> right
7. class="estilo de CSS"

Para aplicar esto en la etiqueta tabla, y en la tabla se pone por ejemplo así:
<table aling="center">

También podemos personalizar nuestras celdas con este mismo método pero no son los mismos códigos...

Por ejemplo no tenemos para agregar a <td>, cellspacing=""
Pero a <TD> y a <TR> podemos añadirle tamaño vertical y tamaño horizontal aunque no es lo mismo....bueno para solucionar eso puedes implementar más tablas...

Para que crear una tabla así:
--------------------------------------------------------CELDA1---------------------------
----------------------------CELDA2------- ----CELDA3------
Tenemos que poner el atributo colspan="" a la primero celda y borrar el código de la segunda así::
<table>
<tr>
<td colspan="2"></td>
</tr>
<tr>
<td></td>
<td></td>
</tr>
</table>
el número que contenga colspan="" es el número de las celdas de la fila que va a ocupar, también funciona con las columnas, nada mas que con <tr>

Saludos

netrox
estudiante de la academia
estudiante de la academia

Cantidad de envíos : 13
Edad : 34
barra de respeto : Manejar tablas 331010
Fecha de inscripción : 27/07/2008

Volver arriba Ir abajo

Manejar tablas Empty Re: Manejar tablas

Mensaje por kakashi Miér Ago 13, 2008 12:44 am

que voeno tu review gracias por el info
kakashi
kakashi
Admin
Admin

Cantidad de envíos : 152
Edad : 31
Localización : santiago-chile
estrellas: : Manejar tablas Plata3
Fecha de inscripción : 26/07/2008

https://ninjasnaruto.forosactivos.net

Volver arriba Ir abajo

Volver arriba


 
Permisos de este foro:
No puedes responder a temas en este foro.