3STI DC Théorique

Devoir de contrôle N°1
Lycée khaznadar Matière : STI Date : 26 octobre 2021

Professeur: S Ben Azzouz Niveau: 3 Informatique Durée: 1h
Nom : ………………………….. Prénom :…………………………… Classe : 3 Info 3 G…..
Exercice1 (6 points) pour chacune des propositions suivantes, cocher la/les

bonne(s) réponse(s)
1. Parmi les choix suivants, quelle est la syntaxe CSS correcte ?
{h1; color: red;} h1 {color: red;}
{h1: color=red;} h1: color=red;
2. Comment afficher une bordure comme celle-ci :

La bordure supérieure = 10 pixels La bordure inférieure = 5 pixels
La bordure gauche = 20 pixels La bordure droite = 1 pixel ?
border-width:10px 20px 5px 1px; border-width:5px 20px 10px 1px;
border-width:10px 5px 20px 1px; border-width:10px 1px 5px 20px;
3. Quelle est la propriété CSS qui permet de rendre le texte italique ?
text-size text-style
font-style font-size
4. Que signifie HTML ?
High Texting Methods and Hyper Text Markup Language

Languages
Hyperlinks and Text Making

Language Hyper Tool Markup Language
1
5. Quel est le code HTML qui permet d’insérer un lien vers la page HTML « index.html » ?
<a src="index.html"> <a href="index.html"> Accueil</a>
<a rel="stylesheet" type="text/css”>

index.html</a> <a>lien vers index.html</a>
6. Quelle est l’élément HTML utilisé pour mettre en gras le texte ?
<i> <b>
<em> <ins>
Exercice 2(6points)
1) Utiliser HTML pour insérer un lien vers la feuille de style "monstyle.css".
<…………………………. rel="stylesheet" type="text/css" ……………….="monstyle.css">

2) Utiliser HTML et CSS pour insérer une image «ordinateur.jpg » et lui attribuer une bordure solide.
<………………… ………….="ordinateur.jpg" …………………………….=…………………………………………………>
3) Compléter le code HTML suivant afin d’obtenir le résultat affiché :
Code HTML Aperçu sur le navigateur

<……….. …………………………>
<li>Définition</li>
<li>Fonctionnement</li>
<………………… ……………….>
………Mécanique……….
………Electrique………..
<………………..>
<li>Exmeples</li>
<li>Conclusion</li>
<……………………>
4) Utiliser le CSS en ligne pour mettre la couleur du titre en bleu :
<h1>Ceci est un titre</h1> ………………………………………………………………………………..
2
Exercice 3(8 points)
Observer le document HTML ci-dessus :
<!DOCTYPE html> Insérer du CSS interne et ajouter les

<html> propriétés adéquates pour :
<head>
<title>Exercice 2</title> 1. Appliquer une couleur d’arrière-
<……………………………………...> plan « CadetBlue » à la page
……………………………………………………………………... HTML.
……………………………………………………………………...
……………………………………………………………………... 2. Appliquer une couleur
……………………………………………………………………... « LightCoral » au titre et au
……………………………………………………………………... premier paragraphe seulement.
……………………………………………………………………...
……………………………………………………………………... 3. Souligner le deuxième
……………………………………………………………………... paragraphe seulement.
……………………………………………………………………...
……………………………………………………………………... 4. Ajouter une image
……………………………………………………………………... « image.jpg » après le titre.
……………………………………………………………………...
……………………………………………………………………... 5. Appliquer une marge haut
……………………………………………………………………... droite bas et gauche de 50
……………………………………………………………………... pixels à l’image.
……………………………………………………………………...
……………………………………………………………………... 6. Appliquer une bordure arrondie
……………………………………………………………………... de 70 pixels à l’image.
……………………………………………………………………...
……………………………………………………………………...
<……………………………………………>
</head> IMPORTANT :
<body> SEULEMENT LE CSS INTERNE DOIT ETRE
UTILISE DANS CET EXERCICE
<h1> Le système d'exploitation</h1>
……………………………………………………………………...
……………………………………………………………………...
……………………………………………………………………...
<p
C'est un ensemble de programmes qui
pilotent le fonctionnement d'un appareil
informatique.
</p>
<p
Exemple: Microsoft Windows 7 /8/10 /11.
</p>
</body>
</html>

3STI DC Théorique

Transféré par

Informations du document

Titre original

Copyright

Partager ce document

Partager ou intégrer le document

Options de partage

Avez-vous trouvé ce document utile ?

Ce contenu est-il inapproprié ?

Droits d'auteur :

3STI DC Théorique

Titre original :

Transféré par

Droits d'auteur :

Devoir de contrôle N°1

Lycée khaznadar Matière : STI Date : 26 octobre 2021

Nom : ………………………….. Prénom :…………………………… Classe : 3 Info 3 G…..

Exercice1 (6 points) pour chacune des propositions suivantes, cocher la/les

{h1; color: red;} h1 {color: red;}

{h1: color=red;} h1: color=red;

2. Comment afficher une bordure comme celle-ci :

border-width:10px 20px 5px 1px; border-width:5px 20px 10px 1px;

border-width:10px 5px 20px 1px; border-width:10px 1px 5px 20px;

3. Quelle est la propriété CSS qui permet de rendre le texte italique ?

4. Que signifie HTML ?

High Texting Methods and Hyper Text Markup Language

Hyperlinks and Text Making

<a src="index.html"> <a href="index.html"> Accueil</a>

<a rel="stylesheet" type="text/css”>

6. Quelle est l’élément HTML utilisé pour mettre en gras le texte ?

1) Utiliser HTML pour insérer un lien vers la feuille de style "monstyle.css".

<…………………………. rel="stylesheet" type="text/css" ……………….="monstyle.css">

<………………… ………….="ordinateur.jpg" …………………………….=…………………………………………………>

3) Compléter le code HTML suivant afin d’obtenir le résultat affiché :

Code HTML Aperçu sur le navigateur

4) Utiliser le CSS en ligne pour mettre la couleur du titre en bleu :

<h1>Ceci est un titre</h1> ………………………………………………………………………………..

<!DOCTYPE html> Insérer du CSS interne et ajouter les

Centres d'intérêt liés

Vous aimerez peut-être aussi