Scribd
Importer
1K vues4 pages

Examen CSS

Le document contient quatre exercices portant sur le développement web avec HTML5 et CSS3. Les exercices consistent à créer des mises en page à l'aide de balises HTML et de feuilles de styles. Les consignes précisent d'insérer les feuilles de style en interne ou en externe.

Transféré par

BIg Academy
Copyright
© © All Rights Reserved
Nous prenons très au sérieux les droits relatifs au contenu. Si vous pensez qu’il s’agit de votre contenu, signalez une atteinte au droit d’auteur ici.
Formats disponibles
Téléchargez aux formats PDF, TXT ou lisez en ligne sur Scribd
1K vues4 pages

Examen CSS

Le document contient quatre exercices portant sur le développement web avec HTML5 et CSS3. Les exercices consistent à créer des mises en page à l'aide de balises HTML et de feuilles de styles. Les consignes précisent d'insérer les feuilles de style en interne ou en externe.

Transféré par

BIg Academy
Copyright
© © All Rights Reserved
Nous prenons très au sérieux les droits relatifs au contenu. Si vous pensez qu’il s’agit de votre contenu, signalez une atteinte au droit d’auteur ici.
Formats disponibles
Téléchargez aux formats PDF, TXT ou lisez en ligne sur Scribd

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