Contenu

• Pas
• Conseils
• Avertissements

Il est assez difficile de créer un tableau en HTML. Mais avec les étapes décrites dans cet article, vous devriez pouvoir en créer un pour votre site.

Pas

1. 1 Ouvrez un programme de traitement de texte simple comme le Bloc-notes ou WordPad sous Windows, ou sur Mac, ouvrez TextEdit.
2. 2 Entrez tout le texte que vous voulez voir devant le tableau.
3. 3 Définissez l'utilisation d'un tableau pour un document HTML en saisissant la balise table>.
   
   
4. 4 Appuyez sur Entrée.
   
   
5. 5 Saisissez la balise d'ouverture du tableau de lignes à l'aide de la balise tr>.
6. 6N'oubliez pas de construire tous les éléments restants de gauche à droite.
7. 7 Appuyez sur Entrée.
8. 8 Saisissez une balise de début pour l'en-tête du tableau à l'aide de la balise th>.
9. 9 Saisissez le titre que vous souhaitez utiliser pour la première colonne.
10. 10 Saisissez une balise de fermeture pour l'élément d'en-tête du tableau à l'aide de la balise / th>.
11. 11 Appuyez sur Entrée.
12. 12 Répétez les étapes (organisation des éléments en colonnes de gauche à droite).
13. 13 Fermez cette ligne en saisissant la balise /tr>.
14. 14 Appuyez sur Entrée.
15. 15 Commencez une autre ligne avec une autre balise tr>.
16. 16 Appuyez sur Entrée.
17. 17 Saisissez la balise de données de table à l'aide de la balise td>.
18. 18 Saisissez les données du tableau que vous souhaitez inclure dans chaque champ.
19. 19Travaillez de gauche à droite, en remplissant les données des colonnes ci-dessus.
20. 20 Fermez chaque entrée avec la balise / td>.
21. 21 Répétez l'opération pour toutes les données de table que vous avez.
    • Pour les cellules où vous n'avez rien à saisir, saisissez td> et td> et rien entre les deux. Cela sera très utile pour les champs entre deux autres champs.
22. 22 Fermez chaque ligne avec une autre balise /tr>.
23. 23 Répétez chaque ligne vers le bas en plus des lignes tr> et / td> jusqu'à ce que chaque ligne soit assemblée.
24. 24 Fermez le tableau avec la balise /table>.
25. 25 Entrez le texte HTML suivant dont vous avez besoin pour le reste du document.

Conseils

• Indentez à partir de chaque ligne afin que vous puissiez comprendre ce que vous essayez de faire dans votre code.

Avertissements

• Si vous entrez accidentellement trop de colonnes de données où il n'y a pas d'en-tête de tableau, elles seront toujours affichées, mais elles auront l'air un peu ridicules et le lecteur ne comprendra pas à quoi servent ces informations.
• Construire des tableaux sur une page HTML est un processus difficile à comprendre. Tout d'abord, entraînez-vous sur les données externes pour voir à quoi elles ressemblent, puis parcourez et placez la nouvelle table à sa place.
• Il est préférable de laisser le code du tableau HTML aux codeurs HTML avancés. Cependant, après avoir suivi ces instructions, vous deviendrez également l'un d'entre eux.