Vous êtes sur la page 1sur 4

Durée : 2h

I. Exercice 1 (6 pts) :
Ecrire le code qui permet de réaliser le paragraphe suivant :

Note :

• Utilisez le code HTML5 et CSS3.


• Insérer la feuille de style CSS interne dans le code HTML5.

1
II. Exercice 2 (6 pts) :
Écrire le code HTML et la feuille de style CSS pour obtenir le rendu ci-dessous, en utilisant
l'image ci-après.

• Image
• Couleur bleu : blue
• Couleur grise : grey

Note :

• Utilisez le code HTML5 et CSS3.


• Insérer la feuille de style CSS3 interne dans le code HTML5.

2
III. Exercice 3 (4 pts) :
Limiter la largeur du <h1> à 50 % et augmenter la hauteur à 150px.

HTML5 :

<body>

<h1>Préparer un cocktail</h1>

<p>Il existe différentes façons de réaliser un cocktail : au verre à mélange, au shaker ou


directement au verre.</p>

</body>

CSS3 :

h1 {

background: yellow;

Note :

• Utilisez le code HTML5 et CSS3.


• Insérer la feuille de style CSS3 externe dans le code HTML5.

IV. Exercice 4 (4 pts) :


Écrire le code HTML5 et la feuille de style CSS3 pour obtenir le rendu ci-dessous, en utilisant les
codes couleurs ci-après.
3
• Jaune : #FCD116
• Bleu : #003893
• Rouge : #CE1126

Vous aimerez peut-être aussi