Es-tu un bon programmeur ? Fais le test !

Les programmeurs sont des bêtes en informatique ! Elles arrivent à trouver en un clin d’œil les diverses erreurs de codes. Et toi, arriveras-tu à les trouver ? 1 min


387
513 partages, 387 points

Nous avons réalisé un petit test simple sur le HTML et le CSS, un language de programmation simple et basique afin que tout le monde puisse participer au test. Arriveras-tu à trouver les erreurs dans les différents extraits de code ? Allons-y.

Pour éviter les problèmes d’affichages, nous avons remplacé les < > du code dans les réponses par des ” “.

  1. 1 Pourquoi le titre ne s'affiche pas ?

    Rappel : Nous avons remplacé les < > par des " ".

    1. On doit écrire "title" et "/title"
    2. On doit écrire en majuscule TITRE, et /TITRE
    3. Le titre est trop long
    C'est juste !
    Faux !

    Il fallait mettre "title" et "/title"

    En programmation HTML, les tags sont toujours en anglais.

  2. 2 Pourquoi tout le texte de la page est en gras ?

    Rappel : Nous avons remplacé les < > par des " ".

    1. Car il y a une faute de frappe, il le slash aurait du être "/br" et non "br /"
    2. Car il manque un "/b" à la fin de la première ligne
    3. Car il fallait mettre "gras" pour utiliser du gras
    C'est juste !
    Faux !

    Il manque "/b" à la fin de la ligne

    En effet, nous avons activé le gras avec "b" mais nous ne l'avons jamais fermé avec "/b".

  3. 3 Pourquoi l'image ne s'affiche pas ?

    Rappel : Nous avons remplacé les < > par des " ".

    1. Car l'image doit obligatoirement être une URL au format https://
    2. Car la balise est refermée par un / à la fin
    3. Car il ne faut pas dire "img source=monimage.png /", mais "img src=monimage.png /"
    C'est juste !
    Faux !

    Il faut utiliser l'argument "src" pour insérer une image

    On n'utilise pas source= mais src= pour insérer une image avec cette balise.

  4. 4 Est-ce que j'ai fait une faute dans ce code ?

    Rappel : Nous avons remplacé les < > par des " ".

    1. Non, tout est en ordre
    2. Oui, il y a une erreur
    C'est juste !
    Faux !

    Il y a une erreur !

    On n'écrit pas du texte entre "head" et "/head", son contenu est réservé aux informations pour le navigateur et le chargement des scripts de la page.

  5. 5 Est-ce que le tag HTML suivant existe ?

    Rappel : Nous avons remplacé les < > par des " ".

    1. Non, il n'existe pas
    2. Oui, il existe
    C'est juste !
    Faux !

    Il n'existe pas

    Nous utilisons la balise "center" pour mettre du texte au centre de la page.

  6. 6 Pourquoi rien ne s'affiche ?

    Rappel : Nous avons remplacé les < > par des " ".

    1. Il y a un accent circonflexe sur le o. On ne doit pas en mettre en programmation
    2. Le texte est commenté, il est donc ignoré à l'affichage
    3. Il manque "h1" et "/h1" pour qu'il s'affiche
    C'est juste !
    Faux !

    Le texte est commenté

    Le "!--" et "--" met du texte en commentaire. Il n'est donc pas affiché et sert juste à commenter le code aux programmeurs.

  7. 7 Est-ce que ce texte va s'afficher ?

    Rappel : Nous avons remplacé les < > par des " ".

    1. Oui, il fait juste appel à un style défini dans le CSS
    2. Non, car il a des mots en français et en programmation tout doit être en anglais
    3. Non car si on veut écrire, on doit juste mettre "p" et "/p" et rien d'autre dedans
    C'est juste !
    Faux !

    Le texte va s'afficher et faire appel au CSS

    Une classe permet tout simplement de mettre un style différent sur le texte à l'aide du CSS. Même si elle n'existe pas le texte s'affichera. 

  8. 8 Pourquoi le CSS ne fonctionne pas ?

    Rappel : Nous avons remplacé les < > par des " ".

    1. En CSS, on aurait du écrire ainsi : a:hover {color: red}
    2. En CSS on ne peut pas écrire RED en couleur, on doit indiquer au format #FFFFFF
    3. Il manque un point virgule à la fin de la ligne de la couleur
    C'est juste !
    Faux !

    Il manque un point virgule à la fin de la ligne

    Il manque un point virgule à la fin de la ligne ! C'est bien le pire ennemi des programmeurs, les points virgules en fin de ligne.

  9. 9 Est-ce de l'HTML ou du CSS ?

    Rappel : Nous avons remplacé les < > par des " ".

    1. Non, ce n'est pas du HTML ni du CSS
    2. C'est du CSS
    3. C'est de l'HTML
    C'est juste !
    Faux !

    Ce n'est pas de l'HTML, ni du CSS

    C'est du PHP ! Bien qu'on utilise le PHP en complément de l'HTML c'est un tout autre language de programmation.

  10. 10 Pourquoi rien ne marche ?

    Rappel : Nous avons remplacé les < > par des " ".

    1. Car il n'y a pas de retours à la ligne
    2. Car une balise n'est pas fermée
    3. Car il manque une balise
    C'est juste !
    Faux !

    Une balise n'est pas fermée !

    La balise "HTML" est restée ouverte !

Es-tu un bon programmeur ? Fais le test !

Réalisé le
  1. Résultat du Quiz
    Ton score
    C'est juste !
    Partager le résultat
  2. Résultat du Quiz

    Débutant en programmation

    Ton score

    Ce n'est pas un score de programmeur, mais ce n'est pas grave ! Tu débutes peut-être tout juste en programmation alors ne panique pas ! Reviens faire ce test quand tu auras plus de connaissances et tu feras à coup sûr un meilleur score.

    Partager le résultat
  3. Résultat du Quiz

    C'est tout juste la moyenne

    Ton score

    Tu as tout juste obtenu la moyenne, on peut dire que tu es un développeur qui a de bonnes bases en HTML et en CSS ! Mais tu pourrais encore faire mieux ! Et tes amis, ils font moins bien que toi ?

    Partager le résultat
  4. Résultat du Quiz

    Programmeur confirmé !

    Ton score

    Excellent ! Tu es dans la catégorie des programmeurs confirmés, on ne peut pas faire mieux que ça à l'heure actuelle ! Féliciations et n'oublies pas ce que tu as appris ici !

    Partager le résultat

Tu as aimé ? Partage avec tes amis !

387
513 partages, 387 points
Sven

One Comment

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

*

code

Que souhaitez-vous créer ?
Test de personnalité
Une série de question qui révèlent votre personnalité
Quiz Trivia
Testez des connaissances avec des séries de questions vrai / faux !
Sondage
Un sondage pour déterminer des choix ou des opinions
Liste
Les listes classiques sur Internet "Top 10 des..."
Compte à rebours
Les comptes à rebours classiques du Web
Listes ouvertes
Créez des listes et laissez les utilisateurs les compléter et voter
Classement
Laissez les gens voter pour les meilleures propositions
Video
Youtube, Vimeo ou Vine