## 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éez un tableau avec trois colonnes : **Nom**, **Poste** et **Salaire**. Concentrez-vous sur l'utilisation des balises HTML appropriées pour remplir le tableau avec les bonnes lignes et colonnes.
Voici les données à inclure :
1. Nom : **Emma Johnson** | Poste : **Vendeur(se) Associé(e)** | Salaire : **15,50 $ par heure**.
2. Nom : **Liam Thompson** | Poste : **Représentant du Service Client** | Salaire : **14,75 $ par heure**.
3. Nom : **Olivia Rodriguez** | Poste : **Coordinateur(trice) Marketing** | Salaire : **18,25 $ par heure**.
4. Nom : **Noah Smith** | Poste : **Spécialiste Support IT** | Salaire : **20,00 $ par heure**.
5. Nom : **Ava Davis** | Poste : **Assistant(e) Administratif(ve)** | Salaire : **16,80 $ par heure**.


PCFET0NUWVBFIGh0bWw+CjxodG1sIGxhbmc9ImVuIj4KICA8aGVhZD4KICAgIDxsaW5rIHJlbD0ic3R5bGVzaGVldCIgaHJlZj0iaW5kZXguY3NzIiAvPgogIDwvaGVhZD4KICA8Ym9keT4KICAgIDx0YWJsZT4KICAgICAgPCEtLSBUYWJsZSBoZWFkZXI6IERlZmluZXMgdGhlIGNvbHVtbiBoZWFkaW5ncyAtLT4KICAgICAgPHRoZWFkPgogICAgICAgIDx0cj4KICAgICAgICAgIDx0aD5fX188L3RoPgogICAgICAgICAgPHRoPlBvc2l0aW9uPC90aD4KICAgICAgICAgIDxfX18+V2FnZTwvX19fPgogICAgICAgIDwvdHI+CiAgICAgIDwvdGhlYWQ+CgogICAgICA8IS0tIFRhYmxlIGJvZHk6IENvbnRhaW5zIGRhdGEgZm9yIGVhY2ggZW1wbG95ZWUgLS0+CiAgICAgIDx0Ym9keT4KICAgICAgICA8IS0tIFJvdyAxIC0tPgogICAgICAgIDx0cj4KICAgICAgICAgIDx0ZD5FbW1hIEpvaG5zb248L3RkPgogICAgICAgICAgPHRkPl9fXzwvdGQ+CiAgICAgICAgICA8dGQ+JDE1LjUwIHBlciBob3VyPC90ZD4KICAgICAgICA8L3RyPgogICAgICAgIDwhLS0gUm93IDIgLS0+CiAgICAgICAgPHRyPgogICAgICAgICAgPF9fXz5MaWFtIFRob21wc29uPC9fX18+CiAgICAgICAgICA8dGQ+Q3VzdG9tZXIgU2VydmljZSBSZXByZXNlbnRhdGl2ZTwvdGQ+CiAgICAgICAgICA8dGQ+JDE0Ljc1IHBlciBob3VyPC90ZD4KICAgICAgICA8L3RyPgogICAgICAgIDwhLS0gUm93IDMgLS0+CiAgICAgICAgPF9fXz4KICAgICAgICAgIDx0ZD5PbGl2aWEgUm9kcmlndWV6PC90ZD4KICAgICAgICAgIDx0ZD5NYXJrZXRpbmcgQ29vcmRpbmF0b3I8L3RkPgogICAgICAgICAgPHRkPiQxOC4yNSBwZXIgaG91cjwvdGQ+CiAgICAgICAgPC9fX18+CiAgICAgICAgPCEtLSBSb3cgNCAtLT4KICAgICAgICA8dHI+CiAgICAgICAgICA8dGQ+Tm9haCBTbWl0aDwvdGQ+CiAgICAgICAgICA8dGQ+SVQgU3VwcG9ydCBTcGVjaWFsaXN0PC90ZD4KICAgICAgICAgIF9fXwogICAgICAgIDwvdHI+CiAgICAgICAgPCEtLSBSb3cgNSAtLT4KICAgICAgICA8dHI+CiAgICAgICAgICA8dGQ+QXZhIERhdmlzPC90ZD4KICAgICAgICAgIF9fXwogICAgICAgICAgPHRkPiQxNi44MCBwZXIgaG91cjwvdGQ+CiAgICAgICAgPC90cj4KICAgICAgPC90Ym9keT4KICAgIDwvdGFibGU+CiAgPC9ib2R5Pgo8L2h0bWw+

