Foros aprenderaprogramar.com

Aprender a programar => Aprender a programar desde cero => Mensaje iniciado por: hymsoft en 07 de Agosto 2016, 06:25

Título: Unir celdas en horizontal o en vertical colspan rowspan tablas HTML (CU00719B)
Publicado por: hymsoft en 07 de Agosto 2016, 06:25
Seguimos avanzando, aqui mi solución para el ejercicio CU00719B del tutorial básico de desarrollo web con HTML desde cero.

Saludos!!!!!

Código: [Seleccionar]
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Resolución ejercicio CU007198 - Hugo Segura</title>
  </head>
  <body>
    <h1 style="text-align:center">Resolución ejercicio CU00719B</h1>
    <hr>
    <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 Morales</td>
        <td>Mateo Carralde</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>
Título: Re:Unir celdas en horizontal o en vertical colspan rowspan tablas HTML (CU00719B)
Publicado por: Ogramar en 10 de Agosto 2016, 15:17
Buenas el ejercicio bien, se podría mejorar la apariencia de la tabla con el centrado de textos, márgenes interiores, etc. Todo esto se ve en el curso de CSS así que no comentaré aquí nada sobre esto.

Salu2