Maison  >  Article  >  interface Web  >  Introduction à la balise table

en HTML (avec code)

Introduction à la balise table

en HTML (avec code)
不言
不言original
2018-08-02 09:53:123283parcourir

Cet article vous présente l'introduction de la balise table f5d188ed2c074f8b944552db028f98a1 en HTML (avec code). Elle a une certaine valeur de référence. Les amis dans le besoin peuvent s'y référer.

Tableau

Le tableau est défini par la balise f5d188ed2c074f8b944552db028f98a1

Chaque tableau comporte plusieurs lignes (définies par des balises a34de1251f0d9fe1e645927f19a896e8), et chaque ligne est divisée en plusieurs cellules (définies par des balises b6c5a531a458a2e790c1fd6421739d1c).

Les lettres td font référence aux données du tableau, c'est-à-dire au contenu des cellules de données.

Les cellules de données peuvent contenir du texte, des images, des listes, des paragraphes, des formulaires, des lignes horizontales, des tableaux, etc.

Par exemple, pour dessiner le tableau suivant :

Analyse : 1. Analysez les lignes, chaque ligne est une balise tr

2 . À partir de la première ligne, voyez combien de cellules il y a dans chaque ligne. Plusieurs cellules sont plusieurs balises td

 3. Si l'espace occupé est de 1 ligne et 1 colonne, omettez le numéro de ligne et lisez directement <. ; td>9dc2f854a9afb01a87fbb5f19b90539d.

Le code de l'image ci-dessus est le suivant

<body>
        <table width="400" height="400" border="2">
            <!-- 第1行 -->
            <tr>
                <td colspan="4" bgcolor="aqua"></td>
            </tr>
            <!-- 第2行 -->
            <tr>
                <td rowspan="4" bgcolor="antiquewhite"></td>
                <td colspan="3" bgcolor="antiquewhite"></td>
            </tr>
            <!-- 第3行 -->
            <tr>
                <td rowspan="3" bgcolor="aquamarine"></td>
                <td colspan="2" bgcolor="aquamarine"></td>
            </tr>
            <!-- 第4行 -->
            <tr>
                <td rowspan="2" bgcolor="bisque"></td>
                <td bgcolor="bisque"></td>
            </tr>
            <!-- 第5行 -->
            <tr>
                <td></td>
            </tr>
        </table>
    </body>

Articles connexes recommandés :

html donné les options de balise et ajouter des balises (avec code)

Qu'est-ce que la mise en page flexible ? Application de base de mise en page flexible flex (avec code)

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!

Déclaration:
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