Cours par Webcam

Cours par Webcam

Formateur Web pour adultes depuis plus 11 ans, je vous propose des COURS collectifs par WEBCAM en LIVE pour booster vos connaissances et être autonome dans la création de site.

En savoir plus

Tags base

Page HTML

Tags sémantiques

Tags navigation

Tags mise en page

Tags multimédia

Tags interaction

Tags grouper

Tags tableau

Tags formulaire

Tags universelles

Attributs globaux

Share on facebook
Facebook
Share on google
Google+
Share on twitter
Twitter
Share on linkedin
LinkedIn

Balise TD

Rôle

La balise <td> spécifie une cellule dans un tableau. Le texte d’une cellule est aligné, par défaut, horizontalement à gauche et verticalement au milieu. Il existe des cellules pour les entêtes de tableau, voir th

Testez vous-même cette balise

Utilisez Codepen.

Voici le resultat

Compatibilité

navigateur-chromenavigateur-firefoxnavigateur-ienavigateur-safarinavigateur-opera

La balise <td> est pris en charge par tous les principaux navigateurs

Attributs spécifiques

Attributs spécifiques à cet élément

abbr
Spécifie le résumé du contenu de la cellule (n’est plus supporté en HTML5)
Syntaxe :
<td abbr="résumé de la cellule" > ...</td>
align
Spécifie l’alignement horizontal du contenu de la cellule (n’est plus supporté en HTML5)
Syntaxe :
<td align="justify" > ...</td>
Valeurs possible :

  • align=’left’ : alignement à gauche
  • align=’right’ : alignement à droite
  • align=’center’ : alignement au milieu
  • align=’justify’ : alignement justifié
axis
Permet de catégoriser les cellules et peut être utilisé pour grouper des colonnes d’informations (n’est plus supporté en HTML5)
Syntaxe :
<td axis="contact" > ...</td>
bgcolor
Spécifie la couleur de fond de la cellule (n’est plus supporté en HTML5)
Syntaxe :
<td bgcolor="orange" > ...</td>
Valeurs possible :

  • bgcolor=’rgb(255,0,0)’ : en rgb
  • bgcolor=’#FF0000′ : en hexadécimal
  • bgcolor=’red’ : couleur en toute lettre
char
Spécifie l’alignement du contenu dans une cellule par rapport à un caractère, par exemple les nombres décimaux par rapport au point (n’est plus supporté en HTML5)
Syntaxe :
<td char="." > ...</td>
charoff
Spécifie le décalage en caractères par rapport à la valeur définit par l’attibut char (n’est plus supporté en HTML5)
Syntaxe :
<td char="." charoff="2" > ...</td>
colspan
Spécifie le nombre de colonnes qui doivent fusionner
Syntaxe :
<td colspan="2" > ...</td>
headers
Spécifie une ou plusieurs cellules d’en-tête (séparées par des espaces) auxquelles est liée la cellule
Syntaxe :
<td headers="Prénom" > ...</td>
height
Spécifie la hauteur de la cellule en pixel ou en pourcentage (n’est plus supporté en HTML5)
Syntaxe :
<td height="300" > ...</td>
rowspan
Spécifie le nombre de lignes qui doivent fusionner
Syntaxe :
<td rowspan="2" > ...</td>
valign
Spécifie l’alignement vertical du contenu dans la cellule (n’est plus supporté en HTML5)
Syntaxe :
<td valign="middle" > ...</td>
Valeurs possible :

  • valign=’top’ : alignement vers le haut
  • valign=’bottom’ : alignement vers le bas
  • valign=’middle’ : alignement au milieu
  • valign=’baseline’ : alignement sur la ligne de base
width
Spécifie la largeur de la cellule en pixel ou en pourcentage (n’est plus supporté en HTML5)
Syntaxe :
<td width="300" > ...</td>

La balise <td> prend aussi en charge les attributs globaux

Attibuts de type événement

La balise <td> prend aussi en charge les événements souris

Voir les autres balises pour l’intégration d’un formulaire

table– tr– td– th– caption– thead– tfoot– tbody– colgroup– col

A lire aussi

tutowebdesign

Afficher du contenu au scroll

Afficher du contenu au scroll Voici un effet impressionnant et pourtant très facile à mettre en place sur vos pages. Le principe consiste à faire

Lire »
tutowebdesign

Créer un menu latéral animé

Créer un menu latéral animé Idéal pour les formats mobiles, voici un menu latéral animé facile à faire dont l’ouverture est déclenchée par Javascript. Commençons

Lire »
MegaphoNews - Closer Than Ever

The leading news agency comes to your smartphone.  Download now.

Politique d'utilisation des cookies

En poursuivant votre navigation sur ce site, vous acceptez l’utilisation de cookies. Les cookies nous permettent de personnaliser le contenu, les sorties et d’optimiser notre trafic.