communauté francophone de joueurs sims
 
AccueilAccueil  Le site  Chaine You Tube  S'enregistrerS'enregistrer  ConnexionConnexion  FAQFAQ  RechercherRechercher  

Partagez | 
 

 [Apprenti] Les bases des tableaux en HTML

Voir le sujet précédent Voir le sujet suivant Aller en bas 
AuteurMessage
Grand artiste du pinceau
avatar
tchoutchou7
Grand artiste du pinceau
Masculin Date d'inscription : 27/09/2009
Age : 27
Localisation : Canada

MessageSujet: [Apprenti] Les bases des tableaux en HTML   Mer 20 Jan 2010, 21:27

Auteur : Wart!n

study------------------------------ study
Les bases des tableaux en HTML

Allons droit au but, les balises qui ont un rapport avec les tableaux sont au nombre de 4 :


  • table
  • caption
  • tr
  • th


La balise table à un début et une fin, celle-ci est la commande principale pour définir l'ensemble du tableau.
Vous avez donc compris : Tout le contenu du tableau sera entre la balise table et la balise /table :


Code:
<table>
< ! -- Contenu du tableau -->
</table>

La balise caption a, comme toutes les balises de tableaux, que se soit table ou les autres, un début et une fin (caption et /caption). C'est, entre guillemets, « le Titre du Tableau », son en-tête :

Code:
<table>
<caption>Mon tableau</caption>
</table>


Les balises tr sont les commandes pour définir les lignes du tableau, il y en a autant que de lignes.


Code:
<table>
<caption>Mon tableau</caption>
<tr>< ! -- contenu de la première ligne --></tr>
<tr>< ! -- contenu de la seconde ligne --></tr>
</table>

Les balises th sont les commandes pour définir les colonnes sur chaque ligne.
Non, ce n'est pas du charabia, vous pouvez, sur plusieurs lignes, ne pas avoir le même nombre de colonnes, ce qui permet de faire des tableaux les plus extravagant les uns des autres, exemple :

Mon tableau
Ce tutoriel est :
Paramètres\ChoixOUINON
Super ? X
Nul ? X

Code de l'exemple :


Code:
<table border>
<caption>Mon tableau</caption>
<tr>
<th colspan=«3»>Ce tutoriel est :</th>
</tr>
<tr>
<th>Paramètres\Choix</th><th>OUI</th><th>NON</th>
</tr>
<tr>
<th>Super ? </th><th>X</th><th></th>
</tr>
<tr>
<th>Nul ? </th><th></th><th>X</th>
</tr>
</table>


Ce que vous avez pu remarquer, c'est que j'ai rajouté : colspan=«3» que l'on pourrait traduire par « Case sur 3 colonnes » car cet attribut, ajouté à la balise th, donne une longueur à la case. On aurait put mettre la valeur à 5, à 6 ou bien à 10,... on peut mettre ce que l'on veut (à condition que ça reste un nombre entier).


MODE D'EMPLOI

N'hésitez pas à remercier l'auteur de ce tutoriel ou à faire partager votre expérience personnelle. Si vous avez créé quelque chose en suivant le tuto pourquoi pas la poster afin de la montrer à l'auteur

-----------------------------------------

Pour d'éventuelles questions, c'est par ici et si vous souhaitez en apprendre plus sur le sujet, rendez-vous dans la salle travaux pratiques

Bonne journée

Revenir en haut Aller en bas
http://changementdetrain.wordpress.com
Grand artiste du pinceau
avatar
Lehanna
Grand artiste du pinceau
Féminin Date d'inscription : 07/10/2011
Age : 21
Localisation : Nord (59)

MessageSujet: Re: [Apprenti] Les bases des tableaux en HTML   Lun 10 Sep 2012, 22:35

Merci beaucoup Tchou !
Revenir en haut Aller en bas
http://lesharpburn.canalblog.com
Illustre illustrateur
avatar
amylet
Illustre illustrateur
Féminin Date d'inscription : 07/02/2012
Age : 23

MessageSujet: Re: [Apprenti] Les bases des tableaux en HTML   Ven 09 Nov 2012, 11:34

Merci, ton tuto m'a été très utile Smile
Revenir en haut Aller en bas
http://amylet.tumblr.com/
Débutant des galeries d'art
avatar
EmrysB
Débutant des galeries d'art
Féminin Date d'inscription : 05/11/2012
Age : 27
Localisation : Région Parisienne

MessageSujet: Re: [Apprenti] Les bases des tableaux en HTML   Mar 18 Déc 2012, 08:16

Merci Tchoutchou pour ton tuto.
Revenir en haut Aller en bas
http://emrysbird.tumblr.com/
Contenu sponsorisé


MessageSujet: Re: [Apprenti] Les bases des tableaux en HTML   

Revenir en haut Aller en bas
 
[Apprenti] Les bases des tableaux en HTML
Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1
 Sujets similaires
-
» HOSPITTLER - Apprenti Chapelain (F - N)
» Un apprenti panda...
» [ABANDON] Un jeune apprenti .
» tableaux exel pouvant servir a DD 3.5
» petit tableaux de scores

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Sims Artists :: Apprentissage :: Informatique et Internet :: HTML / CSS-
Sauter vers: