HTML 30-day challenge - Día 19

Crea una tabla con información. Incluye una cabecera y un pie de tabla. La última columna será de un color diferente.

HTML

  
  <table>
    <thead>
      <tr>
        <th>Planeta</th>
        <th>Símbolo</th>
        <th>Imagen</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td>Mercurio</td>
        <td><img
        src="../../assets/img/simbols/Mercury_symbol.svg.png"
        alt="Símbolo de Mercurio"></td>
        <td><img
        src="../../assets/img/planets/50px-Mercury_in_color_-_Prockter07_centered.jpg"
        alt="Foto de Mercurio"></td>
      </tr>
      <tr>
        <td>Venus</td>
        <td><img
        src="../../assets/img/simbols/Venus_symbol.svg.png"
        alt="Símbolo de Venus"></td>
        <td><img
        src="../../assets/img/planets/Venus-real_color.jpg"
        alt="Foto de Venus"></td>
      </tr>
      <tr>
        <td>Tierra</td>
        <td><img
        src="../../assets/img/simbols/Earth_symbol.svg.png"
        alt="Símbolo de la Tierra"></td>
        <td><img
        src="../../assets/img/planets/Earth_Eastern_Hemisphere.jpg"
        alt="Foto de la Tierra"></td>
      </tr>
      <tr>
        <td>Marte</td>
        <td><img
        src="../../assets/img/simbols/Mars_symbol.svg.png"
        alt="Símbolo de Marte"></td>
        <td><img
        src="../../assets/img/planets/Mars_Valles_Marineris.jpeg"
        alt="Foto de Marte"></td>
      </tr>
      <tr>
        <td>Júpiter</td>
        <td><img
        src="../../assets/img/simbols/Jupiter_symbol.svg.png"
        alt="Símbolo de Júpiter"></td>
        <td><img
        src="../../assets/img/planets/Jupiter.jpg"
        alt="Foto de Júpiter"></td>
      </tr>
      <tr>
        <td>Saturno</td>
        <td><img
        src="../../assets/img/simbols/Saturn_symbol.svg.png"
        alt="Símbolo de Saturno"></td>
        <td><img
        src="../../assets/img/planets/Saturn_from_Cassini_Orbiter_(2004-10-06).jpg"
        alt="Foto de Saturno"></td>
      </tr>
      <tr>
        <td>Urano</td>
        <td><img
        src="../../assets/img/simbols/Uranus_monogram.svg.png"
        alt="Símbolo de Urano"></td>
        <td><img
        src="../../assets/img/planets/Uranus.jpg"
        alt="Foto de Urano"></td>
      </tr>
      <tr>
        <td>Neptuno</td>
        <td><img
        src="../../assets/img/simbols/Neptune_symbol.svg.png"
        alt="Símbolo de Neptuno"></td>
        <td><img
        src="../../assets/img/planets/Neptune.jpg"
        alt="Foto de Neptuno"></td>
      </tr>
    </tbody>
    <tfoot>
      <tr>
        <td>Footer 1</td>
        <td>Footer 2</td>
        <td>Footer 3</td>
      </tr>
    </tfoot>
  </table>
  

CSS

  
    table th:last-child {
      background-color: black;
    }
    
    table td {
      text-align: center;
    }
    
    table td:last-child {
      background-color: black;
    }
  
Día 18 Día 20
Planeta Símbolo Imagen
Mercurio Símbolo de Mercurio Foto de Mercurio
Venus Símbolo de Venus Foto de Venus
Tierra Símbolo de la Tierra Foto de la Tierra
Marte Símbolo de Marte Foto de Marte
Júpiter Símbolo de Júpiter Foto de Júpiter
Saturno Símbolo de Saturno Foto de Saturno
Urano Símbolo de Urano Foto de Urano
Neptuno Símbolo de Neptuno Foto de Neptuno
Footer 1 Footer 2 Footer 3