Série CSS

Exercice 1 :
1- Créer une page html qui contient la table suivante :

ID Nom Prénom Age

1111 BENHADDAD Sara 15

2222 ALLAM Fadoua 20

3333 CHADDAD Ali 18

4444 HANI Badr 19

2- Donner les styles suivants :
2.1 La bordure de la table et toutes les cases
2.2 La police des entêtes est de « Times New Roman » avec une taille de 24px
2.3 La largeur et la longueur des cases sont à 50 px
2.4 Les lignes impaires ont un arrière-plan gris
2.5 Lorsque la souris survole sur une ligne : sa taille d’écriture sera x-large et sa couleur
d’arrière-plan sera rouge
Exercice 2 :
Réaliser le formulaire d’inscription suivant :

1- Le formulaire d’inscription s’étale sur 80%

2- Prend en considération les remarques pour chaque champ
3- Si la saisie du champ est valide il donne la couleur grise, l’inverse en rouge
4- Lorsque la souris survole sur une zone de texte : sa taille d’écriture sera x-large et sa couleur
d’arrière-plan sera jaune

Exercice 3 :

1- Réaliser ce document en html

2- Donner les styles suivants :
a- La bordure de la table et toutes les cases
Page 1|2
 Série CSS
b- Les éléments de la deuxième liste avec un ‘square’
c- La taille de tout le contenu des listes est x-large
d- La couleur d’écriture des éléments pairs de la deuxième liste est bleue
e- Les entêtes du tableau ont une couleur d’arrière pal jaune
f- Si la sourie survole sur l’un des éléments de la deuxième liste ou sur une ligne de la table.
La taille d’écriture devient xx-large et la couleur d’écriture devient rouge.

TP-Récapitulatif :
Réalisez la page web suivante :

En respectant la structure suivante :

Page 2|2