Quelques compléments de HTML

Les tableaux

Annuaire des membres
Nom Prénom Date de naissance Téléphone
Martin Louis 05/12/1960 0610234578
Le Douec Julie 18/05/1975 0610247013
Jolivet Leo 01/03/1982 0745516021
Merzougui Aïssa 23/02/1962 0685417844
Pinto Jose 18/11/1976 0647814102

La différence entre ":first-child" et ":first-of-type" est que ":first-child" cible le premier élément du bloc parent qu'importe son type tandis que ":first-of-type" cible le premier élément du bloc parent qui correspond à son tag de définition dans sa règle.

La différence entre ":last-child" et ":last-of-type" est que ":last-child" cible le dernier élément du bloc parent qu'importe son type tandis que ":last-of-type" cible le dernier élément du bloc parent qui correspond à son tag de définition dans sa règle.

La différence entre ":nth-child()" et ":nth-of-type()" est que ":nth-child()" cible les éléments en fonction de leurs positions qu'importe leurs types tandis que "nth-of-type()" cible les éléments en fonction de leurs positions et qui correspondent aux tags de définition dans la règle.

li ul:first-of-type {color: red;} permet de cibler tout le second bloc "ul" avec les 3 "li" et de leurs appliquer la couleur rouge.

li ul:first-child {color: red;} permet de cibler le 1er "li" du second bloc "ul" et de lui appliquer la couleur rouge.

Fusionner des cellules

300*50 100*200
200*100 100*50
100*50
100*100 200*100
100*50

Les balises multimédia

Les images sectorisées

carte_IUT GEA GEII GEII GEII INFO TC CROUS

Les formulaires





-

+