Mise en forme de l'annuaire en CSS seulement :
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 |
:first-child ou :first-of-type ?
- ":first-child" sélectionne le premier enfant alors que ":first-of-type" sélectionne le premier élément du type qu'on lui attribut donc si on cherche le premier "p" dans un "article" mais qu'il y a un "h2" avant on peut dire "article p:first-of-type".
- "li ul:first-of-type {color: red;}" colore en rouge toute la liste enfant de "li" alors que "li ul:first-child {color: red;}" ne colore rien car le premier enfant de "li" n'est pas un "ul" mais un "em".
Tableau de couleurs et dimensions :
300×50 |
100×200 |
200×100 |
100×50 |
100×50 |
100×100 |
200×100 |
100×50 |
Insertion d'une vidéo :
Insertion d'une image clickable (carte de Fabron)
Formulaire de fin du TD4 :