Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Apprendre Défi : Concevoir un Tableau HTML Fonctionnel | Travail avec les Médias et les Tableaux
HTML Ultime
course content

Contenu du cours

HTML Ultime

HTML Ultime

1. Compréhension du Développement Web
2. Balises et Attributs HTML
3. Structure d'un Document HTML
4. Travail avec les Médias et les Tableaux

book
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 :

  1. Nom : Emma Johnson | Poste : Associée commerciale | Salaire : 15,50 $ de l'heure .

  2. Nom : Liam Thompson | Poste : Représentant du service client | Salaire : 14,75 $ de l'heure .

  3. Nom : Olivia Rodriguez | Poste : Coordinatrice marketing | Salaire : 18,25 $ de l'heure .

  4. Nom : Noah Smith | Poste : Spécialiste support informatique | Salaire : 20,00 $ de l'heure .

  5. Nom : Ava Davis | Poste : Assistante administrative | Salaire : 16,80 $ de l'heure .

html

index.html

css

index.css

copy
  1. Utiliser la balise table pour définir l’élément conteneur principal du tableau.

  2. Utiliser la balise thead pour regrouper le contenu d’en-tête du tableau, tel que les titres de colonnes.

  3. Utiliser la balise tr pour définir une nouvelle ligne dans le tableau.

  4. Utiliser la balise th pour définir le texte d’en-tête de chaque colonne.

  5. Utiliser la balise tbody pour regrouper le contenu principal du tableau, qui inclut les lignes et les cellules de données.

  6. Utiliser la balise td pour définir les données ou le contenu réel de chaque cellule du tableau.

html

index.html

css

index.css

copy
Tout était clair ?

Comment pouvons-nous l'améliorer ?

Merci pour vos commentaires !

Section 4. Chapitre 8

Demandez à l'IA

expand
ChatGPT

Posez n'importe quelle question ou essayez l'une des questions suggérées pour commencer notre discussion

course content

Contenu du cours

HTML Ultime

HTML Ultime

1. Compréhension du Développement Web
2. Balises et Attributs HTML
3. Structure d'un Document HTML
4. Travail avec les Médias et les Tableaux

book
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 :

  1. Nom : Emma Johnson | Poste : Associée commerciale | Salaire : 15,50 $ de l'heure .

  2. Nom : Liam Thompson | Poste : Représentant du service client | Salaire : 14,75 $ de l'heure .

  3. Nom : Olivia Rodriguez | Poste : Coordinatrice marketing | Salaire : 18,25 $ de l'heure .

  4. Nom : Noah Smith | Poste : Spécialiste support informatique | Salaire : 20,00 $ de l'heure .

  5. Nom : Ava Davis | Poste : Assistante administrative | Salaire : 16,80 $ de l'heure .

html

index.html

css

index.css

copy
  1. Utiliser la balise table pour définir l’élément conteneur principal du tableau.

  2. Utiliser la balise thead pour regrouper le contenu d’en-tête du tableau, tel que les titres de colonnes.

  3. Utiliser la balise tr pour définir une nouvelle ligne dans le tableau.

  4. Utiliser la balise th pour définir le texte d’en-tête de chaque colonne.

  5. Utiliser la balise tbody pour regrouper le contenu principal du tableau, qui inclut les lignes et les cellules de données.

  6. Utiliser la balise td pour définir les données ou le contenu réel de chaque cellule du tableau.

html

index.html

css

index.css

copy
Tout était clair ?

Comment pouvons-nous l'améliorer ?

Merci pour vos commentaires !

Section 4. Chapitre 8
Nous sommes désolés de vous informer que quelque chose s'est mal passé. Qu'est-il arrivé ?
some-alt