Menu
Coddy logo textTech

Récapitulatif - Tableaux

Fait partie de la section Fundamentals du Journey HTML de Coddy — leçon 51 sur 60.

challenge icon

Défi

Facile

Créez un document HTML qui inclut un tableau avec tous les éléments que nous avons appris jusqu'à présent :

  1. Une balise <table> pour définir le tableau, avec un attribut border défini sur "1" pour la visibilité.
  2. Une balise <caption> avec le texte "Employee Information" pour décrire le tableau.
  3. Une ligne de tableau (<tr>) pour l'en-tête avec trois cellules d'en-tête (<th>). Le premier en-tête doit s'étendre sur deux colonnes et afficher "Employee Details", le deuxième doit afficher "Department", et le troisième doit afficher "Salary".
  4. Une ligne de tableau (<tr>) avec une cellule de données (<td>) qui s'étend sur deux lignes et deux colonnes et contient le texte "John Doe", une cellule de données (<td>) qui affiche "Sales", et une cellule de données (<td>) qui affiche "$50,000".
  5. Une autre ligne de tableau (<tr>) avec une cellule de données (<td>) qui affiche "Marketing" et une cellule de données (<td>) qui affiche "$60,000".
  6. Une dernière ligne de tableau (<tr>) avec une cellule de données (<td>) qui s'étend sur deux colonnes et affiche "Jane Smith", une cellule de données (<td>) qui affiche "IT", et une cellule de données (<td>) qui affiche "$70,000".

Essayez vous-même

<!DOCTYPE html>
<html>
    <body>
        <!-- Écrivez votre code ici -->
    </body>
</html>

Toutes les leçons de Fundamentals