QCM HTML / CSS – Partie 5

juillet 27, 2019mai 21, 2024 Thomas Aucun commentaire correction, corrigé, css, html, pdf, QCM, question, quiz, réponse, Test technique

Questions pratiques pour testez vos connaissances sur le langage HTML à savoir l’utilisation du code HTML, structurer une page web en HTML, organiser les éléments d’une page Web, etc. Testez votre connaissance et travaillez sur les questions que vous trompez le plus souvent.

1. DNS traduit __________

A le nom de domaine en adresse IP

B l’adresse IP en nom de domaine

C Les deux A et B sont vrais.

D le nom de domaine en adresse physique(MAC)

DNS est l’abréviation de Domain Name System (ou Service ou Server), un service Internet qui traduit les noms de domaine en adresses IP. Comme les noms de domaine sont alphabétiques, ils sont plus faciles à mémoriser. Pourtant, Internet est vraiment basé sur les adresses IP.

2. Quelle balise est utilisée pour lister les éléments avec des puces?

A <puce>…</puce>

B <list>…</list>

C <ul>…</ul>

D <ol>…</ol>

La balise <ul> définit une liste(à puces) non ordonnée. Exemple :

<ul>
  <li>JavaScript</li>
  <li>HTML / CSS</li>
  <li>PHP</li>
</ul>

Sortie :

JavaScript
HTML / CSS
PHP

3. Comment définir un lien qui doit s’ouvrir dans une nouvelle page en HTML?

A <a href = “https://waytolearnx.com” target = “blank”>Cliquez Ici</a>

B <a href = “https://waytolearnx.com” target =“_blank”>Cliquez Ici</a>

C <a href = “https://waytolearnx.com” target = “#blank”>Cliquez Ici</a>

D <a href = “https://waytolearnx.com” target = “@blank”>Cliquez Ici</a>

Si vous ajoutez l’attribut target = "_ blank" à vos liens. Lorsqu’un visiteur cliquent sur ce lien, il s’ouvrira dans une nouvelle fenêtre ou un nouvel onglet.

4. Comment définir une image en background d’une page Web ?

A <body background = “test.jpg”>

B <body background image = “test.jpg”>

C <background = “test.jpg”>

D <background image = “test.jpg”>

Si vous souhaitez ajouter une image en background au lieu d’une couleur, l’une des solutions est l’attribut <body background> ou avec CSS body { background-image: url("test.jpg");}. Il spécifie une image en background pour une page web

5. La première page d’un site Web s’appelle _____.

A Page de conception

B Page d’accueil

C Première page

D Page principale

Une page d’accueil est la page par défaut d’un site web. C’est la première page que les visiteurs voient lorsqu’ils saisissent une URL.

6. La balise Head est utilisée pour?

A Écrire des styles CSS

B Écrire du Javascript

C Inclure des fichiers CSS et JS

D Tout les réponses sont vrais

La balise <head> est utilisée pour contenir des informations spécifiques sur une page Web, souvent appelées métadonnées. Ces informations comprennent des éléments tels que le titre du document (obligatoire), ainsi que des scripts ou des liens vers des scripts et des fichiers CSS.

7. Par défaut, les liens sont affichés avec un soulignement. Comment pouvez-vous supprimer le soulignement de tous les liens en utilisant du code CSS?

A a {text: no-underline;}

B a {text-decoration:none;}

C a {text-style: no-underline;}

D a {text-decoration: no-underline;}

Les liens peuvent être stylés avec n’importe quelle propriété CSS. La règle a {text-decoration:none;} permet de supprimer le soulignement de tous les liens. Voir un exemple.

8. Quelle est la syntaxe correcte du code CSS suivant?

A Body:color=black

B {body;color:black}

C {body:color=black(body}

D Body {color: Black}

Cela définit la couleur du texte pour l’élément « body ». Tout ce que vous appliquez sur l’élément « body » en CSS affectera toute la page.

9. Lequel des sélecteurs suivants sélectionne tous les éléments de E ayant l’attribut Attr se terminant par la valeur donnée?

A E[attr^=value]

B E[attr$=value]

C E[attr*=value]

D Aucune de ces réponses n’est vraie.

Le sélecteur E[attr$=value] est utilisé pour sélectionner les éléments dont la valeur d’attribut se terminant par une valeur spécifiée. L’exemple suivant sélectionne tous les éléments div dont la valeur de l’attribut class se termine par « test » :

div[class$="test"] {
  background: red;
}

10. Lequel des sélecteurs suivants sélectionne les checkboxes ou option (option d’un élément select) qui est coché ou activé?

A E ~ F

B ::after

C :checked

D Aucune de ces réponses n’est vraie.

Exemple : Définissez les propriétés « height » et « width » de tous les éléments <input> cochés:

  <input type="checkbox"> Lorem Ipsum<br>
  <input type="checkbox"> Lorem Ipsum<br>
  <input type="checkbox" checked="checked"> Lorem Ipsum<br>
  <input type="checkbox"> Lorem Ipsum

input:checked {
  height: 50px;
  width: 50px;
}

Sortie :

QCMs qui pourraient vous intéresser :

1. DNS traduit __________

2. Quelle balise est utilisée pour lister les éléments avec des puces?

3. Comment définir un lien qui doit s’ouvrir dans une nouvelle page en HTML?

4. Comment définir une image en background d’une page Web ?

5. La première page d’un site Web s’appelle _____.

6. La balise Head est utilisée pour?

7. Par défaut, les liens sont affichés avec un soulignement. Comment pouvez-vous supprimer le soulignement de tous les liens en utilisant du code CSS?

8. Quelle est la syntaxe correcte du code CSS suivant?

9. Lequel des sélecteurs suivants sélectionne tous les éléments de E ayant l’attribut Attr se terminant par la valeur donnée?

10. Lequel des sélecteurs suivants sélectionne les checkboxes ou option (option d’un élément select) qui est coché ou activé?

Vous pourrez aussi aimer

QCM HTML / CSS – Partie 4

QCM HTML / CSS – Partie 11

QCM HTML / CSS – Partie 6

Laisser un commentaire Annuler la réponse