LyogCiAgV2UgY29sbGFwc2UgdGhlIGJvcmRlcnMgb2YgZWFjaCBjZWxsLiAKICBCeSBkZWZhdWx0LCBlYWNoIGNlbGwgaGFzIGl0cyBvd24gYm9yZGVycyAKICB3aGljaCBhcmUgbm90IGNvbm5lY3RlZC4KKi8KdGFibGUgewogIGJvcmRlci1jb2xsYXBzZTogY29sbGFwc2U7CiAgbWFyZ2luOiAwIGF1dG87CiAgbWFyZ2luLXRvcDogMzBweDsKICBmb250LWZhbWlseTogQXJpYWwsIHNhbnMtc2VyaWY7Cn0KCi8qIAogIEFkZCBhIGJvcmRlciBhbmQgcGFkZGluZyB0byB0aGUgY2VsbHMsIAogIHRoZSBkaXN0YW5jZSBmcm9tIHRoZSBjb250ZW50IHRvIHRoZSBib3JkZXIuCiovCnRhYmxlIHRoLAp0YWJsZSB0ZCB7CiAgcGFkZGluZzogMTBweDsKICBib3JkZXI6IDNweCBzb2xpZCAjZmY4YTAwOwogIHRleHQtYWxpZ246IGNlbnRlcjsKfQoKLyogU3R5bGUgZm9yIHRhYmxlIGhlYWRlciByb3cgKi8KdGhlYWQgdGggewogIGJhY2tncm91bmQtY29sb3I6ICNmMmYyZjI7CiAgZm9udC13ZWlnaHQ6IGJvbGQ7CiAgdGV4dC10cmFuc2Zvcm06IHVwcGVyY2FzZTsKfQoKLyogQWx0ZXJuYXRlIHJvdyBiYWNrZ3JvdW5kIGNvbG9yICovCnRib2R5IHRyOm50aC1jaGlsZChldmVuKSB7CiAgYmFja2dyb3VuZC1jb2xvcjogI2YyZjJmMjsKfQoKLyogSG92ZXIgZWZmZWN0IG9uIHRhYmxlIHJvd3MgKi8KdGJvZHkgdHI6aG92ZXIgewogIGJhY2tncm91bmQtY29sb3I6ICNmZmQ2OTk7Cn0KCi8qIFRleHQgc3R5bGluZyBmb3IgY2VsbHMgKi8KdGFibGUgdGggewogIGZvbnQtc2l6ZTogMTZweDsKICBjb2xvcjogIzMzMzsKfQoKdGFibGUgdGQgewogIGZvbnQtc2l6ZTogMTRweDsKICBjb2xvcjogIzU1NTsKfQoKLyogRW1waGFzaXplIHdhZ2UgKi8KdGFibGUgdGQ6bnRoLWNoaWxkKDMpIHsKICBmb250LXdlaWdodDogYm9sZDsKICBjb2xvcjogI2ZmOGEwMDsKfQ==

1. Utilisez la balise `table` pour définir l'élément conteneur principal du tableau.
2. Utilisez la balise `thead` pour regrouper le contenu de l'en-tête du tableau, comme les en-têtes de colonne.
3. Utilisez la balise `tr` pour définir une nouvelle ligne dans le tableau.
4. Utilisez la balise `th` pour définir le texte d'en-tête pour chaque colonne.
5. Utilisez la balise `tbody` pour regrouper le contenu principal du tableau, qui comprend les lignes et les cellules de données.
6. Utilisez la balise `td` pour définir les données ou le contenu réel dans chaque cellule du tableau.

