<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.