des centaines d'astuces pour vous faciliter le quotidien

LES TABLEAUX HTLM

LES TABLEAUX HTLM

 

                  

 

LES TABLEAUX HTLM

 

 

 

 : Cette  balise  encapsule un tableau.
Le tableau est certainement un des éléments les plus important et des plus utilisé dans le cadre des mises en page des documents.

Ci-desous, voyez un exemple de tableau constitué de 2 rangées de 2 cellules.

Ex :

				
cellule 1 cellule 2
cellule 3 cellule 4
Résultat :
cellule 1 cellule 2
cellule 3 cellule 4
 : Cette balise délimite les rangées et encapsule les cellules (colonnes).
 : Cette balise délimite les cellules et encapsule le contenu de celle-ci.
align="..." : Aligne le tableau dans l'espace où il se trouve.
Pour "tr" et "td", c'est au contenu que l'attribut s'adresse.
Les valeurs admises sont "left" (par défaut), "center", "right"
background="..." : 
Affecte une image de fond.
Applicable à "table", "tr" et "td".
Ex :

				
cellule 1 cellule 2
cellule 3 cellule 4
Résultat :
cellule 1 cellule 2
cellule 3 cellule 4

bgcolor="..." : 
Affecte une couleur  au fond.
Applicable à "table", "tr" et "td".
Dans l'exemple ci-dessous,la couleur rouge a été affectée au tableau et le jaune à la cullule

 1.

Ex :

				
cellule 1 cellule 2
cellule 3 cellule 4
Résultat :
cellule 1 cellule 2
cellule 3 cellule 4
border="..." : Defini l'épaisseur des bordures et la valeur est exprimée en pixels. Une valeur de "0" suprime les bordures.
cellpadding="..." : 
Crée un espace entre la bordure et le contenu des cellules.
Ex :

				
cellule 1 cellule 2
cellule 3 cellule 4
Résultat :
cellule 1 cellule 2
cellule 3 cellule 4
cellspacing="..." : 
Crée un espace entre les cellules.
Dans l'exemple ci-dessous, le tableau a une hauteur de 150 et 20% de cette hauteur (soit 30 pixels) a été affecté à la première rangée
Ex :

				
cellule 1 cellule 2
cellule 3 cellule 4
Résultat :
cellule 1 cellule 2
cellule 3 cellule 4
colspan="..." : 
Fusionne des cellules horizontalement.
Ne s'applicable qu'à "td".
Ex :

				
cellule 1 et cellule 2
cellule 3 cellule 4
Résultat :
cellule 1 et cellule 2
cellule 3 cellule 4
height="..." : 
Force la hauteur.
S'exprime en pixels ou en pourcentage.
Applicable à "table", "tr" et "td".
Dans l'exemple ci-dessous, le tableau a une hauteur de 150 et 20% de cette hauteur (soit 30 pixels) a été affecté à la première rangée.
Ex :

				
cellule 1 cellule 2
cellule 3 cellule 4
Résultat :
cellule 1 cellule 2
cellule 3 cellule 4
hspace="..." : 
Réserve un espace à droite et à gauche du tableau
S'exprime en pixels.
Ne fonctionne qu'avec Firefox.
Ex :

				
cellule 1 cellule 2
cellule 3 cellule 4
Résultat :
cellule 1 cellule 2
cellule 3 cellule 4
rowspan="..." : 
Fusionne des cellules verticalement.
Ne s'applicable qu'à "td".
Ex :

				
cellule 1
cellule 3
cellule 2
cellule 4
Résultat :
cellule 1
cellule 3
cellule 2
cellule 4
valign="..." : 
Aligne le tableau dans l'espace où il se trouve.
Pour "tr" et "td", c'est au contenu que l'attribut s'adresse.
Les valeurs admises sont "left" (par défaut), "center", "right".
Ex :

				
cellule 1
cellule 2
cellule 3
cellule 4
Résultat :
cellule 1
cellule 2
cellule 3
cellule 4
vspace="..." : 
Réserve un espace au-dessus et en-dessous du tableau
S'exprime en pixels.
Ne fonctionne qu'avec Firefox.
Ex :
Text au-dessus
cellule 1 cellule 2
cellule 3 cellule 4
Text en-dessous
Résultat :
Text au-dessus
cellule 1 cellule 2
cellule 3 cellule 4
Text en-dessous
width="..." : 
Force la largeur.
S'exprime en pixels ou en pourcentage.
Applicable à "table", "tr" et "td".
Dans l'exemple ci-dessous, le tableau a une largeur de 210 et 40% de cette largeur (soit 84 pixels) a été affecté à la première colonne.
Ex :

				
cellule 1 cellule 2
cellule 3 cellule 4
Résultat :
cellule 1 cellule 2
cellule 3 cellule 4
Compatibilité : IE Firefox

 

Rechercher dans le site

Contact

MAC ASTUCE1

ASTUCES INFORMATIQUE WINDOWS

17/03/2016 19:06

Bon plan, les meilleurs sites et applications pour mini budget

  Vous êtes un radin ou simplement n’aimez pas dépenser un sou !   Ne vous inquiétez pas vous n'êtes pas le seul, des applications et sites Web sont spécialement dédiés à ceux qui traquent  les bonnes affaires. Radins.com    accompagne les...

TOUTS SAVOIR SUR LES DRONES

13/03/2015 10:55

Le drone DJI capture l'image d'un objet volant non identifié

Le drone DJI aurait  filmé un objet volant non identifié au-dessus de la Silicon Valley. La vidéo fait grand bruit sur Internet et suscite les hypothèses les plus variées.  La vidéo a été mise en ligne le 8 mars. Les images auraient été tournées par un drone DJI...
08/03/2015 12:58

Le drone DJI S1000+ hexacopter photo pro

Le DJI S1000+ hexacopter est un drone prêt à voler et à capturer le summum de la photographie aérienne.   Si vous cherchez un drone professionnel pour des inspections, agricole de précision, la photographie, la cinématographie, l'arpentage et plus, le S-1000 est le...

 

BEAUTÉ A PETIT PRIX

14/10/2013 10:41

Astuce des Sourcils épilation d'arc parfaites

  Le matériel : 1 une pince à épiler qu’on désinfectera à l’alcool ou autre antiseptique avant toute utilisation 2 un coton, un crayon au khôl pour tracer la ligne que suivra l’épilation 3 éventuellement un glaçon. En effet, un glaçon passé sur le sourcil avant...
 

  PARTENAIRE