Sidness~Clan
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.

Sidness~Clan

Discussions générales et Graphisme
 
AccueilDernières imagesRechercherS'enregistrerConnexion
Le Deal du moment : -14%
Apple MacBook Air (2020) 13,3″ Puce Apple M1 ...
Voir le deal
799 €

 

 HTML : les tableaux

Aller en bas 
2 participants
AuteurMessage
++rammstein++
Administrateur
Administrateur
avatar


Masculin Nombre de messages : 40
Age : 33
Localisation : Suisse
Emploi/loisirs : Etudiant
Humeur : ca change ts les jours
Date d'inscription : 22/03/2008

HTML : les tableaux Empty
MessageSujet: HTML : les tableaux   HTML : les tableaux Icon_minitimeDim 30 Mar - 14:02

Les tableaux


Au départ, les tableaux servaient pour la structure du contenu du site uniquement, puis des personnes on commencé à les utiliser pour créer la structure de leur site. Alors, il y a des avantages et des désavantages à cette méthode.
Utiliser un tableau pour créer un site est tout ce qu'il y a de plus simple, on créer 4 cellules et on a notre site. Cependant, à partir du moment ou vous aurez besoin d'insérer une autre cellule, cela deviendra beaucoup compliqué. De plus, le code devient tout de suite compliqué et il est difficile de s'y retrouver.
La meilleure méthode est donc d'utiliser les blocs mais on aurait besoin de CSS. Je vais donc vous apprendre, ici, à utiliser les tableaux.


La structure de base


Voici la structure de base d'un tableau :
Code:
<table>
  <tr>
    <td>Cellule 1</td>
    <td>Cellule 2</td>
  </tr>
  <tr>
    <td>Cellule 3</td>
    <td>Cellule 4</td>
  </tr>
</table>

Ceci nous donnerait un tableaux carré a quatre cellules.

La fusion de cellules


Pour fusionner des cellules horizontalement on utilisera ceci :
Code:
<td colspan="X"></td>

Et pour fusionner des cellules verticalement :
Code:
<td rowspan="X"></td>


Il suffit de remplacer "X" par le nombre de cellules a fusionner.

Couleur de fond pour cellules


Pour donner une couleur de font à une cellule, nous procéderons comme suit :
Code:
<td bgcolor="COLOR"></td>

Pour donner une couleur, il faut lui donner une couleur en anglais (exemple, red).


Copyright © 2008 | ++rammstein++
Revenir en haut Aller en bas
http://www.connect-radio.com
Sidness
Fondateur
Fondateur
Sidness


Masculin Nombre de messages : 271
Age : 32
Localisation : °°/Mars\°°
Emploi/loisirs : Internet,Musique( Linkin Park)
Humeur : posé
Date d'inscription : 08/03/2008

HTML : les tableaux Empty
MessageSujet: Re: HTML : les tableaux   HTML : les tableaux Icon_minitimeLun 31 Mar - 16:08

Merci pour le tuto
Revenir en haut Aller en bas
http://sidnesshome.fr.nr
++rammstein++
Administrateur
Administrateur
avatar


Masculin Nombre de messages : 40
Age : 33
Localisation : Suisse
Emploi/loisirs : Etudiant
Humeur : ca change ts les jours
Date d'inscription : 22/03/2008

HTML : les tableaux Empty
MessageSujet: Re: HTML : les tableaux   HTML : les tableaux Icon_minitimeMar 1 Avr - 9:19

De rien mais il n'est pas tout a fait terminé ^,^
Revenir en haut Aller en bas
http://www.connect-radio.com
Sidness
Fondateur
Fondateur
Sidness


Masculin Nombre de messages : 271
Age : 32
Localisation : °°/Mars\°°
Emploi/loisirs : Internet,Musique( Linkin Park)
Humeur : posé
Date d'inscription : 08/03/2008

HTML : les tableaux Empty
MessageSujet: Re: HTML : les tableaux   HTML : les tableaux Icon_minitimeMar 1 Avr - 19:42

je dis ca en attendant la fin
Revenir en haut Aller en bas
http://sidnesshome.fr.nr
Contenu sponsorisé





HTML : les tableaux Empty
MessageSujet: Re: HTML : les tableaux   HTML : les tableaux Icon_minitime

Revenir en haut Aller en bas
 
HTML : les tableaux
Revenir en haut 
Page 1 sur 1
 Sujets similaires
-

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Sidness~Clan :: Section Aide et Tutoriaux :: Section Tutoriaux :: Tutoriaux Coding-
Sauter vers:  
Ne ratez plus aucun deal !
Abonnez-vous pour recevoir par notification une sélection des meilleurs deals chaque jour.
IgnorerAutoriser