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« |
". Étape 3: Ajouter " |
" étiqueter À l'intérieur de l'élément TD, insérez une autre ligne à l'aide du « |
Première organisation | Deuxiè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:
É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" |