Récapitulatif - Tableaux
Fait partie de la section Fondamentaux du Journey HTML de Coddy. Leçon 51 sur 60.
Défi
FacileCréez un document HTML qui comprend un tableau avec tous les éléments que nous avons appris jusqu’à présent :
- Une balise
<table>pour définir le tableau, avec un attributborderdéfini sur "1" pour améliorer la visibilité. - Une balise
<caption>contenant le texte "Employee Information" pour décrire le tableau. - 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". - 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". - 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". - 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
1Les bases du HTML
Qu'est-ce que le HTML ?Structure de base du HTMLBalises et élémentsImbrication et fermeture des balisesCommentaires en HTML7Page de profil personnel
Présentation du projetSection d'en-tête10Tableaux
Bases des tableauxAjouter des légendesFusionner des lignes et des colonnesRécapitulatif - Tableaux2Texte et mise en forme
TitresParagraphesSauts de ligneTexte en gras et italiqueGras et italique (suite)Récapitulatif - Mise en forme8Formulaires et champs de saisie, partie 1
Bases des formulairesChamps de texteAttributs des champsChamp de mot de passeLibellés pour les champsRécapitulatif - Formulaire de base11Page d'inscription à un événement
Aperçu du projetSection d'en-tête3Travailler avec les listes
Liste non ordonnéeListe ordonnéeListes imbriquéesRécapitulatif - Les listes6Mise en page
DivisionsSpans en ligneBalises sémantiquesSections et articlesRécapitulatif - Mise en pageEntraînez-vous par vous-même : Playground Web