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;
    }