PCFET0NUWVBFIGh0bWw+CjxodG1sIGxhbmc9ImVuIj4KICA8aGVhZD4KICAgIDxsaW5rIHJlbD0ic3R5bGVzaGVldCIgaHJlZj0iaW5kZXguY3NzIiAvPgogIDwvaGVhZD4KICA8Ym9keT4KICAgIDx0YWJsZT4KICAgICAgPCEtLSBUYWJsZSBoZWFkZXI6IERlZmluZXMgdGhlIGNvbHVtbiBoZWFkaW5ncyAtLT4KICAgICAgPHRoZWFkPgogICAgICAgIDx0cj4KICAgICAgICAgIDx0aD5OYW1lPC90aD4KICAgICAgICAgIDx0aD5Qb3NpdGlvbjwvdGg+CiAgICAgICAgICA8dGg+V2FnZTwvdGg+CiAgICAgICAgPC90cj4KICAgICAgPC90aGVhZD4KCiAgICAgIDwhLS0gVGFibGUgYm9keTogQ29udGFpbnMgZGF0YSBmb3IgZWFjaCBlbXBsb3llZSAtLT4KICAgICAgPHRib2R5PgogICAgICAgIDwhLS0gUm93IDEgLS0+CiAgICAgICAgPHRyPgogICAgICAgICAgPHRkPkVtbWEgSm9obnNvbjwvdGQ+CiAgICAgICAgICA8dGQ+U2FsZXMgQXNzb2NpYXRlPC90ZD4KICAgICAgICAgIDx0ZD4kMTUuNTAgcGVyIGhvdXI8L3RkPgogICAgICAgIDwvdHI+CiAgICAgICAgPCEtLSBSb3cgMiAtLT4KICAgICAgICA8dHI+CiAgICAgICAgICA8dGQ+TGlhbSBUaG9tcHNvbjwvdGQ+CiAgICAgICAgICA8dGQ+Q3VzdG9tZXIgU2VydmljZSBSZXByZXNlbnRhdGl2ZTwvdGQ+CiAgICAgICAgICA8dGQ+JDE0Ljc1IHBlciBob3VyPC90ZD4KICAgICAgICA8L3RyPgogICAgICAgIDwhLS0gUm93IDMgLS0+CiAgICAgICAgPHRyPgogICAgICAgICAgPHRkPk9saXZpYSBSb2RyaWd1ZXo8L3RkPgogICAgICAgICAgPHRkPk1hcmtldGluZyBDb29yZGluYXRvcjwvdGQ+CiAgICAgICAgICA8dGQ+JDE4LjI1IHBlciBob3VyPC90ZD4KICAgICAgICA8L3RyPgogICAgICAgIDwhLS0gUm93IDQgLS0+CiAgICAgICAgPHRyPgogICAgICAgICAgPHRkPk5vYWggU21pdGg8L3RkPgogICAgICAgICAgPHRkPklUIFN1cHBvcnQgU3BlY2lhbGlzdDwvdGQ+CiAgICAgICAgICA8dGQ+JDIwLjAwIHBlciBob3VyPC90ZD4KICAgICAgICA8L3RyPgogICAgICAgIDwhLS0gUm93IDUgLS0+CiAgICAgICAgPHRyPgogICAgICAgICAgPHRkPkF2YSBEYXZpczwvdGQ+CiAgICAgICAgICA8dGQ+QWRtaW5pc3RyYXRpdmUgQXNzaXN0YW50PC90ZD4KICAgICAgICAgIDx0ZD4kMTYuODAgcGVyIGhvdXI8L3RkPgogICAgICAgIDwvdHI+CiAgICAgIDwvdGJvZHk+CiAgICA8L3RhYmxlPgogIDwvYm9keT4KPC9odG1sPg==

Apprenez les bases du HTML (HyperText Markup Language), le fondement du développement web. Ce cours convivial pour les débutants couvre les balises, les attributs, les éléments et la structuration des pages web. Acquérez des compétences pratiques dans la création de titres, de paragraphes, de listes, d'images, de liens, de formulaires et de tableaux. Explorez les meilleures pratiques, l'optimisation et l'accessibilité web. Commencez votre parcours de développement web avec HTML.

Explorez le fonctionnement interne du web. Apprenez comment les données circulent à travers les réseaux, découvrez le rôle des protocoles et démêlez les mystères des adresses IP et des noms de domaine. Acquérez une compréhension approfondie de la manière dont les navigateurs web et les serveurs communiquent pour fournir du contenu web.

Découvrez le pouvoir des balises pour structurer le contenu, des titres et paragraphes aux listes et tableaux. Apprenez à améliorer les éléments avec des attributs.

Le cœur de la structure d'un document HTML. Apprenez les composants d'un document HTML, y compris la déclaration doctype, l'en-tête et le corps. Comprenez le but de chaque élément et comment ils contribuent à la structure globale d'une page web.

Rendez une page web plus attrayante à l'aide de médias tels que des images, de l'audio et de la vidéo. Travaillez avec des données tabulaires structurées sous forme de tableaux.

Explorez la polyvalence des formulaires HTML. Apprenez à concevoir des formulaires intuitifs et conviviaux en exploitant des concepts et techniques clés. Découvrez comment les formulaires permettent l'interaction utilisateur et la soumission de données sur les sites web.

HTML Ultime

Défi : Tableaux

Objectif

Tâche