Les tableaux HTML offrent un outil puissant pour présenter les données sur votre site Web. Mais leur maîtrise va au-delà des simples lignes et colonnes. Cet article vous sert de guide ultime pour libérer le potentiel des tableaux HTML, aller au-delà des bases .
Conditions préalables: Présentation HTML
Table des matières
- Qu'est-ce que les tableaux HTML ?
- Tableau HTML – Exemple de code
- Balises utilisées dans les tableaux HTML
- Ajouter une bordure à un tableau HTML
- Ajout d'un remplissage de cellules dans un tableau HTML
- Ajout de titres alignés à gauche dans un tableau HTML
- Ajout d'un espacement des bordures dans un tableau HTML
- Ajout de cellules qui s'étendent sur plusieurs colonnes dans des tableaux HTML
- Ajout d'une couleur d'arrière-plan au tableau
- Création de tableaux imbriqués
Qu'est-ce que les tableaux HTML ?
Un tableau HTML est un arrangement de données dans Lignes et Colonnes sous forme de tableau. Les tableaux sont utiles pour diverses tâches, telles que la présentation d'informations textuelles et de données numériques. Un tableau est un outil utile pour trouver rapidement et facilement des liens entre différents types de données. Les tables sont également utilisées pour créer des bases de données.
Exemple de code de table HTML
HTML
Prénom> Nom> Ageth>tr> Priyatd> Sharmatd> 24td> tr> Aruntd> Singhtd> 32td>tr> Samtd> Watsontd> 41td> tr> table> corps> html>> Sortir:
Tableau HTML simple
Balises utilisées dans les tableaux HTML
comme balise de fin.Syntaxe
Content...>
Lignes du tableau
Les lignes peuvent être formées à l’aide d’une combinaison de cellules du tableau. Il est noté par
et balise comme balises de début et de fin.
Syntaxe
Content...>
En-têtes de tableau
Les en-têtes sont généralement utilisés pour fournir le titre. Les en-têtes de tableau peuvent également être utilisés pour ajouter un titre au tableau. Celui-ci contient le
Mots clés.Syntaxe
Content...>
Exemple 1: Création d'un tableau simple en HTML à l'aide d'une balise table.
HTML
Nom du livre> Nom de l'auteur> Genre> tr> Le voleur de livres> Markus Zusaktd> Fiction historiquetd> tr> Le Prince Cruel> Holly Blacktd> Fantasytd> tr> Le patient silencieux Alex Michaelidestd> Fiction psychologiquetd> tr> table> corps> html>> Sortir:
Tableau HTML
Ajouter une bordure à un tableau HTML
Une bordure est définie à l'aide de la propriété CSS border. Si vous ne spécifiez pas de bordure pour le tableau, il sera affiché sans bordure.
fmoviez
Syntaxe
table, th, td { border: 1px solid black; }> Exemple : Ajout de la bordure au Tableau HTML.
HTML
