communauté

Apprendre

Bibliothèque d'outils

Outils d'IA

Loisirs

Français

Maison > interface Web > tutoriel HTML > Introduction à la balise table en HTML (avec code)

Introduction à la balise table

en HTML (avec code)

不言

Libérer： 2018-08-02 09:53:12

original

3371 Les gens l'ont consulté

Cet article vous présente l'introduction de la balise table

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

Chaque tableau comporte plusieurs lignes (définies par des balises

), et chaque ligne est divisée en plusieurs cellules (définies par des balises

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>≪/td>.

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>

Copier après la connexion

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!

Étiquettes associées：

表格标签<table>

Article précédent：html donne l'option label et ajoute le label (avec le code) Article suivant：À propos de l'utilisation des propriétés calculées dans Vue (avec code)

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

Derniers articles par auteur