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

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