lundi 28 mars 2011

Utilisation de tableaux html

 utilisation des tables en html

Il est souvent utile de présenter des informations mieux structurées dans un tableaux qu'avec des listes. Les tableaux permettent de les afficher en lignes et en colonnes. Les tableaux sont définis comme étant des suites de lignes.
Un tableau doit respecter les quelques règles suivantes :

  • Le tableau est encadré par les balises <TABLE> et </TABLE>.
  • Le titre du tableau est encadré par <CAPTION> </CAPTION>
  • Chaque ligne est encadrée par <TR> </TR> (Table Row, traduisez par ligne du tableau).
  • Les cellules d'en-tête sont encadrées par <TH> </TH> (pour Table Header : En-tête de tableau)
  • Les cellules de valeur sont encadrées par <TD> </TD> (Table Data: Donnée de tableau)
 dans l'exemple suivant on va vous montrer comment on fait la création d'un table dans un document html

Exemple:

voici la structure générale d'un document HTML 


dans la suite on va essayer d'insérer un tableaux dans ce document


dans la suite on va mettre des lignes et titres


je vais remplir tout le tableau comma la suite:
 on va consulter notre navigator pour pouvoir accéder au résultat de notre document html

et on va retenir la page suivante:

vous avez vu que la résultat de notre code HTMl était un simple de  tableau,et pour améliorer cette résultat on va utiliser des couleurs et peut être des images pour notre document sera bien présenter 



vous allez obtenu le tableau suivant:

vous pouvez change le couleur selon votre besoin il faut juste changer la valeur de bgcolor  BGCOLOR="#ff0000" par un autre valeur


Aucun commentaire:

Enregistrer un commentaire