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:
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.
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
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 cellule d'en-tête dans un tableau
: Utilisé pour définir une ligne dans une table
: 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
: 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.
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.
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. Les balises contiennent le corps du tableau.
Tableau HTML avec en-tête, pied de page et corps
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.
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érifiezpar 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.
