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

Practica por tu cuenta: Playground de Web