Recomendados
Más contenido relacionado
Similar a Tablas sencillas, rowspan, colspan
Más de Inmaculada Concepción
Más de Inmaculada Concepción (20)
Último
Último (20)
Tablas sencillas, rowspan, colspan
- 1. EJERCICIO 1 DE TABLAS SENCILLAS <html> <head> <title>Ejemplo del uso de tabla 1</title> </head> <body> <table border="2px"> <!-- Lo cambiaremos por CSS --> <tr> <td>Celda 1</td> <td>Celda 2</td> <td>Celda 3</td> </tr> <tr> <td>Celda 4</td> <td>Celda 5</td> <td>Celda 6</td> </tr> </table> </body> </html> EJERCICIO 2 UNIFICACIÓN HORIZONTAL CON COLSPAN <html> <head> <title>Ejemplo 2 Horizontal con Colspan </title> </head>
- 2. <body> <table border="2px"> <!-- Lo cambiaremos por CSS --> <tr> <td>Campo 1</td> <td>Campo 2</td> <td>Campo 3</td> </tr> <tr> <td colspan="2">Campos 4 y 5</td> <td>Campo 6</td> </tr> <tr> <td>Campo 7</td> <td>Campo 8</td> <td>Campo 9</td> </tr> </table> </body> </html> EJERCICIO 3 UNIFICACIÓN VERTICAL CON ROWSPAN <html> <head> <title> Ejemplo 3 Horizontal con Colspan </title> </head>
- 3. <body> <table border="2px"> <!-- Lo cambiaremos por CSS --> <tr> <td rowspan="3">Campo unificado</td> <td>Campo 2</td> <td>Campo 3</td> </tr> <tr> <td>Campo 5</td> <td>Campo 6</td> </tr> <tr> <td>Campo 8</td> <td>Campo 9</td> </tr> </table> </body> </html> Escribe en tu cuaderno las etiquetas nuevas que haz utilizado y escribe la funcion que realiza.