Tables HTML
Comment les tables sont créées
Le HTML prend en charge la longue liste d'éléments qui aident à effectuer diverses tâches. Les éléments de base des tables HTML sont
: connu sous le nom de tableur de table et peut être utilisé où vous voulez un élément d'en-tête : connu sous le nom de données de table et il occupe une cellule dans un tableau : Une ligne complète est définie à l'aide de cet élément - : définit la légende du tableau
- : Les colonnes peuvent être regroupées pour appliquer un formatage spécifique
- : la propriété d'une colonne est spécifiée à l'aide de cet élément
- : utilisé pour regrouper les cellules d'en-tête
- : faire un groupe de cellules pour définir le pied de page
- : il comprend diverses colonnes / lignes. Il est utilisé après élément et avant l'élément.
Comment créer des tables HTML
Les balises décrites dans la section ci-dessus sont les principales parties prenantes dans la création de tables HTML. Cette section exerce ces étiquettes dans divers scénarios pour définir les tables HTML:
Exemple 1: Le code écrit ci-dessous utilise
, , et Tags pour définir une table HTML. Tables HTML Nom Désignation Expérience Sam Directeur 1 an Kane Auteur 6 mois
Dans le code ci-dessus,
- un
La balise est définie
- Tag de table de table
est utilisé pour définir les cellules de la tête - L'autre
Les balises sont utilisées pour insérer des données en utilisant élément - De plus, nous avons appliqué une propriété de style frontière sur
,
, et Dans la balise de style. Sortir:
Exemple 2: Contrairement à l'exemple ci-dessus, nous avons utilisé des balises supplémentaires comme, et et .
Tables HTML Linuxhint Nom Désignation Âge Expérience Sam Directeur 20 ans 2 mois Kane Auteur 30 ans 1 an
Le code ci-dessus est décrit comme,
- L'élément est utilisé pour pratiquer les attributs tels que Span et Style. La portée rejoint le nombre de colonnes spécifiées par l'utilisateur (comme dans notre cas, il est 2).
- La couleur d'arrière-plan de la première et de la deuxième colonne est respectivement «beige» et «LightEagreen» tandis que les 3e et 4e colonnes auraient un fond «LightGreen»
- L'élément définit le texte de légende du tableau et il est défini ici
- Deux lignes sont déclarées en utilisant
Tag et chaque ligne contient quatre cellules. , , et aux côtés des balises essentielles I.e.,Sortir:
La sortie ci-dessus montre que le «style Col» est appliqué sur toutes les colonnes tandis que la «Span Col» est pratiquée sur les 3e et 4e colonnes.
Exemple 3: Ici, nous avons pratiqué les étiquettes
, et . Tables HTML Linuxhint SR. Non Nom Désignation 1 Sam Directeur 2 Kane Auteur FIN
Le code est décrit comme,
- la frontière de
, , et est défini sur solide
- La balise est utilisée pour enfermer la première ligne comme une tête
- Après cela, les données de la table sont placées étiqueter
- Enfin, le définit la section de pied de page de la table
- La légende du tableau est fournie en utilisant la balise
Sortir:
La légende de la table est en haut de la table de ,
, et est montré dans la sortie.D'après les exemples indiqués ci-dessus, vous auriez appris à créer une table HTML.
Conclusion
Les tables HTML permettent d'organiser les données de manière présentable. Pour travailler avec des tables HTML, vous devez apprendre la fonctionnalité de diverses balises HTML. Nous avons compilé ce guide pour fournir les informations de base sur les tables HTML et fourni la liste des balises qui aident à créer des tables HTML.
- la frontière de
- Tag de table de table