HTML

Création de tableaux avec <table>.

Création de tableaux avec <table>


La balise <table> est utilisée pour créer des tableaux dans une page HTML. Elle permet de structurer les données tabulaires en lignes et colonnes. Voici comment l'utiliser :


1. Structure de base d'une table :


  • La balise <table> englobe toute la structure du tableau.
  • Chaque ligne de la table est définie par la balise <tr> (table row).
  • À l'intérieur de chaque ligne, les données sont définies par la balise <td> (table data).
  • Exemple :


<table>
  <tr>
    <td>Donnée 1</td>
    <td>Donnée 2</td>
    <td>Donnée 3</td>
  </tr>
  <tr>
    <td>Donnée 4</td>
    <td>Donnée 5</td>
    <td>Donnée 6</td>
  </tr>
</table>


2. Ajout d'en-têtes de colonnes avec <th> :


  • Pour définir des en-têtes de colonnes, utilisez la balise <th> (table header) à la place de <td>.
  • Cela permet de distinguer visuellement les en-têtes des autres données du tableau.
  • Exemple :


<table>
  <tr>
    <th>En-tête 1</th>
    <th>En-tête 2</th>
    <th>En-tête 3</th>
  </tr>
  <tr>
    <td>Donnée 1</td>
    <td>Donnée 2</td>
    <td>Donnée 3</td>
  </tr>
</table>


Conseils d'utilisation :


  • Utilisez <th> pour les en-têtes de colonnes et <td> pour les données normales.
  • Évitez d'utiliser les tableaux pour la mise en page, préférez les CSS pour cela.
  • Assurez-vous que vos tableaux ont une structure logique et cohérente pour une meilleure accessibilité.


Conclusion :


En utilisant la balise <table> avec les balises <tr>, <th> et <td> dans votre fichier HTML, vous pouvez créer facilement des tableaux pour afficher des données tabulaires de manière organisée et structurée. Assurez-vous d'utiliser ces balises de manière appropriée pour améliorer la lisibilité et l'accessibilité de votre contenu tabulaire.

294 vues
Modifié le 19 février 2024
Publicité Sitedudev
Cette pub permet au site de vivre ...
Publicité
Cette pub permet au site de vivre ...
Voir d'autres articles
1 905 vues
Création de tables avec PhpMyAdmin
1. Accéder à PhpMyAdmin :Ouvrez un navigateur web et accédez à l'URL où vous avez installé PhpMyAdmin sur votre serveur.2. Authentification :Connectez-vous à PhpMyAdmin en utilisant vos...
SQL
4 333 vues
Qu'est-ce que HTML ?
Cours sur HTML : Qu'est-ce que HTML ?HTML, ou HyperText Markup Language, est le langage de balisage standard utilisé pour créer des pages Web. Il fournit une structure de base pour organiser le...
HTML
528 vues
Qu'est-ce que PHP ?
Introduction à PHPPHP, acronyme de "Hypertext Preprocessor", est un langage de programmation côté serveur très populaire, principalement utilisé pour développer des sites Web dynamiques et...
PHP
1 510 vues
Personnaliser ses conversations
Dans cette dernière vidéo nous allons personnaliser notre messagerie ! 😎Pour cela nous allons donner l’aspect des conversations comme une messagerie de smartphone type Apple ou Samsung.Nous...
Créer son site de rencontres
2 879 vues
Comment faire connaitre son site ?
L'un des derniers points qui n'est pas sans conséquence est la promotion de son site après l'avoir mis en ligne sur un hébergeur (OVH, 1and1, Hostinger, etc.).L'une des questions que...
Créer son site
354 vues
Déclaration de fonctions
Les fonctions en PHP sont des blocs de code réutilisables qui effectuent une tâche spécifique. Elles permettent d'organiser le code en le divisant en tâches plus petites et plus gérables. Voici...
PHP
2 831 vues
Introduction à SQL
SQL, ou Structured Query Language, est un langage de programmation standard utilisé pour communiquer avec et manipuler des bases de données relationnelles. Il est largement utilisé dans le domaine...
SQL
177 vues
Vue d'ensemble de frameworks populaires comme React, Angular, et Vue.js
Vue d'ensemble des Frameworks Populaires : React, Angular et Vue.jsLes frameworks JavaScript tels que React, Angular et Vue.js sont largement utilisés pour le développement d'applications web...
JS
Publicité
Cette pub permet au site de vivre ...