GroupesAccueilMembresFAQRechercherS'enregistrerCalendrierConnexion

Partagez | 
 

 Créer un Tableau en HTML

Voir le sujet précédent Voir le sujet suivant Aller en bas 

Ce Tutoriel vous a-t-il aidé ?
Oui
0%
 0% [ 0 ]
Non
0%
 0% [ 0 ]
Un peu
0%
 0% [ 0 ]
Beaucoup !
0%
 0% [ 0 ]
Pas du tout ...
0%
 0% [ 0 ]
Total des votes : 0
 

AuteurMessage
Refusor
Admin
Admin
avatar

Age : 25
Localisation : France

MessageSujet: Créer un Tableau en HTML   Jeu 25 Mar - 20:02

Bonjour à tous !

vous vous êtes peut-être demandé ce qui se cache derrière les tableaux , à partir de quoi sont-ils créés ?

La réponse est ici ^^ !

Tout d'abord , Un tableau en HTML doit respecter les règles suivantes :

- Le tableau est encadré par les balises <TABLE> et </TABLE> qui donnent l'ordre de création du tableau

- Le titre du tableau est encadré par <CAPTION> </CAPTION>

- Chaque ligne est encadrée par <TR> </TR> (TR =Table Row, traduit par ligne de tableau).

- Les cellules d'en-tête sont encadrées par <TH> </TH> (TH pour Table Header : En-tête de tableau)

- Les cellules de valeur sont encadrées par <TD> </TD> (TD pour Table Data : les valeurs des cellules , le contenu)

Exemple pour un petit tableau :

Code:
<TABLE BORDER="1"> ( l'attribut "BORDER" détermine l'épaisseur de la bordure du tableau , ici 1 pixel )
  <CAPTION> Tableau en HTML </CAPTION>
  <TR>
 <TH> Titre 1 </TH>
 <TH> Titre 2 </TH>
 <TH> Titre 3 </TH>
 <TH> Titre 4 </TH>
  </TR>
  <TR>
 <TH> Titre B1 </TH>
 <TD> Valeur B2 </TD>
 <TD> Valeur B3 </TD>
 <TD> Valeur B4 </TD>
  </TR>
</TABLE>

> Ce qui donnera :



Maintenant voyons quelques attributs supplémentaires :

L'attribut "ALIGN" par exemple , qui s'applique aux balises suivantes :

- THEAD > En-tête
- TBODY > Corps du Tableau
- TH > cellule d'en-tête
- TR > Lignes
- TD > Cellules de données

Peut comporter ces valeurs :

CENTER > Centrer
LEFT > Aligner à Gauche
RIGHT >Aligner à Droite
JUSTIFY >Alignement Justifié

Pour retrouver L'ensemble des attributs cliquez ici

______________________________________

Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://reexstudio.graphforum.com
 

Créer un Tableau en HTML

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
ReexStudio :: Section Astuces / Cours :: Astuces / Cours :: HTML-


Créer un forum | © phpBB | Forum gratuit d'entraide | Contact | Signaler un abus | Forum gratuit