Vous êtes sur la page 1sur 4

REPUBLIQUE TUNISIENNE LYCÈE Oued ELLIL

*** MINISTERE DE L’EDUCATION *** Matière : INFORMATIQUE


Classe: 3SI
DEVOIR DE CONTROLE N°1 Matière :STI

DATE : Octobre 2023 Durée :1h ENSEIGNANT: Mr Zouaghi Mohamed


NOM : ……………………… PRENOM :…………………….. NOTE

Exercice I :Encercler la bonne réponse :(11points)


1. Pour mettre en gras une partie de texte dans une page html:
• on utilise une balise html spéciale. on utilise une propriété css.
2. En HTML5, la balise <header> a le même rôle que la balise <head> ?
• Vrai Faux
3. Quels éléments sont nécessaires pour créer une liste dont les items ne sont pas numérotés ?
• ul et li ol et li ul et ol
4. Laquelle de ces syntaxes est correcte pour embarquer une image dans la page html?
• <img>src="mon-image.jpg" alt="Une image"</img>
• <img src="mon-image.jpg" alt="Une image">
• <img href="mon-image.jpg" alt="Une image">
5. Quelle est la balise HTML utilisée pour créer une cellule d'en-tête dans un tableau?

th - td - tr

6. Avec la règle css suivante:

p.bli{

color: red;

• le texte de tous les paragraphes sera rouge.


• seul le texte des paragraphes de classe bli sera rouge.
• seul le texte du paragraphe d'identifiant bli sera rouge.
• la couleur de fond des paragraphes de classe bli sera rouge.

7. . Quelles sont les balises HTML5 utilisées pour l'en-tête, la navigation, le pied de page et les éléments
annexes d'une page ?

• <header>, <navigation>, <footer>, <aside>


• <header>, <nav>, <footer>, <aside>
• <head>, <nav>, <foot>, <aside>

8. Quelle est la règle utilisée pour utiliser une police CSS3 à l'aide d'un fichier importé ?

@font-face - @font-style - @font-weight - @font-size

9. Quelle propriété CSS permet de préciser la police d'écriture à utiliser ?

Color - letter-spacing - text-align - font-family

10. Quelle propriété CSS permet de colorer du texte ?

border-color - background-color -color

1
11. Quelle est la différence entre MARGIN et PADDING en CSS ?
• MARGIN est utilisé pour les marges intérieures et PADDING est utilisé pour les marges extérieures
• MARGIN et PADDING sont utilisés pour les marges intérieures
• MARGIN est utilisé pour les marges extérieures et PADDING est utilisé pour les marges intérieures
• MARGIN et PADDING sont utilisés pour les marges extérieures
12. Quel sélecteur permet d'appliquer un effet de présentation à une balise avec l'attribut id="titre2" ?

#titre2 .titre2 titre 2

13. Comment créer un lien vers une adresse email?


• <a href="mail:email@example.com">L'auteur</a>
• <a href="mailto:email@example.com">L'auteur</a>
• <a href="email@example.com">L'auteur</a>

14. Comment peut-on enlever le soulignement d'un lien HTML ?


• Avec la propriété de style text-decoration: none
• En utilisant l'attribut no-underline
• En supprimant la balise <a>
15. A quoi sert la pseudo classe :hover ?
• A modifier le style d'un élément lors du survol de la souris sur l'élément
• A modifier le style d'un lien dès qu'il a été cliqué
• A modifier le style d'un élément avant qu'on l'ait cliqué

16. Lorsqu'on définit "width:75%" pour un élément en CSS, cela signifie...


• Que l'élément va occuper une 75% de la largeur totale de la page
• Que l'élément va occuper une 75% de sa largeur par défaut
• Que l'élément va occuper une 75% de la largeur de son élément parent
17. Si on ne donne que deux valeurs à la propriété padding, la première valeur représente...
• La marge intérieure haute
• Les marges intérieures droite et gauche
• Les marges intérieures haute et basse
18. Appliquer un "clear:both" à un élément est utile pour...
• Empêcher l'élément de se placer à côté d'un élément possédant un float:left
• Faire flotter l'élément à gauche
• Effacer l’élément
19.Comment faire en sorte qu'une cellule occupe l'espace de trois colonnes dans un tableau HTML ?
• En utilisant colspan = "3"
• En utilisant rowspan = "3"
• En crivant deux cellules vides après cette cellule dans notre tableau
20.Que se passe t-il si j'applique "display:none" à un élément ?
• L'élément est effacé du code de ma page HTML
• Le type de display de l'élément n'est pas modifié
• L'élément ne sera pas affiché dans le navigateur
21. Quelle propriété nous permet de créer des bordures arrondies ?
• Border-style
• Border-radius
• Radius
22. Par défaut, une image de fond se répète...
• Horizontalement
• Pas du tout
• Horizontalement et verticalement

2
Exercice II:9 points

Répondre aux questions

1. Quelle est la couleur d'arrière-plan du paragraphe ?

…………………………….

……………………………

…………………………….

2. Quelles sont les propriétés du paragraphe ?

……………………………

……………………………

……………………………

3. Quelles sont les propriétés du paragraphe ?

……………………………

……………………………

……………………………

4. Quelle est la couleur d'arrière-plan du paragraphe ?


5. ……………………………

……………………………

6. ……………………………

3
5. Quelle est la couleur d'arrière-plan du paragraphe ?
……………………………

……………………………

……………………………

6. Quelle est la couleur d'arrière-plan du paragraphe ?


…………………………

…………………………

…………………………

7. Combien d'éléments HTML ont un arrière-plan vert ?

…………………………

…………………………

…………………………

8. Combien d'éléments HTML ont un arrière-plan vert ?

…………………………

…………………………

…………………………

9. Quelle est la couleur d’arrière-plan du paragraphe ?

…………………………

…………………………

……………………………

Vous aimerez peut-être aussi