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

Facebook
Twitter
LinkedIn

Balise THEAD

Rôle

Un tableau HTML plus complexe peut également inclure des sous-parties déclarées dans cet ordre : theadtfoot et tbody.

La balise <thead> permet de regrouper le contenu d’entête dans un tableau HTML.

La balise tbody permet de regrouper le contenu du corps dans un tableau HTML.

La balise tfoot permet de regrouper le contenu du pied de page dans un tableau HTML.

Testez vous-même cette balise

Utilisez Codepen.

Voici le resultat

Nous avons utilisez le css pour mettre en évidence les différentes parties du tableau dont la partie thead qui apparaît en vert dans cet exemple

Compatibilité

navigateur-chromenavigateur-firefoxnavigateur-ienavigateur-safarinavigateur-opera

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

Attributs spécifiques

Attributs spécifiques à cet élément

align
Spécifie l’alignement horizontal du contenu de la cellule (n’est plus supporté en HTML5)
Syntaxe :
<th align="justify" > ...</th>
Valeurs possible :
  • align=’left’ : alignement à gauche
  • align=’right’ : alignement à droite
  • align=’center’ : alignement au milieu
  • align=’justify’ : alignement justifié
char
Spécifie l’alignement du contenu des cellules de la balise thead par rapport à un caractère. Utile, par exemple, pour l’alignement des nombres décimaux par rapport au point (n’est plus supporté en HTML5)
Syntaxe :
<thead char="." > ...</thead>
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 :
<thead char="." charoff="2" > ...</thead>
valign
Spécifie l’alignement vertical du contenu dans la cellule (n’est plus supporté en HTML5)
Syntaxe :
<th valign="middle" > ...</th>
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

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

Attibuts de type événement

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

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

table– tr– td– th– caption– 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 »