Maison > interface Web > tutoriel HTML > A quoi sert l'attribut cellpacing de la balise table ? Un article pour vous faire comprendre la propriété cellpacing

A quoi sert l'attribut cellpacing de la balise table ? Un article pour vous faire comprendre la propriété cellpacing

寻∝梦
Libérer: 2018-08-31 11:45:32
original
9161 Les gens l'ont consulté

Cet article présente principalement des exemples du rôle de l'attribut Cellpacing des balises de tableau HTML et utilise des exemples pour analyser les valeurs et les spécifications syntaxiques de l'attribut Cellpacing des balises de tableau HTML. Jetons ensuite un coup d'œil à cet article

Tout d'abord, jetons un coup d'œil à l'utilisation de l'attribut cellpacing de la balise table HTML table :

L'attribut cellpacing spécifie le nombre de cellules séparées par l'espace.

Remarque : Ne confondez pas cet attribut avec l'attribut cellpadding, qui spécifie l'espace entre le bord de la cellule et le contenu de la cellule.

Valeur de l'attribut Cellpacing :

pixels : Spécifie l'espace entre les cellules.

Regardons un exemple ci-dessous :

L'exemple suivant définit l'espacement des cellules du tableau à 20 pixels :

<table border="5" cellspacing="20">
  <tr>
    <th>表头</th>
    <th>表头1</th>
  </tr>
  <tr>
    <td>PHP中文网</td>
    <td>200</td>
  </tr>
</table>
Copier après la connexion

Je mets l'espacement des cellules défini la valeur de l'attribut à 20, voyons l'effet :

A quoi sert lattribut cellpacing de la balise table ? Un article pour vous faire comprendre la propriété cellpacing

Cette image est également très claire, mais pour une meilleure observation, prenons un autre exemple :

<html>
   <head>
       <title>php中文网</title>       
    </head>
    <meta charset="utf-8">
    <body>
        <table border="5" cellspacing="20" width="300">
        <tr>
        <td>11</td>
                <td>12</td>
                <td>13</td>
        </tr>
        <tr>
        <td>21</td>
                <td>22</td>
                <td>23</td>
        </tr>
         </table>
    </body>
</html>
Copier après la connexion

Jetons maintenant un coup d'œil à l'effet :

A quoi sert lattribut cellpacing de la balise table ? Un article pour vous faire comprendre la propriété cellpacing

Cet effet est-il très évident ? L'espacement des cellules est fixé à 20 pixels et la largeur est également élargie. , c'est clair quand on le regarde de cette façon.

Résumé de l'attribut Cellpacing de la balise HTML table :

C'est ainsi que l'attribut Cellpacing de la balise Table est utilisé. Normalement, nous utilisons des tableaux pour le créer. mieux paraître, vous devez utiliser l'attribut Cellpacing. Cet attribut est bien meilleur pour remplir la boîte intérieure que pour la remplir avec d'autres éléments. Bien que le HTML5 actuel ne prenne pas en charge cet attribut, dans la vie quotidienne, ce n'est pas du HTML, je préfère toujours cela. . attribut.

D'accord, cet article se termine ici (si vous souhaitez en savoir plus, bienvenue sur le site Web PHP chinois, où vous trouverez des didacticiels en ligne gratuits pour tous les langages de programmation que vous souhaitez apprendre.), si vous avez des questions, vous pouvez les laisser ci-dessous le message.

[Recommandation de l'éditeur]

Résumé en deux points de la différence entre la balise d'en-tête html et la balise de pied de page (avec des exemples de différences d'éléments)

La balise bouton HTML comporte-t-elle un lien hypertexte ? Voici un exemple de définition d'un lien hypertexte avec la balise bouton

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal