Independents
Vemos que no estas registrado, ingresa ahora y Registrate es 100% Gratis, acércate a esta gran comunidad.
Conectarse

Recuperar mi contraseña

Últimos temas
» Trilogía Maze Runner (Descarga Directa)
por ZunnerX Vie Mar 22, 2013 1:23 am

» Blood: The last Vampire [WZF] [MU]
por shinder Lun Sep 17, 2012 3:21 pm

» Wall-E Modding
por shinder Lun Sep 17, 2012 3:19 pm

» Solicitudes SorteosNet.tk
por ZunnerX Sáb Ago 11, 2012 3:54 am

» Soporte tecnico Spore
por ZunnerX Vie Ene 06, 2012 3:44 am

IRG ChatBox

Funciones del <Table>

Ver el tema anterior Ver el tema siguiente Ir abajo

Funciones del <Table>

Mensaje por ZunnerX el Dom Nov 14, 2010 5:10 am

La función del tablet es "maquetar" lo que queramos, desde solo texto, hasta videos e imágenes, para eso se utiliza un código que puede parecer difícil saber la función de cada uno, pero con esta explicación veremos como realizar tablas html fácilmente.


Estructura de una tabla

Las tablas están formadas por filas, columnas y celdas. Los espacios Horizontales son las "Filas", los espacios verticales son "Columnas" y por ende los espacios formados por estas dos son las "Celdas"




Para crear estas tablas necesitas de un código html especifico, llamado <table> además de otros dos complementos que te ayudarán a indicar que si necesitas de una columna o una fila, estos complementos son los <tr> y <td>


<tr> = Este código es para indicar que estas creando una fila vertical.
<td> = Este código es para indicar que estas creando una columna horizontal.


Para demostrar de lo que se habla, tenemos este pequeño ejercicio, un ejemplo de tabla con solo texto la podemos construir de esta manera:

<table border=1>
<tr> <td colspan="3">Este es un ejemplo de las tablas</td> </tr>
<tr> <td>tabla 1</td> <td>tabla 2</td> <td>tabla 3</td> </tr>
</table>


un ejemplo de tablas sencillas es esta: Presiona Aquí




Si lograron notar, el codigo <table> y <td> estaba acompañado por un complemento, estos son los atributos que nos servirán a modificar nuestras tablas a gusto, estas son:



Por ejemplo puedes crear una tabla el cual contenga ciertos códigos que desees, estos pueden ser imágenes, videos, o cualquier otro código que sea html, por ejemplo un reproductor de música.


<table border=1>
<tr> <td colspan="3" align="center">Imagen Titulo</td> </tr>
<tr> <td>Imagen 1</td> <td>Imagen 2</td> <td>Imagen 3</td> </tr>
<tr> <td colspan="3" background="url imagen" align="center">Reproductor de Musica</td> </tr>
</table>


un ejemplo de esta tabla es esta: Presiona Aquí




Puede que te sea difícil comprender el código html, pero una vez que empiezas a utilizar y a investigar más sobre él verás que es un código fácil de entender. Espero que esta explicación haya sido lo más sencillo posible para ustedes y que puedan aprender a utilizar el <table> para lo que quieran Very Happy

ZunnerX

Mensajes: 108
Fecha de inscripción: 11/07/2010
Localización: .:Dead Valley:.

http://independents.tk

Volver arriba Ir abajo

Ver el tema anterior Ver el tema siguiente Volver arriba


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