简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Maison > interface Web > tutoriel HTML > le corps du texte

Introduction à la balise table en HTML (avec code)
不言
Libérer： 2018-08-02 09:53:12
original
3250 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>
source：php.cn
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
Derniers numéros
Pourquoi ma balise hr est-elle translucide lorsqu'elle est définie sur une couleur blanche unie ? J'ai un HTML (avec bootstrap) et un CSS, dans mon HTML j'ai une balise <hr> qui a un...
Depuis 2024-04-06 16:13:26
0
1
500
Comment restituer les données via DOM au lieu de via une table J'ai une question sur une application que je crée, j'utilise une base de données Oracle et...
Depuis 2024-04-04 18:17:27
0
1
3567
Comment écouter des événements de clic spécifiques mais en supprimer d'autres ? Mon application Web contient un tableau HTML dans lequel chaque ligne renvoie à une URL sp...
Depuis 2024-04-04 16:55:27
0
1
317
Titre du tableau pivoté verticalement, centré + aligné en bas, multi-navigateur J'ai un tableau avec des en-têtes pivotés qui ressemble à prévu dans Chrome, mais pas dans...
Depuis 2024-04-04 16:45:25
0
1
330
Assurez-vous que le conteneur de la cellule du tableau remplit toute la hauteur du parent J'essaie d'aligner verticalement le contenu sans utiliser Flexbox, car il y a quelques pro...
Depuis 2024-04-04 16:03:18
0
1
404
Rubriques connexes
Plus>
Recommandations populaires
Tutoriels populaires
Plus>
Tutoriels associés
Recommandations populaires
Derniers cours
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois：Formation PHP en ligne sur le bien-être public，Aidez les apprenants PHP à grandir rapidement！