Tablas en HTML

 :: Tutoriales :: Codigos :: Html

Ver el tema anterior Ver el tema siguiente Ir abajo

Tablas en HTML

Mensaje por NT el Mar Sep 23, 2008 6:43 pm

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:
Código:
<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

Código:
<TR> y </TR>
otro
Código:
<td>Contenido</td>
, el código nos queda algo así:

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





ContenidoContenido

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

Código:
<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 , 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í:


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 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í:
, cellspacing=""
Pero a
y a









enemos que poner el atributo colspan="" a la primero celda y borrar el código de la segunda así::
Código:
<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

_________________
avatar
NT
Respetado Por los User
Respetado Por los User

Masculino
Cantidad de envíos : 975
Edad : 26
Localización : En el foro
Empleo /Ocio : Web master....
Humor : De Buen Humor Siempre
Pais :
Respeto a las normas :
Post/Argumentos :
Fecha de inscripción : 05/09/2008

Ver perfil de usuario http://gamestation.forosactivos.net

Volver arriba Ir abajo

Ver el tema anterior Ver el tema siguiente Volver arriba

- Temas similares

 :: Tutoriales :: Codigos :: Html

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