Creacion de tablas




Para crear una tabla se utiliza la etiqueta <table> con su respectivo cierre </table>
dentro de estas etiquetas colocamos <tr> para indicar que crearemos una fila, enseguida colocamos <td>para indicar que crearemos una celda, si deseamos finalizar esta celda utlizamos </td>, y para cerrar la fila </tr>

Un ejemplo de esto es:
<table>...............................Indica que comenzaremos una tabla
	<tr>..........................Indica que crearemos una fila
		<td>..................Aqui comezamos la primer celda
			Celda1,1......Este sera el contenido de la primer celda
		</td>.................Indicamos que hemos terminado la celda
		<td>..................Creamos otra celda el la misma fila
			Celda2,1......Es el contenido de la siguiente celda
		</td>.................Acabamo la segunda celda de la primer fila
	</tr>........................Indicamos que acabamos la primer fila
	<td>.........................Comenzamos una nueva fila
			Celda3,2......Contenido de la primer celda de la segunda fila
		</td>.................Cerramos la primer celda de la segunda fila
		<td>..................Comenzamos segunda celda de la segunda fila
			Celda4,2......Contenido de la segunda celda de la segunda fila
		</td>.................Terminamos la celda
	</tr>.........................Cerramos la  segunda fila
</td>.................................Cerramos la tabla




Table cuenta con los siguientes atributos:

align=""             Me permite justificar el texto con las opciones center, left, right.

width=""             Me permite especificar el ancho de la tabla, en porcentaje o pixeles.

height=""            Este me permite manejar la altura de la tabla, en porcentaje o pixeles.

border=""            Este atributo especifica el borde de la tabla, en la etiqueta table.

cellspacing=""       Me permite dar el espacio entre celda y celda, en la etiqueta table.

cellpading=""        Indicar el espacio entre el borde de la tabla y el texto.

colspan=""           Une celdas para hacer columnas, se utiliza dentro de la etiqueta td.

rowspan=""           Une celdas para hacer filas, en la etiqueta td.

<caption>            Esta etiqueta se usa para titulo a la tabla, con su respectivo cierre.



A continuacion mostraremos el codigo fuente de una tabla con titulo, borde 3, centrada,
con un espacio entre celdas de 2, entre borde y texto un espacio de 2, utilizaremos union
de celdas en forma de filas y columnas y otros atributos ya conocidos.

<table width="500" cellspacing="2" cellpadding="2" border="3" align="center">
<caption align="center">Ensayo</caption>


<tr align="left">
<td>nombre</td>
<td>apellido</td>
<td>codigo</td>
</tr>


<tr>
<td>diego</td>
<td>garcia</td>
<td>s030125</td>
</tr>
<tr>
<td>luis</td>
<td>cardona</td>
<td>e050124</td>
</tr>
<tr>
<td>giovanni</td>
<td>orozco</td>
<td>m030148</td>
</tr>
<tr>
<td>sacarias</td>
<td>piedras del rio</td>
<td>e032154</td>
</tr>
<tr>
<td>enrique</td>
<td>carriazo</td>
<td>e015248</td>
</tr>
<tr>
<td>william</td>
<td>perez</td>
<td>e032584</td>
</tr>
<tr>
<td>ricardo</td>
<td>niño</td>
<td>r025481</td>
</tr>
<tr>
<td>edwin</td>
<td>velasquez</td>
<td>e025879</td>
</tr>
<tr>
<td rowspan="2">gerard</td>
<td>depardie</td>
<td>e03049</td>
</tr>
<tr>
<td colspan="2">todos ellos son muy buenos con el balon</td>
</tr>
</table>

ver ejemplo

TALLER

Elabore una tabla con las siguientes condiciones:

* Borde 5.
* Con cinco columnas y cuatro filas.
* La tabla debe de estar centrada.
* En la primer fila debe existir una sola celda con el titulo "Meses".
* La primer colunma debe ocupar 3 celdas comenzando desde la ultima fila,
  con el texto "AÑO" en forma vertical.
* La siguiente fila debe de estar en color verde y con los primeros meses.
* En la fila 3 el texto debe de estar a la derecha con los siguientes meses.
* En la fila 4 el texto debe estar centrado con los siguientes meses.

pista



Taller 2.

Realice una tabla con los siguientes datos:

1. En la primera fila debe contener en las celdas:
   -Nombre
   -Apellido
   -Codigo
   -Telefono
   -Email
   -Direccion
   -Hobby
   -Deporte que practica
   -Ritmo favorito

2. Como minimo deben de ingresar 10 personas diferentes a usted, cinco
   mujeres y cinco hombres en ese orden separados por una fila de espacio libre,
   cada fila debe tener un color de diferente; la primera coluna entera de tener
   el siguiente texto en forma vertical: Datos personales, el cual no debe exceder
   el total de las filas.

3. El titulo de la tabla debe ser centrado, en letra cursiva de tamaño 4, con
   eltipo de fuente  que ustedes deseen.

4. Los datos de las celdas deben estar alineados a la izquierda, el espacio entre celdas
   debe ser de tres, el borde de la tabla 4 y el espacio entre tabla y texto de 2.

Pista

TALLER

Ahora algo un poco mas complejo, realizaremos el codigo de la siguiente tabla:
INFORME DE PRODUCCION SERMANAL POR MES
E
N
E
R
O
1Semana: 10 F
E
B
R
E
R
O
1Semana: 10.8 M
A
R
Z
O
1Semana: 11.8 A
B
R
I
L
1Semana: 12.6 M
A
Y
O
1Semana: 9.5 J
U
N
I
O
1Semana: 9.5
2Semana: 15.6 2Semana: 18.0 2Semana: 17.2 2Semana: 15.4 2Semana: 19.7 2Semana: 19.1
3Semana: 21.5 3Semana: 22.6 3Semana: 26.7 3Semana: 27.9 3Semana: 28.3 3Semana: 29.1
4Semana: 35.6 4Semana: 30.2 4Semana: 36.8 4Semana: 38.4 4Semana: 36.9 4Semana: 38.8
Final De Primer Semestre


Sugerencias:

-El texto de la primer celda y/o fila esta en negrita y centrado.
-La tabla tiene 12 columnas y 6 filas.
-La segunda fila tiene 12 celdas en las cuales se incluyen las columnas de los meses.
-Las columnas de los meses tiene un alto de 160 y por consiguiente cada celda de las
  semanas tiene un alto de 40.
-La tercera, cuarta y quinta fila tiene 6 celdas.

Inicio


alojamiento web gratis
Otros servicios ofrecidos por HispaVista:
Videos, Loterías y Lotería de Navidad
Consigue una página web gratis o un
alojamiento web profesional con Galeón