Académique Documents
Professionnel Documents
Culture Documents
3) Quel attribut peut être ajouté à de nombreux éléments HTML pour les spécifier en tant que
membre d’un groupe spécifique?
Id Div Class
Exercice 2 (4pts) : Compléter le tableau suivanten complétant les codes HTML ou CSS :
<form>
………………………………………….
…………………………………………..
1) Ajouter au formulaire une liste déroulant de 3
choix(primaire, secondaire, supérieur) ………………………………………….
…………………………………………..
…………………………………………..
</form>
2) Compléter le code CSS suivant pour qu’une image …………………………………………………..
soit : aligner à gauche ……………………………………………………
Bordure : double …………………………………………………..
Marge extérieure : 10px ………………………………………………….
Marge intérieure : 15px
3) Compléter le balise suivant pour créer un lien qui <……………= ‘’ exemple.html ‘’ t………………>
s’ouvre dans une autre fenêtre
Exemple<…….>
1
Non visité : coloré en rouge …………………………………………..
Visité : couleur arrière-plan : vert
Exercice 3 (12 pts) : Ecrire le code html et CSS qui permet de créer la page suivante en suivant le
tableau ci-dessous..
HTML CSS
1. Dans la partie header écrire le titre de niveau 1 : Header couleur arrière plan : rose
Devoir de contrôle2 (0.75) (1) Hauteur : 70px
2. Dans la partie nav : (1pt) Nav Couleur arrière plan : bleu
écrire le titre de niveau 1 : Navigation (1) Hauteur : 450px
Un lien vers une page exemple.html Largeur : 40%
3. Dans la partie section : (3.5) Section Couleur arrière plan : gris
écrire le titre de niveau 1 : Formulaire (1) Hauteur : 450px
Créer le formulaire suivant : Largeur : 55%
Position : Adéquat
(1)
H1 (1.25) Alignement : centrer
2
Une transition en survolant la souris :
agrandir la taille d'écriture
jusqu’à atteindre 60px
L’alignement devient : à droite
3
HTML CSS
<!doctype html> …………………………………………………..
<html><head><metacharset="utf-8"> …………………………………………………..
<title> dc2</title>
…………………………………………………..
<link rel="stylesheet" href="…………….">
…………………………………………………..
</head>
…………………………………………………..
<body>
…………………………………………………..
……………………………………………………………………
…………………………………………………………………… …………………………………………………..
…………………………………………………………………… …………………………………………………..
…………………………………………………………………… …………………………………………………..
…………………………………………………………………… …………………………………………………..
……………………………………………………………………
…………………………………………………..
…………………………………………………………………….
…………………………………………………..
……………………………………………………………………
…………………………………………………………………… …………………………………………………..
…………………………………………………………………… …………………………………………………..
…………………………………………………………………… …………………………………………………..
…………………………………………………………………… …………………………………………………..
……………………………………………………………………
…………………………………………………..
……………………………………………………………………
…………………………………………………..
……………………………………………………………………
…………………………………………………..
……………………………………………………………………
…………………………………………………………………… …………………………………………………..
…………………………………………………………………… …………………………………………………..
…………………………………………………………………… …………………………………………………..
…………………………………………………………………… …………………………………………………..
……………………………………………………………………
…………………………………………………..
……………………………………………………………………
…………………………………………………………………… …………………………………………………..
…………………………………………………………………… …………………………………………………..
…………………………………………………………………… …………………………………………………..
…………………………………………………………………… …………………………………………………..
……………………………………………………………………
…………………………………………………..
……………………………………………………………………
………………………………………………….
……………………………………………………………………
…………………………………………………..
……………………………………………………………………
…………………………………………………...
……………………………………………………………………
4
5