Que savez-vous des attributs des tableaux HTML ? Venez en savoir plus ?

Que savez-vous des attributs des tableaux HTML ? Venez en savoir plus ? Les balises de tableau sont largement utilisées en HTML et sont faciles à utiliser pour les débutants. Cependant, certains attributs peuvent également améliorer considérablement la fonctionnalité des tableaux. Appliqué correctement, vous constaterez que cela rend vos pages claires et belles. Découvrons l'attribut de table HTML.

Qu'est-ce qu'un tableau et le rôle d'un tableau

Qu'est-ce qu'un tableau : il se compose de quelques boîtes rectangulaires appelées cellules disposées de gauche à droite et de haut en bas La fonction des tableaux

disposés ensemble dans l'ordre : afficher des informations dans une certaine structure.

Comment utiliser le tableau

Définir le tableau : f5d188ed2c074f8b944552db028f98a1f16b1740fad44fb09bfe928bcc527e08

Créer une ligne de tableau : a34de1251f0d9fe1e645927f19a896e85194ba175fd9c71e9a9f6e68244d73a8

Créer des colonnes (cellules) :b6c5a531a458a2e790c1fd6421739d1cb90dd5946f0946207856a8a37f441edf

Remarque : par défaut, le nombre de colonnes dans chaque ligne est uniforme.

Caractéristiques du tableau :

1. Ligne exclusive

2. Largeur adaptative (déterminée par le contenu)

tableau. Attributs de la table :

f5d188ed2c074f8b944552db028f98a1 Attributs

• largeur : définir la largeur du tableau

• hauteur : définir la hauteur du tableau

• align : Définit l'alignement horizontal du tableau dans son élément parent, valeurs : gauche, centre, droite

• border : Bordure, largeur de bordure, valeur en px, px peut être omis

• cellpadding : marge intérieure de la cellule

• cellule La distance entre la bordure de la cellule et le contenu

• espacement des cellules : marges des cellules

•                                                                                                                                                                                                Distance entre

• bgcolor : Couleur d'arrière-plan

a34de1251f0d9fe1e645927f19a896e8 Attributs

• 1 .align : L'alignement horizontal du contenu de cette ligne

• 2.valign : L'alignement vertical du contenu de cette ligne, valeurs : top, middle, bottom

• 3.bgcolor La couleur du texte de cette ligne

b6c5a531a458a2e790c1fd6421739d1c Attributs

• largeur

• hauteur

• align

• valign

• bgcolor

• colspan définit les cellules pour qu'elles s'étendent sur les colonnes

• rowspan définit les cellules pour s'étendre sur les lignes

3 Autres balises dans le tableau

1.63bd76834ec05ac1f4c0ebbeaafb099437eb775bb5a9e6f3d094e96a76117fe8

Fonction : Définir le titre du tableau

Position : Afficher au centre directement au dessus du tableau

                              <table>
                 <caption>标题</caption>
                 <tr>
                    <td></td>
                     <td></td>
                 </tr>
               </table>

2. Titre de ligne ou titre de colonne

Titre de colonne : Chaque colonne de la première ligne, en gras, affichage de l'effet centré horizontalement

Titre de la ligne : La première colonne de chaque ligne, ajoutez un affichage d'effet épais et centré horizontalement

Ligne (colonne) title :b4d429308760b6c2d20d6300079ed38e01c3ce868d2b3d9bce8da5c1b7e41e5b

b4d429308760b6c2d20d6300079ed38e01c3ce868d2b3d9bce8da5c1b7e41e5b fonctionne de la même manière queb6c5a531a458a2e790c1fd6421739d1c< ;/td>Exactement la même chose

fusion de bordure de table :

Attribut : border-collapse

Valeur :

1.separate Valeur par défaut, mode bordure séparée

2.collapse mode de fusion des bordures

marge de bordure de tableau :

1. Fonction : définir les cellules adjacentes La distance entre les bordures (similaire à l'espacement des cellules)

2. : border-spacing

Valeur :

1. Prendre 1 valeur : représente l'espacement horizontal et vertical Égal <.> 2. Prendre 2 valeurs : L'espacement horizontal de la première valeur

L'espacement vertical représente la deuxième valeur

entre deux valeurs est séparé par un espace Ouvert

3 Exigences

border-collapse doit être séparé<.>

Il doit être valide en mode bordure séparée

Masquer l'effet d'affichage :

Attribut : visibilité:collap:se

Utilisé sur éléments de tableau pour supprimer une ligne ou une colonne sans affecter toute la disposition du tableau

[Recommandations associées]

Éléments de base du HTML, vous permettant d'apprendre le HTML à partir de zéro

Qu'est-ce qu'un fichier HTML ? Une compréhension préliminaire des fichiers HTML

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!