Menu
Coddy logo textTech

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éez un document HTML qui comprend 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 améliorer la visibilité.
  2. Une balise <caption> contenant 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 doit indiquer "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 votre code ici -->
    </body>
</html>

Toutes les leçons de Fondamentaux

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