tableaux sont utilisés avec dans le code HTML pour organiser les éléments de la page en rangées et des colonnes de cellules . Cela garantit que les éléments restent dans les positions correctes indépendamment des navigateurs utilisés . L'attribut colspan est utilisé pour permettre aux données d' s'étendent sur plus d'une colonne . Le HTML Code
Le code suivant ajoute un en-tête de la table , puis se sépare en outre deux sections de données:
< e colspan = 4> c'est la tête de la table
deux premières cellules | deux dernières cellules | ; cellule 1 | cellule 2 | cellule 3 | Cell 4 |
Photos
le tag "
" commence la table. La directive "cols " définit le nombre de colonnes qui seront dans le tableau. Le tag " " définit chaque ligne. Le tag " " définit l'en-tête de la table. Le tag " | " définit chaque cellule de la table. La première ligne contient l'en-tête de la table qui s'étend sur quatre cellules. Il est défini avec le " colspan = 4" directive. Il est important de noter que chaque cellule et de ligne sont terminées avec la balise appropriée ( ou < /tr> ) . Sans les balises de fin, le tableau ne s'affiche pas correctement . La deuxième ligne de la table comprend deux cellules , toutes deux couvrent deux colonnes . La troisième rangée est constituée de cellules de chaque colonne dans une longueur . Enfin, la table est fermée à la " |
" tag .
Considérations
tableaux ne doivent pas être utilisés comme le seul moyen de disposer des éléments sur une page Web . Utilisation des tables comme une méthode de mise en cause utilisateurs de faire défiler horizontalement lorsque l'utilisateur augmente l'affichage de la page web ( zoom avant) , en particulier lorsque la table contient des images . Pour lutter contre ce problème, des feuilles de style en cascade ( CSS ) doivent être utilisées pour contrôler la mise en page. Toutefois , lorsqu'il est utilisé pour afficher du texte , des tableaux créent attractifs, des pages Web d'aspect professionnel.