{"id":3708,"date":"2025-07-18T16:25:14","date_gmt":"2025-07-18T16:25:14","guid":{"rendered":"https:\/\/wescocenter.org\/?p=3708"},"modified":"2025-07-18T16:27:57","modified_gmt":"2025-07-18T16:27:57","slug":"web-development-webmaster-quiz","status":"publish","type":"post","link":"https:\/\/wescocenter.org\/fr\/web-development-webmaster-quiz\/","title":{"rendered":"Web Development &#8211; Webmaster Quiz"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Web Development Quiz \/ Quiz de D\u00e9veloppement Web<\/title>\n    <style>\n        :root {\n            --primary-color: #007bff;\n            --light-gray: #f4f4f4;\n            --dark-gray: #333;\n            --correct-color: #28a745;\n            --incorrect-color: #dc3545;\n            --active-color: #e0f7ff;\n        }\n        body {\n            font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n            background-color: var(--light-gray);\n            color: var(--dark-gray);\n            line-height: 1.6;\n            margin: 0;\n            padding: 20px;\n            display: flex;\n            justify-content: center;\n            align-items: center;\n            min-height: 100vh;\n        }\n        #quiz-container {\n            background: white;\n            padding: 2rem;\n            border-radius: 10px;\n            box-shadow: 0 4px 15px rgba(0,0,0,0.1);\n            width: 100%;\n            max-width: 800px;\n        }\n        .lang-switcher {\n            text-align: right;\n            margin-bottom: 1rem;\n        }\n        .lang-switcher button {\n            padding: 0.5rem 1rem;\n            border: 1px solid var(--primary-color);\n            background: white;\n            color: var(--primary-color);\n            border-radius: 5px;\n            cursor: pointer;\n            font-weight: bold;\n            transition: background-color 0.3s, color 0.3s;\n        }\n        .lang-switcher button:hover {\n            background: var(--primary-color);\n            color: white;\n        }\n        .question-block {\n            margin-bottom: 2rem;\n            border-bottom: 1px solid #eee;\n            padding-bottom: 1.5rem;\n        }\n        .question-block:last-of-type {\n            border-bottom: none;\n        }\n        h2 {\n            font-size: clamp(1.5rem, 4vw, 1.8rem);\n            font-weight: 600;\n            margin-bottom: 1.5rem;\n            color: var(--primary-color);\n        }\n        .options-container {\n            display: flex;\n            flex-direction: column;\n            gap: 1rem;\n        }\n        .option {\n            display: block;\n        }\n        .option input[type=\"radio\"] {\n            display: none;\n        }\n        .option label {\n            display: block;\n            background: #f9f9f9;\n            border: 2px solid #ddd;\n            padding: 1rem;\n            border-radius: 8px;\n            cursor: pointer;\n            transition: border-color 0.3s, background-color 0.3s;\n        }\n        .option label:hover {\n            border-color: var(--primary-color);\n        }\n        .option input[type=\"radio\"]:checked + label {\n            background-color: var(--active-color);\n            border-color: var(--primary-color);\n            font-weight: bold;\n        }\n        #submit-btn {\n            display: block;\n            width: 100%;\n            padding: 1rem;\n            font-size: 1.2rem;\n            font-weight: bold;\n            color: white;\n            background-color: var(--primary-color);\n            border: none;\n            border-radius: 8px;\n            cursor: pointer;\n            margin-top: 2rem;\n            transition: background-color 0.3s;\n        }\n        #submit-btn:hover {\n            background-color: #0056b3;\n        }\n        #results {\n            margin-top: 2rem;\n            padding: 1.5rem;\n            border-radius: 8px;\n            text-align: center;\n        }\n        #results h3 {\n            margin-top: 0;\n            font-size: 1.7rem;\n        }\n        #results p {\n            font-size: 1.1rem;\n        }\n        .quiz-fr {\n            display: none;\n        }\n    <\/style>\n<\/head>\n<body>\n\n    <div id=\"quiz-container\">\n        <div class=\"lang-switcher\">\n            <button id=\"lang-btn\">Fran\u00e7ais<\/button>\n        <\/div>\n        \n        <div id=\"quiz-en\" class=\"quiz-en\">\n            <h2>Web Development Entry Quiz<\/h2>\n            <form id=\"quiz-form-en\">\n                <div class=\"question-block\">\n                    <p><strong>1. What does HTML stand for?<\/strong><\/p>\n                    <div class=\"options-container\">\n                        <div class=\"option\"><input type=\"radio\" name=\"q1\" id=\"q1a-en\" value=\"a\"><label for=\"q1a-en\">Hyper Text Markup Language<\/label><\/div>\n                        <div class=\"option\"><input type=\"radio\" name=\"q1\" id=\"q1b-en\" value=\"b\"><label for=\"q1b-en\">Hyperlinks and Text Markup Language<\/label><\/div>\n                        <div class=\"option\"><input type=\"radio\" name=\"q1\" id=\"q1c-en\" value=\"c\"><label for=\"q1c-en\">Home Tool Markup Language<\/label><\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"question-block\">\n                    <p><strong>2. Which HTML tag is used for the largest heading?<\/strong><\/p>\n                    <div class=\"options-container\">\n                        <div class=\"option\"><input type=\"radio\" name=\"q2\" id=\"q2a-en\" value=\"a\"><label for=\"q2a-en\">&lt;h6&gt;<\/label><\/div>\n                        <div class=\"option\"><input type=\"radio\" name=\"q2\" id=\"q2b-en\" value=\"b\"><label for=\"q2b-en\">&lt;heading&gt;<\/label><\/div>\n                        <div class=\"option\"><input type=\"radio\" name=\"q2\" id=\"q2c-en\" value=\"c\"><label for=\"q2c-en\">&lt;h1&gt;<\/label><\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"question-block\">\n                    <p><strong>3. What does CSS stand for?<\/strong><\/p>\n                    <div class=\"options-container\">\n                        <div class=\"option\"><input type=\"radio\" name=\"q3\" id=\"q3a-en\" value=\"a\"><label for=\"q3a-en\">Computer Style Sheets<\/label><\/div>\n                        <div class=\"option\"><input type=\"radio\" name=\"q3\" id=\"q3b-en\" value=\"b\"><label for=\"q3b-en\">Cascading Style Sheets<\/label><\/div>\n                        <div class=\"option\"><input type=\"radio\" name=\"q3\" id=\"q3c-en\" value=\"c\"><label for=\"q3c-en\">Creative Style Sheets<\/label><\/div>\n                    <\/div>\n                <\/div>\n                 <div class=\"question-block\">\n                    <p><strong>4. How do you select an element with id=&#8221;demo&#8221;?<\/strong><\/p>\n                    <div class=\"options-container\">\n                        <div class=\"option\"><input type=\"radio\" name=\"q4\" id=\"q4a-en\" value=\"a\"><label for=\"q4a-en\">#demo<\/label><\/div>\n                        <div class=\"option\"><input type=\"radio\" name=\"q4\" id=\"q4b-en\" value=\"b\"><label for=\"q4b-en\">.demo<\/label><\/div>\n                        <div class=\"option\"><input type=\"radio\" name=\"q4\" id=\"q4c-en\" value=\"c\"><label for=\"q4c-en\">*demo<\/label><\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"question-block\">\n                    <p><strong>5. Inside which HTML element do we put JavaScript?<\/strong><\/p>\n                    <div class=\"options-container\">\n                        <div class=\"option\"><input type=\"radio\" name=\"q5\" id=\"q5a-en\" value=\"a\"><label for=\"q5a-en\">&lt;javascript&gt;<\/label><\/div>\n                        <div class=\"option\"><input type=\"radio\" name=\"q5\" id=\"q5b-en\" value=\"b\"><label for=\"q5b-en\">&lt;script&gt;<\/label><\/div>\n                        <div class=\"option\"><input type=\"radio\" name=\"q5\" id=\"q5c-en\" value=\"c\"><label for=\"q5c-en\">&lt;js&gt;<\/label><\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"question-block\">\n                    <p><strong>6. How do you write &#8220;Hello World&#8221; in an alert box?<\/strong><\/p>\n                    <div class=\"options-container\">\n                        <div class=\"option\"><input type=\"radio\" name=\"q6\" id=\"q6a-en\" value=\"a\"><label for=\"q6a-en\">alert(&#8220;Hello World&#8221;);<\/label><\/div>\n                        <div class=\"option\"><input type=\"radio\" name=\"q6\" id=\"q6b-en\" value=\"b\"><label for=\"q6b-en\">msgBox(&#8220;Hello World&#8221;);<\/label><\/div>\n                        <div class=\"option\"><input type=\"radio\" name=\"q6\" id=\"q6c-en\" value=\"c\"><label for=\"q6c-en\">alertBox(&#8220;Hello World&#8221;);<\/label><\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"question-block\">\n                    <p><strong>7. Which property changes the background color?<\/strong><\/p>\n                    <div class=\"options-container\">\n                        <div class=\"option\"><input type=\"radio\" name=\"q7\" id=\"q7a-en\" value=\"a\"><label for=\"q7a-en\">color<\/label><\/div>\n                        <div class=\"option\"><input type=\"radio\" name=\"q7\" id=\"q7b-en\" value=\"b\"><label for=\"q7b-en\">bgcolor<\/label><\/div>\n                        <div class=\"option\"><input type=\"radio\" name=\"q7\" id=\"q7c-en\" value=\"c\"><label for=\"q7c-en\">background-color<\/label><\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"question-block\">\n                    <p><strong>8. Which company developed JavaScript?<\/strong><\/p>\n                    <div class=\"options-container\">\n                        <div class=\"option\"><input type=\"radio\" name=\"q8\" id=\"q8a-en\" value=\"a\"><label for=\"q8a-en\">Microsoft<\/label><\/div>\n                        <div class=\"option\"><input type=\"radio\" name=\"q8\" id=\"q8b-en\" value=\"b\"><label for=\"q8b-en\">Netscape<\/label><\/div>\n                        <div class=\"option\"><input type=\"radio\" name=\"q8\" id=\"q8c-en\" value=\"c\"><label for=\"q8c-en\">Google<\/label><\/div>\n                    <\/div>\n                <\/div>\n                 <div class=\"question-block\">\n                    <p><strong>9. What is the correct HTML for creating a hyperlink?<\/strong><\/p>\n                    <div class=\"options-container\">\n                        <div class=\"option\"><input type=\"radio\" name=\"q9\" id=\"q9a-en\" value=\"a\"><label for=\"q9a-en\">&lt;a href=&#8221;url&#8221;&gt;link text&lt;\/a&gt;<\/label><\/div>\n                        <div class=\"option\"><input type=\"radio\" name=\"q9\" id=\"q9b-en\" value=\"b\"><label for=\"q9b-en\">&lt;a&gt;url&lt;\/a&gt;<\/label><\/div>\n                        <div class=\"option\"><input type=\"radio\" name=\"q9\" id=\"q9c-en\" value=\"c\"><label for=\"q9c-en\">&lt;link&gt;url&lt;\/link&gt;<\/label><\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"question-block\">\n                    <p><strong>10. Which of these is a popular front-end framework?<\/strong><\/p>\n                    <div class=\"options-container\">\n                        <div class=\"option\"><input type=\"radio\" name=\"q10\" id=\"q10a-en\" value=\"a\"><label for=\"q10a-en\">Django<\/label><\/div>\n                        <div class=\"option\"><input type=\"radio\" name=\"q10\" id=\"q10b-en\" value=\"b\"><label for=\"q10b-en\">React<\/label><\/div>\n                        <div class=\"option\"><input type=\"radio\" name=\"q10\" id=\"q10c-en\" value=\"c\"><label for=\"q10c-en\">Laravel<\/label><\/div>\n                    <\/div>\n                <\/div>\n            <\/form>\n        <\/div>\n\n        <div id=\"quiz-fr\" class=\"quiz-fr\">\n            <h2>Quiz d&#8217;Initiation au D\u00e9veloppement Web<\/h2>\n            <form id=\"quiz-form-fr\">\n                 <div class=\"question-block\">\n                    <p><strong>1. Que signifie HTML ?<\/strong><\/p>\n                    <div class=\"options-container\">\n                        <div class=\"option\"><input type=\"radio\" name=\"q1\" id=\"q1a-fr\" value=\"a\"><label for=\"q1a-fr\">Hyper Text Markup Language<\/label><\/div>\n                        <div class=\"option\"><input type=\"radio\" name=\"q1\" id=\"q1b-fr\" value=\"b\"><label for=\"q1b-fr\">Hyperlinks and Text Markup Language<\/label><\/div>\n                        <div class=\"option\"><input type=\"radio\" name=\"q1\" id=\"q1c-fr\" value=\"c\"><label for=\"q1c-fr\">Home Tool Markup Language<\/label><\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"question-block\">\n                    <p><strong>2. Quelle balise HTML est utilis\u00e9e pour le plus grand titre ?<\/strong><\/p>\n                    <div class=\"options-container\">\n                        <div class=\"option\"><input type=\"radio\" name=\"q2\" id=\"q2a-fr\" value=\"a\"><label for=\"q2a-fr\">&lt;h6&gt;<\/label><\/div>\n                        <div class=\"option\"><input type=\"radio\" name=\"q2\" id=\"q2b-fr\" value=\"b\"><label for=\"q2b-fr\">&lt;heading&gt;<\/label><\/div>\n                        <div class=\"option\"><input type=\"radio\" name=\"q2\" id=\"q2c-fr\" value=\"c\"><label for=\"q2c-fr\">&lt;h1&gt;<\/label><\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"question-block\">\n                    <p><strong>3. Que signifie CSS ?<\/strong><\/p>\n                    <div class=\"options-container\">\n                        <div class=\"option\"><input type=\"radio\" name=\"q3\" id=\"q3a-fr\" value=\"a\"><label for=\"q3a-fr\">Computer Style Sheets<\/label><\/div>\n                        <div class=\"option\"><input type=\"radio\" name=\"q3\" id=\"q3b-fr\" value=\"b\"><label for=\"q3b-fr\">Cascading Style Sheets<\/label><\/div>\n                        <div class=\"option\"><input type=\"radio\" name=\"q3\" id=\"q3c-fr\" value=\"c\"><label for=\"q3c-fr\">Creative Style Sheets<\/label><\/div>\n                    <\/div>\n                <\/div>\n                 <div class=\"question-block\">\n                    <p><strong>4. Comment s\u00e9lectionnez-vous un \u00e9l\u00e9ment avec l&#8217;id=&#8221;demo&#8221; ?<\/strong><\/p>\n                    <div class=\"options-container\">\n                        <div class=\"option\"><input type=\"radio\" name=\"q4\" id=\"q4a-fr\" value=\"a\"><label for=\"q4a-fr\">#demo<\/label><\/div>\n                        <div class=\"option\"><input type=\"radio\" name=\"q4\" id=\"q4b-fr\" value=\"b\"><label for=\"q4b-fr\">.demo<\/label><\/div>\n                        <div class=\"option\"><input type=\"radio\" name=\"q4\" id=\"q4c-fr\" value=\"c\"><label for=\"q4c-fr\">*demo<\/label><\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"question-block\">\n                    <p><strong>5. Dans quel \u00e9l\u00e9ment HTML place-t-on le JavaScript ?<\/strong><\/p>\n                    <div class=\"options-container\">\n                        <div class=\"option\"><input type=\"radio\" name=\"q5\" id=\"q5a-fr\" value=\"a\"><label for=\"q5a-fr\">&lt;javascript&gt;<\/label><\/div>\n                        <div class=\"option\"><input type=\"radio\" name=\"q5\" id=\"q5b-fr\" value=\"b\"><label for=\"q5b-fr\">&lt;script&gt;<\/label><\/div>\n                        <div class=\"option\"><input type=\"radio\" name=\"q5\" id=\"q5c-fr\" value=\"c\"><label for=\"q5c-fr\">&lt;js&gt;<\/label><\/div>\n                    <\/div>\n                <\/div>\n                 <div class=\"question-block\">\n                    <p><strong>6. Comment \u00e9crire &#8220;Hello World&#8221; dans une bo\u00eete d&#8217;alerte ?<\/strong><\/p>\n                    <div class=\"options-container\">\n                        <div class=\"option\"><input type=\"radio\" name=\"q6\" id=\"q6a-fr\" value=\"a\"><label for=\"q6a-fr\">alert(&#8220;Hello World&#8221;);<\/label><\/div>\n                        <div class=\"option\"><input type=\"radio\" name=\"q6\" id=\"q6b-fr\" value=\"b\"><label for=\"q6b-fr\">msgBox(&#8220;Hello World&#8221;);<\/label><\/div>\n                        <div class=\"option\"><input type=\"radio\" name=\"q6\" id=\"q6c-fr\" value=\"c\"><label for=\"q6c-fr\">alertBox(&#8220;Hello World&#8221;);<\/label><\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"question-block\">\n                    <p><strong>7. Quelle propri\u00e9t\u00e9 change la couleur de l&#8217;arri\u00e8re-plan ?<\/strong><\/p>\n                    <div class=\"options-container\">\n                        <div class=\"option\"><input type=\"radio\" name=\"q7\" id=\"q7a-fr\" value=\"a\"><label for=\"q7a-fr\">color<\/label><\/div>\n                        <div class=\"option\"><input type=\"radio\" name=\"q7\" id=\"q7b-fr\" value=\"b\"><label for=\"q7b-fr\">bgcolor<\/label><\/div>\n                        <div class=\"option\"><input type=\"radio\" name=\"q7\" id=\"q7c-fr\" value=\"c\"><label for=\"q7c-fr\">background-color<\/label><\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"question-block\">\n                    <p><strong>8. Quelle entreprise a d\u00e9velopp\u00e9 JavaScript ?<\/strong><\/p>\n                    <div class=\"options-container\">\n                        <div class=\"option\"><input type=\"radio\" name=\"q8\" id=\"q8a-fr\" value=\"a\"><label for=\"q8a-fr\">Microsoft<\/label><\/div>\n                        <div class=\"option\"><input type=\"radio\" name=\"q8\" id=\"q8b-fr\" value=\"b\"><label for=\"q8b-fr\">Netscape<\/label><\/div>\n                        <div class=\"option\"><input type=\"radio\" name=\"q8\" id=\"q8c-fr\" value=\"c\"><label for=\"q8c-fr\">Google<\/label><\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"question-block\">\n                    <p><strong>9. Quel est le code HTML correct pour cr\u00e9er un hyperlien ?<\/strong><\/p>\n                    <div class=\"options-container\">\n                        <div class=\"option\"><input type=\"radio\" name=\"q9\" id=\"q9a-fr\" value=\"a\"><label for=\"q9a-fr\">&lt;a href=&#8221;url&#8221;&gt;texte du lien&lt;\/a&gt;<\/label><\/div>\n                        <div class=\"option\"><input type=\"radio\" name=\"q9\" id=\"q9b-fr\" value=\"b\"><label for=\"q9b-fr\">&lt;a&gt;url&lt;\/a&gt;<\/label><\/div>\n                        <div class=\"option\"><input type=\"radio\" name=\"q9\" id=\"q9c-fr\" value=\"c\"><label for=\"q9c-fr\">&lt;link&gt;url&lt;\/link&gt;<\/label><\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"question-block\">\n                    <p><strong>10. Lequel de ces frameworks est un framework front-end populaire ?<\/strong><\/p>\n                    <div class=\"options-container\">\n                        <div class=\"option\"><input type=\"radio\" name=\"q10\" id=\"q10a-fr\" value=\"a\"><label for=\"q10a-fr\">Django<\/label><\/div>\n                        <div class=\"option\"><input type=\"radio\" name=\"q10\" id=\"q10b-fr\" value=\"b\"><label for=\"q10b-fr\">React<\/label><\/div>\n                        <div class=\"option\"><input type=\"radio\" name=\"q10\" id=\"q10c-fr\" value=\"c\"><label for=\"q10c-fr\">Laravel<\/label><\/div>\n                    <\/div>\n                <\/div>\n            <\/form>\n        <\/div>\n\n        <button id=\"submit-btn\">Submit<\/button>\n        <div id=\"results\"><\/div>\n    <\/div>\n\n    <script>\n        const langBtn = document.getElementById('lang-btn');\n        const quizEn = document.getElementById('quiz-en');\n        const quizFr = document.getElementById('quiz-fr');\n        const submitBtn = document.getElementById('submit-btn');\n        const resultsContainer = document.getElementById('results');\n        let currentLang = 'en';\n\n        \/\/ Language Switcher Logic\n        langBtn.addEventListener('click', () => {\n            if (currentLang === 'en') {\n                quizEn.style.display = 'none';\n                quizFr.style.display = 'block';\n                langBtn.textContent = 'English';\n                submitBtn.textContent = 'Soumettre';\n                currentLang = 'fr';\n            } else {\n                quizEn.style.display = 'block';\n                quizFr.style.display = 'none';\n                langBtn.textContent = 'Fran\u00e7ais';\n                submitBtn.textContent = 'Submit';\n                currentLang = 'en';\n            }\n            resultsContainer.innerHTML = ''; \/\/ Clear results on language switch\n        });\n\n        const correctAnswers = ['a', 'c', 'b', 'a', 'b', 'a', 'c', 'b', 'a', 'b'];\n\n        \/\/ Submit Logic\n        submitBtn.addEventListener('click', () => {\n            let score = 0;\n            const formId = `quiz-form-${currentLang}`;\n            const userAnswers = new FormData(document.getElementById(formId));\n            \n            for (let i = 0; i < correctAnswers.length; i++) {\n                const question = `q${i + 1}`;\n                if (userAnswers.get(question) === correctAnswers[i]) {\n                    score++;\n                }\n            }\n            \n            displayResults(score);\n        });\n\n        \/\/ Display Results and Orientation\n        function displayResults(score) {\n            let title, message, bgColor;\n\n            if (currentLang === 'en') {\n                if (score <= 3) {\n                    title = `Your Score: ${score}\/10`;\n                    message = \"Your results suggest starting with the fundamentals. We recommend our '<strong>Introduction to Web Development<\/strong>' course, focusing on basic HTML and CSS.\";\n                    bgColor = '#fff0f0';\n                } else if (score <= 7) {\n                    title = `Good Job! Score: ${score}\/10`;\n                    message = \"You have a solid foundation! You could benefit from our '<strong>Intermediate Webmaster<\/strong>' track, diving deeper into CSS layouts and JavaScript essentials.\";\n                    bgColor = '#f0f7ff';\n                } else {\n                    title = `Excellent! Score: ${score}\/10`;\n                    message = \"Great work! You're ready for advanced topics. Consider our '<strong>Full-Stack Development<\/strong>' course, which covers advanced JavaScript, frameworks, and back-end technologies.\";\n                    bgColor = '#f0fff0';\n                }\n            } else { \/\/ French\n                if (score <= 3) {\n                    title = `Votre Score : ${score}\/10`;\n                    message = \"Vos r\u00e9sultats sugg\u00e8rent de commencer par les bases. Nous recommandons notre cours '<strong>Introduction au D\u00e9veloppement Web<\/strong>', ax\u00e9 sur le HTML et le CSS de base.\";\n                    bgColor = '#fff0f0';\n                } else if (score <= 7) {\n                    title = `Bon Travail ! Score : ${score}\/10`;\n                    message = \"Vous avez de bonnes bases ! Vous pourriez b\u00e9n\u00e9ficier de notre parcours '<strong>Webmestre Interm\u00e9diaire<\/strong>', qui approfondit les mises en page CSS et les bases de JavaScript.\";\n                    bgColor = '#f0f7ff';\n                } else {\n                    title = `Excellent ! Score : ${score}\/10`;\n                    message = \"Bravo ! Vous \u00eates pr\u00eat pour des sujets avanc\u00e9s. Envisagez notre cours de '<strong>D\u00e9veloppement Full-Stack<\/strong>', qui couvre JavaScript avanc\u00e9, les frameworks et les technologies back-end.\";\n                    bgColor = '#f0fff0';\n                }\n            }\n\n            resultsContainer.innerHTML = `<h3>${title}<\/h3><p>${message}<\/p>`;\n            resultsContainer.style.backgroundColor = bgColor;\n            resultsContainer.style.display = 'block';\n        }\n    <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Web Development Quiz \/ Quiz de D\u00e9veloppement Web Fran\u00e7ais Web Development Entry Quiz 1. What does HTML stand for? Hyper Text Markup Language Hyperlinks and Text Markup Language Home Tool Markup Language 2. Which HTML tag is used for the largest heading? &lt;h6&gt; &lt;heading&gt; &lt;h1&gt; 3. What does CSS stand for? Computer Style Sheets Cascading [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":3653,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"categories":[17,1],"tags":[],"class_list":["post-3708","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-quiz","category-uncategorized"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v26.6 (Yoast SEO v27.4) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Web Development - Webmaster Quiz - CFP WESCO Cameroon<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/wescocenter.org\/fr\/web-development-webmaster-quiz\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Web Development - Webmaster Quiz\" \/>\n<meta property=\"og:description\" content=\"Web Development Quiz \/ Quiz de D\u00e9veloppement Web Fran\u00e7ais Web Development Entry Quiz 1. What does HTML stand for? Hyper Text Markup Language Hyperlinks and Text Markup Language Home Tool Markup Language 2. Which HTML tag is used for the largest heading? &lt;h6&gt; &lt;heading&gt; &lt;h1&gt; 3. What does CSS stand for? Computer Style Sheets Cascading [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/wescocenter.org\/fr\/web-development-webmaster-quiz\/\" \/>\n<meta property=\"og:site_name\" content=\"CFP WESCO Cameroon\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/wescocameroon\" \/>\n<meta property=\"article:published_time\" content=\"2025-07-18T16:25:14+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-07-18T16:27:57+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/wescocenter.org\/wp-content\/uploads\/2025\/07\/about_img.png\" \/>\n\t<meta property=\"og:image:width\" content=\"549\" \/>\n\t<meta property=\"og:image:height\" content=\"445\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"protusNJI\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u00c9crit par\" \/>\n\t<meta name=\"twitter:data1\" content=\"protusNJI\" \/>\n\t<meta name=\"twitter:label2\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/wescocenter.org\\\/web-development-webmaster-quiz\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/wescocenter.org\\\/web-development-webmaster-quiz\\\/\"},\"author\":{\"name\":\"protusNJI\",\"@id\":\"https:\\\/\\\/wescocenter.org\\\/#\\\/schema\\\/person\\\/82639f5d781baa3b1ccaf0bb5a673ef9\"},\"headline\":\"Web Development &#8211; Webmaster Quiz\",\"datePublished\":\"2025-07-18T16:25:14+00:00\",\"dateModified\":\"2025-07-18T16:27:57+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/wescocenter.org\\\/web-development-webmaster-quiz\\\/\"},\"wordCount\":352,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/wescocenter.org\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/wescocenter.org\\\/web-development-webmaster-quiz\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/wescocenter.org\\\/wp-content\\\/uploads\\\/2025\\\/07\\\/about_img.png\",\"articleSection\":[\"Quiz\",\"Uncategorized\"],\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/wescocenter.org\\\/web-development-webmaster-quiz\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/wescocenter.org\\\/web-development-webmaster-quiz\\\/\",\"url\":\"https:\\\/\\\/wescocenter.org\\\/web-development-webmaster-quiz\\\/\",\"name\":\"Web Development - Webmaster Quiz - CFP WESCO Cameroon\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/wescocenter.org\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/wescocenter.org\\\/web-development-webmaster-quiz\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/wescocenter.org\\\/web-development-webmaster-quiz\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/wescocenter.org\\\/wp-content\\\/uploads\\\/2025\\\/07\\\/about_img.png\",\"datePublished\":\"2025-07-18T16:25:14+00:00\",\"dateModified\":\"2025-07-18T16:27:57+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/wescocenter.org\\\/web-development-webmaster-quiz\\\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/wescocenter.org\\\/web-development-webmaster-quiz\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/wescocenter.org\\\/web-development-webmaster-quiz\\\/#primaryimage\",\"url\":\"https:\\\/\\\/wescocenter.org\\\/wp-content\\\/uploads\\\/2025\\\/07\\\/about_img.png\",\"contentUrl\":\"https:\\\/\\\/wescocenter.org\\\/wp-content\\\/uploads\\\/2025\\\/07\\\/about_img.png\",\"width\":549,\"height\":445},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/wescocenter.org\\\/web-development-webmaster-quiz\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/wescocenter.org\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Web Development &#8211; Webmaster Quiz\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/wescocenter.org\\\/#website\",\"url\":\"https:\\\/\\\/wescocenter.org\\\/\",\"name\":\"CFP WESCO Cameroon\",\"description\":\"CFP - Vocational Training\",\"publisher\":{\"@id\":\"https:\\\/\\\/wescocenter.org\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/wescocenter.org\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/wescocenter.org\\\/#organization\",\"name\":\"CFP WESCO Cameroon\",\"url\":\"https:\\\/\\\/wescocenter.org\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/wescocenter.org\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/wescocenter.org\\\/wp-content\\\/uploads\\\/2025\\\/03\\\/cropped-logo0.png\",\"contentUrl\":\"https:\\\/\\\/wescocenter.org\\\/wp-content\\\/uploads\\\/2025\\\/03\\\/cropped-logo0.png\",\"width\":696,\"height\":190,\"caption\":\"CFP WESCO Cameroon\"},\"image\":{\"@id\":\"https:\\\/\\\/wescocenter.org\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/wescocameroon\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/wescocenter.org\\\/#\\\/schema\\\/person\\\/82639f5d781baa3b1ccaf0bb5a673ef9\",\"name\":\"protusNJI\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/0951d931f22642a8ce4dce9ae9c7ee418cde1f5c2f57cb614eb912b20e0be2a3?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/0951d931f22642a8ce4dce9ae9c7ee418cde1f5c2f57cb614eb912b20e0be2a3?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/0951d931f22642a8ce4dce9ae9c7ee418cde1f5c2f57cb614eb912b20e0be2a3?s=96&d=mm&r=g\",\"caption\":\"protusNJI\"},\"sameAs\":[\"https:\\\/\\\/wescocenter.org\"],\"url\":\"https:\\\/\\\/wescocenter.org\\\/fr\\\/author\\\/protusnji\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Web Development - Webmaster Quiz - CFP WESCO Cameroon","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/wescocenter.org\/fr\/web-development-webmaster-quiz\/","og_locale":"fr_FR","og_type":"article","og_title":"Web Development - Webmaster Quiz","og_description":"Web Development Quiz \/ Quiz de D\u00e9veloppement Web Fran\u00e7ais Web Development Entry Quiz 1. What does HTML stand for? Hyper Text Markup Language Hyperlinks and Text Markup Language Home Tool Markup Language 2. Which HTML tag is used for the largest heading? &lt;h6&gt; &lt;heading&gt; &lt;h1&gt; 3. What does CSS stand for? Computer Style Sheets Cascading [&hellip;]","og_url":"https:\/\/wescocenter.org\/fr\/web-development-webmaster-quiz\/","og_site_name":"CFP WESCO Cameroon","article_publisher":"https:\/\/www.facebook.com\/wescocameroon","article_published_time":"2025-07-18T16:25:14+00:00","article_modified_time":"2025-07-18T16:27:57+00:00","og_image":[{"width":549,"height":445,"url":"https:\/\/wescocenter.org\/wp-content\/uploads\/2025\/07\/about_img.png","type":"image\/png"}],"author":"protusNJI","twitter_card":"summary_large_image","twitter_misc":{"\u00c9crit par":"protusNJI","Dur\u00e9e de lecture estim\u00e9e":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/wescocenter.org\/web-development-webmaster-quiz\/#article","isPartOf":{"@id":"https:\/\/wescocenter.org\/web-development-webmaster-quiz\/"},"author":{"name":"protusNJI","@id":"https:\/\/wescocenter.org\/#\/schema\/person\/82639f5d781baa3b1ccaf0bb5a673ef9"},"headline":"Web Development &#8211; Webmaster Quiz","datePublished":"2025-07-18T16:25:14+00:00","dateModified":"2025-07-18T16:27:57+00:00","mainEntityOfPage":{"@id":"https:\/\/wescocenter.org\/web-development-webmaster-quiz\/"},"wordCount":352,"commentCount":0,"publisher":{"@id":"https:\/\/wescocenter.org\/#organization"},"image":{"@id":"https:\/\/wescocenter.org\/web-development-webmaster-quiz\/#primaryimage"},"thumbnailUrl":"https:\/\/wescocenter.org\/wp-content\/uploads\/2025\/07\/about_img.png","articleSection":["Quiz","Uncategorized"],"inLanguage":"fr-FR","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/wescocenter.org\/web-development-webmaster-quiz\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/wescocenter.org\/web-development-webmaster-quiz\/","url":"https:\/\/wescocenter.org\/web-development-webmaster-quiz\/","name":"Web Development - Webmaster Quiz - CFP WESCO Cameroon","isPartOf":{"@id":"https:\/\/wescocenter.org\/#website"},"primaryImageOfPage":{"@id":"https:\/\/wescocenter.org\/web-development-webmaster-quiz\/#primaryimage"},"image":{"@id":"https:\/\/wescocenter.org\/web-development-webmaster-quiz\/#primaryimage"},"thumbnailUrl":"https:\/\/wescocenter.org\/wp-content\/uploads\/2025\/07\/about_img.png","datePublished":"2025-07-18T16:25:14+00:00","dateModified":"2025-07-18T16:27:57+00:00","breadcrumb":{"@id":"https:\/\/wescocenter.org\/web-development-webmaster-quiz\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/wescocenter.org\/web-development-webmaster-quiz\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/wescocenter.org\/web-development-webmaster-quiz\/#primaryimage","url":"https:\/\/wescocenter.org\/wp-content\/uploads\/2025\/07\/about_img.png","contentUrl":"https:\/\/wescocenter.org\/wp-content\/uploads\/2025\/07\/about_img.png","width":549,"height":445},{"@type":"BreadcrumbList","@id":"https:\/\/wescocenter.org\/web-development-webmaster-quiz\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/wescocenter.org\/"},{"@type":"ListItem","position":2,"name":"Web Development &#8211; Webmaster Quiz"}]},{"@type":"WebSite","@id":"https:\/\/wescocenter.org\/#website","url":"https:\/\/wescocenter.org\/","name":"CFP WESCO Cameroon","description":"CFP - Vocational Training","publisher":{"@id":"https:\/\/wescocenter.org\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/wescocenter.org\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https:\/\/wescocenter.org\/#organization","name":"CFP WESCO Cameroon","url":"https:\/\/wescocenter.org\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/wescocenter.org\/#\/schema\/logo\/image\/","url":"https:\/\/wescocenter.org\/wp-content\/uploads\/2025\/03\/cropped-logo0.png","contentUrl":"https:\/\/wescocenter.org\/wp-content\/uploads\/2025\/03\/cropped-logo0.png","width":696,"height":190,"caption":"CFP WESCO Cameroon"},"image":{"@id":"https:\/\/wescocenter.org\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/wescocameroon"]},{"@type":"Person","@id":"https:\/\/wescocenter.org\/#\/schema\/person\/82639f5d781baa3b1ccaf0bb5a673ef9","name":"protusNJI","image":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/secure.gravatar.com\/avatar\/0951d931f22642a8ce4dce9ae9c7ee418cde1f5c2f57cb614eb912b20e0be2a3?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/0951d931f22642a8ce4dce9ae9c7ee418cde1f5c2f57cb614eb912b20e0be2a3?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/0951d931f22642a8ce4dce9ae9c7ee418cde1f5c2f57cb614eb912b20e0be2a3?s=96&d=mm&r=g","caption":"protusNJI"},"sameAs":["https:\/\/wescocenter.org"],"url":"https:\/\/wescocenter.org\/fr\/author\/protusnji\/"}]}},"_links":{"self":[{"href":"https:\/\/wescocenter.org\/fr\/wp-json\/wp\/v2\/posts\/3708","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wescocenter.org\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wescocenter.org\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wescocenter.org\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wescocenter.org\/fr\/wp-json\/wp\/v2\/comments?post=3708"}],"version-history":[{"count":3,"href":"https:\/\/wescocenter.org\/fr\/wp-json\/wp\/v2\/posts\/3708\/revisions"}],"predecessor-version":[{"id":3711,"href":"https:\/\/wescocenter.org\/fr\/wp-json\/wp\/v2\/posts\/3708\/revisions\/3711"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wescocenter.org\/fr\/wp-json\/wp\/v2\/media\/3653"}],"wp:attachment":[{"href":"https:\/\/wescocenter.org\/fr\/wp-json\/wp\/v2\/media?parent=3708"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wescocenter.org\/fr\/wp-json\/wp\/v2\/categories?post=3708"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wescocenter.org\/fr\/wp-json\/wp\/v2\/tags?post=3708"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}