Récapitulatif - Tableaux
Fait partie de la section Fundamentals du Journey HTML de Coddy — leçon 51 sur 60.
Défi
FacileCréez un document HTML qui inclut 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 la visibilité. - Une balise
<caption>avec 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 afficher "Employee Details", le deuxième doit afficher "Department", et le troisième doit afficher "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 affiche "Sales", et une cellule de données (<td>) qui affiche "$50,000". - 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". - 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
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 page