Menu
CoddyTech

Récapitulatif - Tableaux

Fait partie de la section Fondamentaux du Journey HTML de Coddy. Leçon 51 sur 60.

challenge icon

Défi

Facile

Crée 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 le rendre visible.
  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 indiquer "Employee Details", le deuxième doit indiquer "Department" et le troisième "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 indique "Sales", et une cellule de données (<td>) qui indique "$50,000".
  5. Une autre ligne de tableau (<tr>) avec une cellule de données (<td>) qui indique "Marketing" et une cellule de données (<td>) qui indique "$60,000".
  6. Une dernière ligne de tableau (<tr>) avec une cellule de données (<td>) qui s'étend sur deux colonnes et indique "Jane Smith", une cellule de données (<td>) qui indique "IT", et une cellule de données (<td>) qui indique "$70,000".

Essayez vous-même

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

Toutes les leçons de Fondamentaux

Entraînez-vous par vous-même : Playground Web