tableaux HTML ont été utilisées pour contrôler la mise en forme d'une page Web, y compris le texte, les images, les champs de formulaire et d'autres tables. Cependant, ils sont plus adaptés à la manipulation des données de texte que des images et des tableaux imbriqués. Le CSS (Cascading Style Sheet) "
" tag peut être utilisé pour créer un format de tableaux qui est plus adapté à la manipulation des images, les champs de formulaire et d'autres tables. Aussi, contrairement à des tables, la feuille de style peut être maintenu dans un document externe et liée dans le document HTML, ce qui signifie une feuille de style peut être utilisé sur plusieurs pages sur votre site.
CSS
- 1
Ouvrez un document texte dans un éditeur de texte.
- 2
Créer l'élément de table avec le code suivant:
&# # 9- table {
&# 9-&# 9-largeur: 90%
GO
&# 9-&# 9-display: table
GO
&# 9-&# 9-frontière: noir 1px solid}
- 3
Créer l'élément de ligne avec le code suivant:
&# # Ligne 9- {display: table-row-}
- 4
Créer les éléments de la cellule avec le code suivant:
&# # 9- gauche {
&# 9-&# 9-width: 200px
GO
&# 9-&# 9-padding: 1em
GO
&# 9-&# 9-border: 1px solide noir
GO
&# 9-&# 9-display: table-cell
GO
&# 9-&# 9-}
&9- # # droit {
&# 9-&# 9-width: 200px
GO
&# 9-&# 9-padding: 1em
GO
&# 9-&# 9-border: 1px solide noir
GO
&# 9-&# 9-display: table-cell
GO
&# 9-&# 9-}
&# # 9- milieu {
&# 9-&# 9-padding: 1em
GO
&# 9-&# 9-border: 1px solide noir
GO
&# 9-&# 9-display: table-cell
GO
&# 9-&# 9-}
- 5
Enregistrez le fichier avec le nom "table.css"
HTML