Table HTML TR à l'intérieur du TD

Table HTML TR à l'intérieur du TD

Dans HTML, les tables sont conçues pour organiser des données trop étendues ou complexes et sont entièrement représentées dans le paragraphe. Il permet au lecteur de visualiser rapidement les résultats. De plus, les tableaux peuvent être utilisés pour se concentrer sur les développements ou les modèles dans les informations et pour augmenter l'accessibilité d'un article en excluant les informations quantitatives basées sur le texte.

Cet article explique la méthode de création de la table "" à l'intérieur de "" élément.

Comment créer une table "" À l'intérieur ""?

Pour créer une table "" à l'intérieur de "», Tout d'abord, faites une table avec un«

" élément. Ensuite, à l'intérieur du «" étiqueter.

Pour des implications pratiques, essayez la procédure indiquée.

Étape 1: Faites un conteneur «div»

Tout d'abord, utilisez le «”Élément pour faire un conteneur div. Aussi, insérez un «identifiant”Ou attribut de classe avec un nom particulier. Dans ce cas, l'attribut ID se voit attribuer la valeur "contenu".

Étape 2: Créez une table

Ensuite, créez une table à l'aide du «

»Élément, définissez les lignes de table en utilisant le«
" étiqueter. De plus, insérez des lignes de table à l'aide du ««Élément et données avec«" À l'intérieur "" étiqueter. En suivant la même procédure indiquée ci-dessus:


".

Étape 3: Ajouter "

" étiqueter

À l'intérieur de l'élément TD, insérez une autre ligne à l'aide du «
















Première organisationDeuxième organisation
rangée de table à l'intérieur des données de table
rangée de table à l'intérieur des données de table
Troisième organisation Quatrième organisation

Sortir

Comment coiffer la table "" à l'intérieur ""?

Pour coiffer la table "" à l'intérieur "», Les utilisateurs peuvent utiliser les différentes propriétés CSS. Pour ce faire, suivez la procédure donnée.

Étape 1: Appliquer le style CSS sur le conteneur «Content»

Accéder au "div”Conteneur en utilisant le"identifiant«Valeur, qui est«contenu», Et appliquez les propriétés CSS suivantes:

#contenu
Border: 4px RVB solide (8, 50, 238);
Couleur: RVB (243, 152, 15); fond de fond: RVB (194, 240, 241);
marge: 30px 50px;
rembourrage: 30px;

Ici:

  • "frontière”Définit une frontière autour de l'élément.
  • "couleur"Est utilisé pour spécifier la couleur du texte ajouté à l'intérieur de l'élément en fonction de la valeur attribuée.
  • "marge"Alloue l'espace autour de la frontière de l'élément.
  • "rembourrage»Ajoute de l'espace autour de l'élément à l'intérieur de la limite.

Étape 2: Appliquer les données de la bordure autour de la table

Accès "tableau" et "TD"Dans CSS:

Table TD
Border: 3px Green Green;

Appliquez la propriété CSS de la frontière pour spécifier la limite autour des données de la table.

Sortir

Étape 3: Style «Tr» à l'intérieur du «TD»

Maintenant, style le «tr"Cela est défini dans le"TD"En utilisant le nom de classe avec le sélecteur de points comme".rangée de table»:

.Table-Row> td
rembourrage: 10px;
Border: RVB en pointillé 3px (233, 64, 12);
Couleur: RVB (15, 15, 15);

Ici, appliquez les propriétés CSS en fonction de votre choix. Dans notre cas, le «rembourrage","frontière", et "couleur«Sont utilisés pour styliser les lignes de table dans les données de la table.

À partir de la sortie donnée, on peut observer que nous avons réussi à ajouter "" à l'intérieur ""Et le stylisé en conséquence:

Il s'agit d'ajouter et de styliser la table TR à l'intérieur du TD.

Conclusion

Pour insérer la table TR à l'intérieur du TD, créez d'abord une table en utilisant le «

" étiqueter. Ensuite, spécifiez le «" et "«Pour ajouter des lignes à l'intérieur des données de la table et les styliser en utilisant les propriétés CSS. Ce message a expliqué sur l'ajout de la table TR à l'intérieur du TD.

"À l'intérieur de la table. Après cela, à l'intérieur du «"Tag, insérer"