Maison > interface Web > tutoriel HTML > Que savez-vous des attributs des tableaux HTML ? Venez en savoir plus ?

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

寻∝梦
Libérer: 2018-08-14 16:22:53
original
4104 Les gens l'ont consulté

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 :

Créer une ligne de tableau : < /tr>

Créer des colonnes (cellules) :

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 :

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

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

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>
Copier après la connexion

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 :

fonctionne de la même manière que
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.

< ;/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!

É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