Autor Tema: Ejemplo rowspan y colspan tablas HTML unir filas o columnas Ejercicio CU00719B (Leído 4050 veces)

Dan_SB · « **en:** 04 de Mayo 2015, 05:44 »

Buenas noches

Vengo a resolver el ejercicio 19° del curso html desde 0 cuyo enunciado es asi:

Crea un documento con una tabla HTML que tenga la apariencia de la tabla indicada a continuación. La primera fila debe estar compuesta por elementos de encabezado de tabla (th).

Codigo:

Código: [Seleccionar]

<html>
<head>
<meta charset="utf-8">
<title>Tablas en html</title>
</head>
<body>
<table border = "2px">
    <tr>
	<th>Jefe de departamento</th>
	<th>Jefe seccion</th>
	<th>Empleado</th>
	<th>Edad empleado</th>
	</tr>
	
	<tr>
	<td rowspan = "2">Juan Alberto Chan</td>
	<td>Martin López</td>
	<td>Maite Suarez</td>
	<td>55</td>
	</tr>
	
	<tr>
	<td>Luis Morales</td>
	<td>Mateo Carrale</td>
	<td>33</td>
	</tr>
	
	<tr>
	<td>Diana Rodriguez</td>
	<td>Carlos Hernandez</td>
	<td>Alberto Fernandez</td>
	<td>62</td>
	</tr>
	
	<tr>
	<td colspan = "2">Luis Perez</td>
	<td>Diego Gutierrez</td>
	<td>44</td>
	</tr>
</table>
</body>
</html>

Asi se ve esto:

Por cierto, en el capitulo pude ver que usarian css para el atributo border que ya esta deprecated... ¿Como se colocaria con css? me parecio no verlo en ningun lado del cap...

Saludos

Alex Rodríguez · « **Respuesta #1 en:** 05 de Mayo 2015, 11:29 »

Dan el código está perfecto. Sobre lo de CSS eso se deja para un curso posterior que puedes encontrar en http://aprenderaprogramar.com/index.php?option=com_content&view=category&id=75&Itemid=203, ahí puedes mirar cómo se le aplica CSS a las tablas y distintos elementos pero te recomiendo que lo hagas después del curso de HTML

Saludos

Foros aprenderaprogramar.com
Didáctica y divulgación de la programación

Noticias: