Foros aprenderaprogramar.com

Aprender a programar => Aprender a programar desde cero => Mensaje iniciado por: Dan_SB en 04 de Mayo 2015, 05:44

Título: Ejemplo rowspan y colspan tablas HTML unir filas o columnas Ejercicio CU00719B
Publicado por: 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:

(http://i.imgur.com/n0mnLqN.png)


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
Título: Re:Ejemplo rowspan y colspan tablas HTML unir filas o columnas Ejercicio CU00719B
Publicado por: Alex Rodríguez 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