Contenu du cours
HTML Ultime
HTML Ultime
Défi : Concevoir un Tableau HTML Fonctionnel
Objectif
Présenter les informations des employés dans un format de tableau structuré en utilisant les balises HTML appropriées pour créer des lignes et des colonnes.
Tâche
Créer un tableau avec trois colonnes : Nom, Poste et Salaire. Se concentrer sur l'utilisation des balises HTML appropriées pour remplir le tableau avec les lignes et colonnes correctes. Voici les données à inclure :
Nom : Emma Johnson | Poste : Associée commerciale | Salaire : 15,50 $ de l'heure .
Nom : Liam Thompson | Poste : Représentant du service client | Salaire : 14,75 $ de l'heure .
Nom : Olivia Rodriguez | Poste : Coordinatrice marketing | Salaire : 18,25 $ de l'heure .
Nom : Noah Smith | Poste : Spécialiste support informatique | Salaire : 20,00 $ de l'heure .
Nom : Ava Davis | Poste : Assistante administrative | Salaire : 16,80 $ de l'heure .
index.html
index.css
Utiliser la balise
table
pour définir l’élément conteneur principal du tableau.Utiliser la balise
thead
pour regrouper le contenu d’en-tête du tableau, tel que les titres de colonnes.Utiliser la balise
tr
pour définir une nouvelle ligne dans le tableau.Utiliser la balise
th
pour définir le texte d’en-tête de chaque colonne.Utiliser la balise
tbody
pour regrouper le contenu principal du tableau, qui inclut les lignes et les cellules de données.Utiliser la balise
td
pour définir les données ou le contenu réel de chaque cellule du tableau.
index.html
index.css
Merci pour vos commentaires !