Foros aprenderaprogramar.com

Aprender a programar => Aprender a programar desde cero => Mensaje iniciado por: KOFFERO en 20 de Septiembre 2017, 05:37

Título: HTML unir celdas tablas table, tr, th, td, colspan, rowspan y caption CU00719B
Publicado por: KOFFERO en 20 de Septiembre 2017, 05:37
Ejercicio CU00719B del tutorial pdf de programación web con HTML.

Citar
EJERCICIO

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). No te preocupes por el centrado de los textos, sino únicamente por que las subdivisiones en la tabla aparezcan correctamente.
(https://i.imgur.com/74Ka1bc.png)

El código HTML:
Código: [Seleccionar]
<!DOCTYPE html>
<html>
        <head>
        <title>Ejercicio CU00719B - aprenderaprogramar.com</title>
<meta charset="UTF-8" />
</head>
<body>
        <table border="1px">
       <tr>
         <th>Jefe departamento</th>
<th>Jefe sección</th>
<th>Empleado</th>
<th>Edad empleado</th>
   </tr>
   <tr>
        <td rowspan="2">Juan Alberto Chan</td>
        <td>Martín López</td>
        <td>Maite Suárez</td>
        <td>55</td>
   </tr>
   <tr>
        <td>Luis Moralez</td>
<td>Mateo Corralde</td>
<td>33</td>
   </tr>
   <tr>
        <td>Diana Rodríguez</td>
<td>Carlos Hernández</td>
<td>Alberto Fernández</td>
<td>62</td>
   </tr>
   <tr>
         <td colspan="2">Luis Pérez</td>
<td>Diego Gutiérrez</td>
<td>44</td>
   </tr>
</table>
</body>
</html>

Un saludo. :)
Título: Re:HTML unir celdas tablas table, tr, th, td, colspan, rowspan y caption CU00719B
Publicado por: Alex Rodríguez en 26 de Octubre 2017, 19:00
Hola Jorge,,, ejercicio correcto. Podría mejorarse la presentación pero como indicaba el ejercicio el objetivo era solo crear correctamente las divisiones de la tabla.

Saludos