Menu
Coddy logo textTech

Resumen - Tablas

Parte de la sección Fundamentals del Journey de HTML de Coddy — lección 51 de 60.

challenge icon

Desafío

Fácil

Crea un documento HTML que incluya una tabla con todos los elementos que hemos aprendido hasta ahora:

  1. Una etiqueta <table> para definir la tabla, con un atributo border establecido en "1" para visibilidad.
  2. Una etiqueta <caption> con el texto "Employee Information" para describir la tabla.
  3. Una fila de tabla (<tr>) para el encabezado con tres celdas de encabezado (<th>). El primer encabezado debe abarcar dos columnas y decir "Employee Details", el segundo debe decir "Department" y el tercero debe decir "Salary".
  4. Una fila de tabla (<tr>) con una celda de datos (<td>) que abarque dos filas y dos columnas y contenga el texto "John Doe", una celda de datos (<td>) que diga "Sales" y una celda de datos (<td>) que diga "$50,000".
  5. Otra fila de tabla (<tr>) con una celda de datos (<td>) que diga "Marketing" y una celda de datos (<td>) que diga "$60,000".
  6. Una fila de tabla final (<tr>) con una celda de datos (<td>) que abarque dos columnas que diga "Jane Smith", una celda de datos (<td>) que diga "IT" y una celda de datos (<td>) que diga "$70,000".

Pruébalo tú mismo

<!DOCTYPE html>
<html>
    <body>
        <!-- Escribe el código aquí -->
    </body>
</html>

Todas las lecciones de Fundamentals