Utilisation du tableau en HTML

Les tableaux HTML sont un outil permettant d'organiser les données dans une structure de type grille, composée de lignes et de colonnes. Pour créer un tableau, vous devez utiliser la balise <table>, où <thead> et <tbody> représentent respectivement l'en-tête et le corps du tableau, <tr> td> représente respectivement l’en-tête et le corps du tableau. Les tableaux peuvent définir les bordures, l'espacement et la largeur.

Utilisation des tableaux HTML

Que sont les tableaux HTML ?

Les tableaux HTML sont utilisés pour organiser les données dans une structure semblable à une grille, et chaque grille est appelée une cellule. Les tableaux sont constitués de lignes et de colonnes, les lignes étant horizontales et les colonnes verticales.

Comment créer un tableau HTML

Pour créer un tableau en HTML, vous devez utiliser la balise <table> : <table> 标签：

<code class="html"><table>
  <thead>
    <tr><th>列标题 1</th><th>列标题 2</th></tr>
  </thead>
  <tbody>
    <tr><td>单元格 1</td><td>单元格 2</td></tr>
    <tr><td>单元格 3</td><td>单元格 4</td></tr>
  </tbody>
</table></code>

• <thead> 和 <tbody> 分别表示表头和表身。
• <tr> 表示行。
• <th> 表示表头单元格。
• <td>

  <code class="html"><table border="1" cellpadding="5">
    <tr><th>姓名</th><th>年龄</th></tr>
    <tr><td>张三</td><td>20</td></tr>
    <tr><td>李四</td><td>25</td></tr>
  </table></code>

<thead> code> et <tbody> représentent respectivement l'en-tête et le corps du tableau.

<tr> signifie ligne.

<th> représente la cellule d'en-tête.

• <td> représente la cellule du corps du tableau.
• Propriétés du tableau
• bordure : Contrôlez l'épaisseur de la bordure du tableau.
• cellspacing : Définissez l'espacement vertical entre les cellules.

cellpadding : Définissez l'espacement entre les éléments de la cellule et la bordure de la cellule.

width :
• Spécifiez la largeur du tableau.
• En-tête et corps du tableau

En-tête (<thead>) : Contient le titre ou l'étiquette de la colonne du tableau.

Corps du tableau (<tbody>) :
• Contient les données réelles du tableau.
• Cell Properties
• colspan: Spécifie le nombre de colonnes que s'étend la cellule.

rowspan : Spécifie le nombre de lignes que s'étend la cellule.

align :

Spécifiez l'alignement du texte dans la cellule. 🎜🎜🎜🎜Exemple🎜🎜🎜Voici un tableau simple avec bordures et rembourrage : 🎜rrreee

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!