Tout ce que vous devez savoir sur les tableaux HTML

Cet article vous fournira une connaissance détaillée et complète des tableaux HTML. Les différentes balises et mises en forme qui peuvent être effectuées.

Depuis la création technologique, une table est un moyen courant de stocker et de visualiser des données. Il est utilisé dans presque tous les domaines pour présenter des informations textuelles et des données numériques dans lesquelles vous pouvez facilement comparer deux éléments ou plus. Dans cet article, je discuterai Tableaux dans l'ordre suivant:



Qu'est-ce qu'un tableau HTML?

En termes simples, une table est une collection de données connexes qui se compose de lignes et de colonnes. Maintenant, comme nous le savons, HTML est un langage de balisage standard pour créer des pages Web et les afficher dans un navigateur Web. Ainsi, créer et travailler avec des tableaux devient une sous-compétence importante pour maîtriser le HTML. Dans ce blog, nous allons apprendre à travailler avec des tableaux en HTML.



HTML5
Pour définir un tableau HTML, nous utilisons

marque. À l'intérieur
balise, vous définissez d'abord les lignes du tableau avec marque. Ensuite, vous définissez les en-têtes de tableau dans Les balises contiennent le corps du tableau.

Tableau HTML avec en-tête, pied de page et corps
marque. Les données ou la cellule du tableau sont définies à l'aide de marque.

Balises de table HTML

Regardons d'abord la liste des balises HTML utilisées pour créer des tableaux. Plus tard, dans ce blog, nous apprendrons comment les utiliser à l'aide d'exemples.



  • :Utilisé pour définir une table
  • :Utilisé pour définir une ligne dans une table
  • : Utilisé pour regrouper le contenu du corps dans un tableau
  • : Utilisé pour regrouper le contenu du pied de page dans un tableau
  • Examinons maintenant l'exemple de code HTML pour créer un tableau.

     
    : Utilisé pour définir une cellule d'en-tête dans un tableau
  • : Utilisé pour définir une cellule dans un tableau
  • : Utilisé pour définir la légende d'un tableau
  • : Utilisé pour spécifier un groupe d'une ou plusieurs colonnes dans un tableau pour la mise en forme
  • : Utilisé pour spécifier les propriétés de colonne pour chaque colonne dans un élément
  • : Utilisé pour regrouper le contenu de l'en-tête dans un tableau
  • Nom Âge
    Abhishek 18
    Bob 2. 3

    Production:



    Variations du tableau HTML

    • Attributs Cellpadding et Cellspacing

    Il existe deux attributs appelés cellpadding et cellspacing que vous pouvez utiliser pour ajuster l'espace blanc dans les cellules de votre tableau. L'attribut cellspacing définit l'espace entre les cellules du tableau, tandis que cellpadding représente la distance entre les bordures de cellule et le contenu d'une cellule.

    Espacement cellulaire et rembourrage cellulaire
    Nom Âge
    Abhishek quinze
    Bob 2. 3

    comment convertir un double en un entier en java
    • Attributs Colspan et Rowspan

    L'attribut Colspan est utilisé pour fusionner deux colonnes ou plus, tandis que les travées de lignes sont utilisées pour fusionner deux lignes ou plus.

    Colspan et Rowspan
    Lot Nom Âge
    L'informatique Abhishek quinze
    Bob 2. 3
    Pause

    • Hauteur et largeur de la table

    HTML vous donne le levier pour ajuster la hauteur et la largeur du tableau. L'attribut de largeur et l'attribut de hauteur sont utilisés pour définir respectivement la largeur et la hauteur du tableau. Vous pouvez le spécifier soit en pourcentage de surface disponible sur l'écran, soit en termes de pixels.

    Largeur et hauteur du tableau HTML
    Abhishek quinze
    Bob 2. 3

    • En-tête, corps et pied de page du tableau

    Un tableau peut être divisé en trois sections, à savoir un en-tête, un corps et un pied de page. L'en-tête et le pied de page sont similaires à l'en-tête et au pied de page dans un document Word qui reste commun à chaque page, alors que le corps contient le contenu principal.

    La balise crée un en-tête de tableau séparé, alors que la balise crée un pied de page distinct.

En-tête de tableau
Pied de table
Nom Âge Des marques

  • Arrière-plans de tableau et légende

Vous pouvez également définir un arrière-plan de tableau. Bgcolor L'attribut définit la couleur d'arrière-plan pour l'ensemble du tableau ainsi que pour une cellule, tandis que l'attribut background définit une image d'arrière-plan pour l'ensemble du tableau ainsi que pour une seule cellule.

La balise de légende sert de titre ou d'explication pour le tableau qui est affiché en haut du tableau.

didacticiel sur les services d'intégration de serveur SQL
Arrière-plan du tableau HTMLLégende du tableau
Colonne 1 Colonne 2 Colonne 3
Ligne 1 Cellule 1 Ligne 1 Cellule 2 Ligne 1 Cellule 3
Ligne 2 Cellule 2 Ligne 2 Cellule 3
Ligne 3 Cellule 1

Avec cela, nous arrivons à la fin de cet article. Maintenant, après avoir exécuté les extraits ci-dessus, vous auriez compris comment créer des tableaux en HTML. J'espère que ce blog est informatif et a une valeur ajoutée pour vous.

Vérifiez par Edureka, une entreprise d'apprentissage en ligne de confiance avec un réseau de plus de 250 000 apprenants satisfaits répartis dans le monde entier. La formation de certification en développement Web vous aidera à apprendre à créer des sites Web impressionnants à l'aide des API HTML5, CSS3, Twitter Bootstrap 3, jQuery et Google et à les déployer sur Amazon Simple Storage Service (S3).

Vous avez une question pour nous? Veuillez le mentionner dans la section commentaires de cet article et nous vous recontacterons.