Hypertext Markup Language (HTML) Ban

Question n^o 37

Quelle balise HTML est utilisée pour définir un champ de saisie de texte ?

</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6768" id="label_qcm_22942_label" class="form-check-input qcm_6768 bg-primary" id_question="6768" value="22942">
                                            <label class="form-check-label" for="label_qcm_22942_label"> <button></label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="37" curentquestion="37">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="37" typequestion="qcm" idquestion="6768">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="37" curentquestion="37">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_38">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 38 </h6>
                            <h5 class="mb-3"> Quel élément HTML est utilisé pour créer une liste ordonnée ? </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_12" id="label_qcm_46_label" class="form-check-input qcm_12 bg-primary" id_question="12" value="46">
                                            <label class="form-check-label" for="label_qcm_46_label"><ul></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_12" id="label_qcm_48_label" class="form-check-input qcm_12 bg-primary" id_question="12" value="48">
                                            <label class="form-check-label" for="label_qcm_48_label"><li></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_12" id="label_qcm_47_label" class="form-check-input qcm_12 bg-primary" id_question="12" value="47">
                                            <label class="form-check-label" for="label_qcm_47_label"><list></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_12" id="label_qcm_45_label" class="form-check-input qcm_12 bg-primary" id_question="12" value="45">
                                            <label class="form-check-label" for="label_qcm_45_label"><ol></label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="38" curentquestion="38">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="38" typequestion="qcm" idquestion="12">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="38" curentquestion="38">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_39">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 39 </h6>
                            <h5 class="mb-3"> Comment utiliser des fichiers externes CSS et JavaScript dans une page HTML ? </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_156" id="label_qcm_621_label" class="form-check-input qcm_156 bg-primary" id_question="156" value="621">
                                            <label class="form-check-label" for="label_qcm_621_label"><link rel="stylesheet" href="styles.css"><script src="script.js"></script></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_156" id="label_qcm_622_label" class="form-check-input qcm_156 bg-primary" id_question="156" value="622">
                                            <label class="form-check-label" for="label_qcm_622_label"><style src="styles.css"><script href="script.js"></script></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_156" id="label_qcm_624_label" class="form-check-input qcm_156 bg-primary" id_question="156" value="624">
                                            <label class="form-check-label" for="label_qcm_624_label"><css href="styles.css"><javascript src="script.js"></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_156" id="label_qcm_623_label" class="form-check-input qcm_156 bg-primary" id_question="156" value="623">
                                            <label class="form-check-label" for="label_qcm_623_label"><script src="styles.css"><link href="script.js"></label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="39" curentquestion="39">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="39" typequestion="qcm" idquestion="156">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="39" curentquestion="39">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_40">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 40 </h6>
                            <h5 class="mb-3"> Quelle balise est utilisée pour insérer un lien vers une feuille de style interne ? </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_92" id="label_qcm_365_label" class="form-check-input qcm_92 bg-primary" id_question="92" value="365">
                                            <label class="form-check-label" for="label_qcm_365_label"><style>body {background-color: lightblue;}</style></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_92" id="label_qcm_367_label" class="form-check-input qcm_92 bg-primary" id_question="92" value="367">
                                            <label class="form-check-label" for="label_qcm_367_label"><css>body {background-color: lightblue;}</css></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_92" id="label_qcm_368_label" class="form-check-input qcm_92 bg-primary" id_question="92" value="368">
                                            <label class="form-check-label" for="label_qcm_368_label"><style type="text/css">body {background-color: lightblue;}</style></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_92" id="label_qcm_366_label" class="form-check-input qcm_92 bg-primary" id_question="92" value="366">
                                            <label class="form-check-label" for="label_qcm_366_label"><link rel="stylesheet"></label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="40" curentquestion="40">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="40" typequestion="qcm" idquestion="92">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="40" curentquestion="40">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_41">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 41 </h6>
                            <h5 class="mb-3"> Quelle balise HTML est utilisée pour créer une liste non ordonnée ? </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_72" id="label_qcm_287_label" class="form-check-input qcm_72 bg-primary" id_question="72" value="287">
                                            <label class="form-check-label" for="label_qcm_287_label"><list><li>Élément 1</li><li>Élément 2</li></list></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_72" id="label_qcm_286_label" class="form-check-input qcm_72 bg-primary" id_question="72" value="286">
                                            <label class="form-check-label" for="label_qcm_286_label"><ol><li>Élément 1</li><li>Élément 2</li></ol></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_72" id="label_qcm_285_label" class="form-check-input qcm_72 bg-primary" id_question="72" value="285">
                                            <label class="form-check-label" for="label_qcm_285_label"><ul><li>Élément 1</li><li>Élément 2</li></ul></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_72" id="label_qcm_288_label" class="form-check-input qcm_72 bg-primary" id_question="72" value="288">
                                            <label class="form-check-label" for="label_qcm_288_label"><unordered-list><li>Élément 1</li><li>Élément 2</li></unordered-list></label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="41" curentquestion="41">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="41" typequestion="qcm" idquestion="72">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="41" curentquestion="41">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_42">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 42 </h6>
                            <h5 class="mb-3"> Comment inclure un fichier CSS externe dans une page HTML ? </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_23" id="label_qcm_90_label" class="form-check-input qcm_23 bg-primary" id_question="23" value="90">
                                            <label class="form-check-label" for="label_qcm_90_label"><style src="style.css"></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_23" id="label_qcm_89_label" class="form-check-input qcm_23 bg-primary" id_question="23" value="89">
                                            <label class="form-check-label" for="label_qcm_89_label"><link rel="stylesheet" href="style.css"></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_23" id="label_qcm_91_label" class="form-check-input qcm_23 bg-primary" id_question="23" value="91">
                                            <label class="form-check-label" for="label_qcm_91_label"><css href="style.css"></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_23" id="label_qcm_92_label" class="form-check-input qcm_23 bg-primary" id_question="23" value="92">
                                            <label class="form-check-label" for="label_qcm_92_label"><link href="style.css"></label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="42" curentquestion="42">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="42" typequestion="qcm" idquestion="23">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="42" curentquestion="42">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_43">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 43 </h6>
                            <h5 class="mb-3"> Qu'est-ce qu'un <code>data-*</code> attribut en HTML ? </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_119" id="label_qcm_473_label" class="form-check-input qcm_119 bg-primary" id_question="119" value="473">
                                            <label class="form-check-label" for="label_qcm_473_label">Ils sont utilisés pour stocker des données personnalisées dans des éléments HTML.</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_119" id="label_qcm_476_label" class="form-check-input qcm_119 bg-primary" id_question="119" value="476">
                                            <label class="form-check-label" for="label_qcm_476_label">Ils sont utilisés pour définir des animations sur les éléments HTML.</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_119" id="label_qcm_474_label" class="form-check-input qcm_119 bg-primary" id_question="119" value="474">
                                            <label class="form-check-label" for="label_qcm_474_label">Ils sont utilisés pour ajouter du style aux éléments HTML.</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_119" id="label_qcm_475_label" class="form-check-input qcm_119 bg-primary" id_question="119" value="475">
                                            <label class="form-check-label" for="label_qcm_475_label">Ils sont utilisés pour lier des fichiers externes à la page HTML.</label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="43" curentquestion="43">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="43" typequestion="qcm" idquestion="119">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="43" curentquestion="43">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_44">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 44 </h6>
                            <h5 class="mb-3"> Quel est l'attribut HTML utilisé pour spécifier la largeur d'une image ? </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_27" id="label_qcm_105_label" class="form-check-input qcm_27 bg-primary" id_question="27" value="105">
                                            <label class="form-check-label" for="label_qcm_105_label">width="300"</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_27" id="label_qcm_106_label" class="form-check-input qcm_27 bg-primary" id_question="27" value="106">
                                            <label class="form-check-label" for="label_qcm_106_label">height="300"</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_27" id="label_qcm_107_label" class="form-check-input qcm_27 bg-primary" id_question="27" value="107">
                                            <label class="form-check-label" for="label_qcm_107_label">src="300"</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_27" id="label_qcm_108_label" class="form-check-input qcm_27 bg-primary" id_question="27" value="108">
                                            <label class="form-check-label" for="label_qcm_108_label">size="300"</label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="44" curentquestion="44">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="44" typequestion="qcm" idquestion="27">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="44" curentquestion="44">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_45">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 45 </h6>
                            <h5 class="mb-3"> Quel attribut HTML ajoute une description textuelle pour une image ? </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_13" id="label_qcm_52_label" class="form-check-input qcm_13 bg-primary" id_question="13" value="52">
                                            <label class="form-check-label" for="label_qcm_52_label">description</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_13" id="label_qcm_50_label" class="form-check-input qcm_13 bg-primary" id_question="13" value="50">
                                            <label class="form-check-label" for="label_qcm_50_label">src</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_13" id="label_qcm_49_label" class="form-check-input qcm_13 bg-primary" id_question="13" value="49">
                                            <label class="form-check-label" for="label_qcm_49_label">alt</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_13" id="label_qcm_51_label" class="form-check-input qcm_13 bg-primary" id_question="13" value="51">
                                            <label class="form-check-label" for="label_qcm_51_label">title</label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="45" curentquestion="45">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="45" typequestion="qcm" idquestion="13">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="45" curentquestion="45">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_46">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 46 </h6>
                            <h5 class="mb-3"> Quel est le rôle de la balise <code><head></code> dans un document HTML ? </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_29" id="label_qcm_115_label" class="form-check-input qcm_29 bg-primary" id_question="29" value="115">
                                            <label class="form-check-label" for="label_qcm_115_label">Afficher un lien vers une image</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_29" id="label_qcm_113_label" class="form-check-input qcm_29 bg-primary" id_question="29" value="113">
                                            <label class="form-check-label" for="label_qcm_113_label">Contenir des informations sur le document</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_29" id="label_qcm_116_label" class="form-check-input qcm_29 bg-primary" id_question="29" value="116">
                                            <label class="form-check-label" for="label_qcm_116_label">Définir la structure de la page</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_29" id="label_qcm_114_label" class="form-check-input qcm_29 bg-primary" id_question="29" value="114">
                                            <label class="form-check-label" for="label_qcm_114_label">Contenir le contenu principal</label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="46" curentquestion="46">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="46" typequestion="qcm" idquestion="29">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="46" curentquestion="46">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_47">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 47 </h6>
                            <h5 class="mb-3"> Comment insérer une vidéo en arrière-plan dans une page HTML ? </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_53" id="label_qcm_212_label" class="form-check-input qcm_53 bg-primary" id_question="53" value="212">
                                            <label class="form-check-label" for="label_qcm_212_label"><video style="background-image: url(video.mp4);"></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_53" id="label_qcm_210_label" class="form-check-input qcm_53 bg-primary" id_question="53" value="210">
                                            <label class="form-check-label" for="label_qcm_210_label"><video src="video.mp4" autoplay loop style="background: black;"></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_53" id="label_qcm_209_label" class="form-check-input qcm_53 bg-primary" id_question="53" value="209">
                                            <label class="form-check-label" for="label_qcm_209_label"><video autoplay loop muted style="position: fixed; top: 0; left: 0; width: 100%;"><source src="video.mp4" type="video/mp4"></video></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_53" id="label_qcm_211_label" class="form-check-input qcm_53 bg-primary" id_question="53" value="211">
                                            <label class="form-check-label" for="label_qcm_211_label"><background-video src="video.mp4"></label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="47" curentquestion="47">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="47" typequestion="qcm" idquestion="53">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="47" curentquestion="47">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_48">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 48 </h6>
                            <h5 class="mb-3"> Que fait l'attribut <code>alt</code> dans une balise <code><img></code> ? </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_195" id="label_qcm_777_label" class="form-check-input qcm_195 bg-primary" id_question="195" value="777">
                                            <label class="form-check-label" for="label_qcm_777_label">Il fournit une description alternative de l'image.</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_195" id="label_qcm_779_label" class="form-check-input qcm_195 bg-primary" id_question="195" value="779">
                                            <label class="form-check-label" for="label_qcm_779_label">Il spécifie le format de l'image.</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_195" id="label_qcm_778_label" class="form-check-input qcm_195 bg-primary" id_question="195" value="778">
                                            <label class="form-check-label" for="label_qcm_778_label">Il définit la taille de l'image.</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_195" id="label_qcm_780_label" class="form-check-input qcm_195 bg-primary" id_question="195" value="780">
                                            <label class="form-check-label" for="label_qcm_780_label">Il définit l'orientation de l'image.</label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="48" curentquestion="48">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="48" typequestion="qcm" idquestion="195">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="48" curentquestion="48">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_49">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 49 </h6>
                            <h5 class="mb-3"> Laquelle des propriétés CSS3 suivantes peut être utilisée pour autoriser les sauts de ligne à l’intérieur des mots ? </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6620" id="label_qcm_22578_label" class="form-check-input qcm_6620 bg-primary" id_question="6620" value="22578">
                                            <label class="form-check-label" for="label_qcm_22578_label">D- work-break</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6620" id="label_qcm_22577_label" class="form-check-input qcm_6620 bg-primary" id_question="6620" value="22577">
                                            <label class="form-check-label" for="label_qcm_22577_label">C-work-wrap</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6620" id="label_qcm_22576_label" class="form-check-input qcm_6620 bg-primary" id_question="6620" value="22576">
                                            <label class="form-check-label" for="label_qcm_22576_label">B- line-wrap</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6620" id="label_qcm_22575_label" class="form-check-input qcm_6620 bg-primary" id_question="6620" value="22575">
                                            <label class="form-check-label" for="label_qcm_22575_label">A- line-break</label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="49" curentquestion="49">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="49" typequestion="qcm" idquestion="6620">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="49" curentquestion="49">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_50">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 50 </h6>
                            <h5 class="mb-3"> Quel attribut HTML permet de définir le titre d'une page web ? </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_38" id="label_qcm_152_label" class="form-check-input qcm_38 bg-primary" id_question="38" value="152">
                                            <label class="form-check-label" for="label_qcm_152_label"><head>Titre de la page</head></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_38" id="label_qcm_151_label" class="form-check-input qcm_38 bg-primary" id_question="38" value="151">
                                            <label class="form-check-label" for="label_qcm_151_label"><header>Titre de la page</header></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_38" id="label_qcm_149_label" class="form-check-input qcm_38 bg-primary" id_question="38" value="149">
                                            <label class="form-check-label" for="label_qcm_149_label"><title>Titre de la page</title></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_38" id="label_qcm_150_label" class="form-check-input qcm_38 bg-primary" id_question="38" value="150">
                                            <label class="form-check-label" for="label_qcm_150_label"><h1>Titre de la page</h1></label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="50" curentquestion="50">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="50" typequestion="qcm" idquestion="38">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="50" curentquestion="50">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_51">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 51 </h6>
                            <h5 class="mb-3"> Quel attribut HTML permet de rendre une image cliquable ? </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_118" id="label_qcm_472_label" class="form-check-input qcm_118 bg-primary" id_question="118" value="472">
                                            <label class="form-check-label" for="label_qcm_472_label"><image src="image.jpg" href="https://www.example.com"></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_118" id="label_qcm_470_label" class="form-check-input qcm_118 bg-primary" id_question="118" value="470">
                                            <label class="form-check-label" for="label_qcm_470_label"><img src="image.jpg" href="https://www.example.com"></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_118" id="label_qcm_469_label" class="form-check-input qcm_118 bg-primary" id_question="118" value="469">
                                            <label class="form-check-label" for="label_qcm_469_label"><a href="https://www.example.com"><img src="image.jpg"></a></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_118" id="label_qcm_471_label" class="form-check-input qcm_118 bg-primary" id_question="118" value="471">
                                            <label class="form-check-label" for="label_qcm_471_label"><link href="https://www.example.com"><img src="image.jpg"></link></label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="51" curentquestion="51">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="51" typequestion="qcm" idquestion="118">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="51" curentquestion="51">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_52">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 52 </h6>
                            <h5 class="mb-3"> Quel élément HTML est utilisé pour définir une zone interactive de saisie de texte ? </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_7" id="label_qcm_27_label" class="form-check-input qcm_7 bg-primary" id_question="7" value="27">
                                            <label class="form-check-label" for="label_qcm_27_label"><text></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_7" id="label_qcm_26_label" class="form-check-input qcm_7 bg-primary" id_question="7" value="26">
                                            <label class="form-check-label" for="label_qcm_26_label"><input></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_7" id="label_qcm_25_label" class="form-check-input qcm_7 bg-primary" id_question="7" value="25">
                                            <label class="form-check-label" for="label_qcm_25_label"><textarea></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_7" id="label_qcm_28_label" class="form-check-input qcm_7 bg-primary" id_question="7" value="28">
                                            <label class="form-check-label" for="label_qcm_28_label"><field></label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="52" curentquestion="52">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="52" typequestion="qcm" idquestion="7">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="52" curentquestion="52">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_53">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 53 </h6>
                            <h5 class="mb-3"> Quelle propriété CSS est utilisée pour définir la hauteur d'un élément ? </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6766" id="label_qcm_22936_label" class="form-check-input qcm_6766 bg-primary" id_question="6766" value="22936">
                                            <label class="form-check-label" for="label_qcm_22936_label"> size</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6766" id="label_qcm_22937_label" class="form-check-input qcm_6766 bg-primary" id_question="6766" value="22937">
                                            <label class="form-check-label" for="label_qcm_22937_label"> height</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6766" id="label_qcm_22935_label" class="form-check-input qcm_6766 bg-primary" id_question="6766" value="22935">
                                            <label class="form-check-label" for="label_qcm_22935_label"> margin</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6766" id="label_qcm_22934_label" class="form-check-input qcm_6766 bg-primary" id_question="6766" value="22934">
                                            <label class="form-check-label" for="label_qcm_22934_label">width</label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="53" curentquestion="53">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="53" typequestion="qcm" idquestion="6766">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="53" curentquestion="53">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_54">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 54 </h6>
                            <h5 class="mb-3"> Quelle est la différence entre <code><iframe></code> et <code><embed></code> ? </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_166" id="label_qcm_664_label" class="form-check-input qcm_166 bg-primary" id_question="166" value="664">
                                            <label class="form-check-label" for="label_qcm_664_label">Le <code><iframe></code> permet d'afficher des vidéos, le <code><embed></code> des formulaires.</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_166" id="label_qcm_663_label" class="form-check-input qcm_166 bg-primary" id_question="166" value="663">
                                            <label class="form-check-label" for="label_qcm_663_label">Le <code><iframe></code> est utilisé pour du texte, le <code><embed></code> pour des images.</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_166" id="label_qcm_662_label" class="form-check-input qcm_166 bg-primary" id_question="166" value="662">
                                            <label class="form-check-label" for="label_qcm_662_label">Le <code><iframe></code> et <code><embed></code> sont utilisés de manière interchangeable.</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_166" id="label_qcm_661_label" class="form-check-input qcm_166 bg-primary" id_question="166" value="661">
                                            <label class="form-check-label" for="label_qcm_661_label">Le <code><iframe></code> intègre une page web tandis que <code><embed></code> intègre des éléments multimédia.</label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="54" curentquestion="54">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="54" typequestion="qcm" idquestion="166">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="54" curentquestion="54">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_55">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 55 </h6>
                            <h5 class="mb-3"> Quel est l'avantage d'utiliser des balises <code><section></code> et <code><article></code> dans une page HTML ? </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_149" id="label_qcm_594_label" class="form-check-input qcm_149 bg-primary" id_question="149" value="594">
                                            <label class="form-check-label" for="label_qcm_594_label">Les balises permettent uniquement d'ajouter des styles CSS.</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_149" id="label_qcm_596_label" class="form-check-input qcm_149 bg-primary" id_question="149" value="596">
                                            <label class="form-check-label" for="label_qcm_596_label">Les balises ajoutent des effets JavaScript aux pages.</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_149" id="label_qcm_595_label" class="form-check-input qcm_149 bg-primary" id_question="149" value="595">
                                            <label class="form-check-label" for="label_qcm_595_label">Les balises remplacent les balises <code><div></code> et <code><span></code>.</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_149" id="label_qcm_593_label" class="form-check-input qcm_149 bg-primary" id_question="149" value="593">
                                            <label class="form-check-label" for="label_qcm_593_label">Les balises permettent de mieux structurer le contenu et d'améliorer l'accessibilité.</label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="55" curentquestion="55">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="55" typequestion="qcm" idquestion="149">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="55" curentquestion="55">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_56">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 56 </h6>
                            <h5 class="mb-3"> Comment ajouter une bordure à un élément en CSS ? </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6699" id="label_qcm_22660_label" class="form-check-input qcm_6699 bg-primary" id_question="6699" value="22660">
                                            <label class="form-check-label" for="label_qcm_22660_label">margin</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6699" id="label_qcm_22659_label" class="form-check-input qcm_6699 bg-primary" id_question="6699" value="22659">
                                            <label class="form-check-label" for="label_qcm_22659_label">outline</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6699" id="label_qcm_22661_label" class="form-check-input qcm_6699 bg-primary" id_question="6699" value="22661">
                                            <label class="form-check-label" for="label_qcm_22661_label">padding</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6699" id="label_qcm_22658_label" class="form-check-input qcm_6699 bg-primary" id_question="6699" value="22658">
                                            <label class="form-check-label" for="label_qcm_22658_label">border</label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="56" curentquestion="56">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="56" typequestion="qcm" idquestion="6699">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="56" curentquestion="56">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_57">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 57 </h6>
                            <h5 class="mb-3"> Quelle balise permet de créer un tableau en HTML ? </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_80" id="label_qcm_317_label" class="form-check-input qcm_80 bg-primary" id_question="80" value="317">
                                            <label class="form-check-label" for="label_qcm_317_label"><table><tr><td>Cellule 1</td></tr></table></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_80" id="label_qcm_318_label" class="form-check-input qcm_80 bg-primary" id_question="80" value="318">
                                            <label class="form-check-label" for="label_qcm_318_label"><table><row><cell>Cellule 1</cell></row></table></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_80" id="label_qcm_320_label" class="form-check-input qcm_80 bg-primary" id_question="80" value="320">
                                            <label class="form-check-label" for="label_qcm_320_label"><tab><tr><td>Cellule 1</td></tr></tab></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_80" id="label_qcm_319_label" class="form-check-input qcm_80 bg-primary" id_question="80" value="319">
                                            <label class="form-check-label" for="label_qcm_319_label"><table><tr><column>Cellule 1</column></tr></table></label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="57" curentquestion="57">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="57" typequestion="qcm" idquestion="80">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="57" curentquestion="57">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_58">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 58 </h6>
                            <h5 class="mb-3"> Quelle propriété CSS est utilisée pour définir la couleur du texte ? </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6648" id="label_qcm_22614_label" class="form-check-input qcm_6648 bg-primary" id_question="6648" value="22614">
                                            <label class="form-check-label" for="label_qcm_22614_label"> border-color</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6648" id="label_qcm_22615_label" class="form-check-input qcm_6648 bg-primary" id_question="6648" value="22615">
                                            <label class="form-check-label" for="label_qcm_22615_label"> color</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6648" id="label_qcm_22613_label" class="form-check-input qcm_6648 bg-primary" id_question="6648" value="22613">
                                            <label class="form-check-label" for="label_qcm_22613_label">background-color</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6648" id="label_qcm_22612_label" class="form-check-input qcm_6648 bg-primary" id_question="6648" value="22612">
                                            <label class="form-check-label" for="label_qcm_22612_label">text-color</label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="58" curentquestion="58">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="58" typequestion="qcm" idquestion="6648">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="58" curentquestion="58">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_59">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 59 </h6>
                            <h5 class="mb-3"> Comment créer une liste non ordonnée en HTML ? </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_102" id="label_qcm_408_label" class="form-check-input qcm_102 bg-primary" id_question="102" value="408">
                                            <label class="form-check-label" for="label_qcm_408_label"><ul><li>Élément 1</ul></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_102" id="label_qcm_406_label" class="form-check-input qcm_102 bg-primary" id_question="102" value="406">
                                            <label class="form-check-label" for="label_qcm_406_label"><list><item>Élément 1</item></list></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_102" id="label_qcm_405_label" class="form-check-input qcm_102 bg-primary" id_question="102" value="405">
                                            <label class="form-check-label" for="label_qcm_405_label"><ul><li>Élément 1</li></ul></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_102" id="label_qcm_407_label" class="form-check-input qcm_102 bg-primary" id_question="102" value="407">
                                            <label class="form-check-label" for="label_qcm_407_label"><unordered-list><list-item>Élément 1</list-item></unordered-list></label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="59" curentquestion="59">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="59" typequestion="qcm" idquestion="102">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="59" curentquestion="59">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_60">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 60 </h6>
                            <h5 class="mb-3"> Quelle balise HTML est utilisée pour définir une table ? </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6726" id="label_qcm_22772_label" class="form-check-input qcm_6726 bg-primary" id_question="6726" value="22772">
                                            <label class="form-check-label" for="label_qcm_22772_label"><thead></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6726" id="label_qcm_22769_label" class="form-check-input qcm_6726 bg-primary" id_question="6726" value="22769">
                                            <label class="form-check-label" for="label_qcm_22769_label"><table></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6726" id="label_qcm_22771_label" class="form-check-input qcm_6726 bg-primary" id_question="6726" value="22771">
                                            <label class="form-check-label" for="label_qcm_22771_label"> <td></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6726" id="label_qcm_22770_label" class="form-check-input qcm_6726 bg-primary" id_question="6726" value="22770">
                                            <label class="form-check-label" for="label_qcm_22770_label"> <tr></label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="60" curentquestion="60">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="60" typequestion="qcm" idquestion="6726">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="60" curentquestion="60">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_61">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 61 </h6>
                            <h5 class="mb-3"> Comment définir une zone de saisie de texte dans un formulaire ? </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_188" id="label_qcm_751_label" class="form-check-input qcm_188 bg-primary" id_question="188" value="751">
                                            <label class="form-check-label" for="label_qcm_751_label"><input type="textarea"></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_188" id="label_qcm_749_label" class="form-check-input qcm_188 bg-primary" id_question="188" value="749">
                                            <label class="form-check-label" for="label_qcm_749_label"><input type="text"></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_188" id="label_qcm_750_label" class="form-check-input qcm_188 bg-primary" id_question="188" value="750">
                                            <label class="form-check-label" for="label_qcm_750_label"><textarea type="text"></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_188" id="label_qcm_752_label" class="form-check-input qcm_188 bg-primary" id_question="188" value="752">
                                            <label class="form-check-label" for="label_qcm_752_label"><textbox type="text"></label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="61" curentquestion="61">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="61" typequestion="qcm" idquestion="188">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="61" curentquestion="61">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_62">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 62 </h6>
                            <h5 class="mb-3"> Quelle balise HTML permet de créer un formulaire ? </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_28" id="label_qcm_110_label" class="form-check-input qcm_28 bg-primary" id_question="28" value="110">
                                            <label class="form-check-label" for="label_qcm_110_label"><input></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_28" id="label_qcm_109_label" class="form-check-input qcm_28 bg-primary" id_question="28" value="109">
                                            <label class="form-check-label" for="label_qcm_109_label"><form></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_28" id="label_qcm_111_label" class="form-check-input qcm_28 bg-primary" id_question="28" value="111">
                                            <label class="form-check-label" for="label_qcm_111_label"><button></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_28" id="label_qcm_112_label" class="form-check-input qcm_28 bg-primary" id_question="28" value="112">
                                            <label class="form-check-label" for="label_qcm_112_label"><fieldset></label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="62" curentquestion="62">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="62" typequestion="qcm" idquestion="28">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="62" curentquestion="62">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_63">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 63 </h6>
                            <h5 class="mb-3"> Quelle balise permet d'insérer un lien vers un autre document HTML ? </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_83" id="label_qcm_329_label" class="form-check-input qcm_83 bg-primary" id_question="83" value="329">
                                            <label class="form-check-label" for="label_qcm_329_label"><a href="document.html">Cliquez ici</a></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_83" id="label_qcm_331_label" class="form-check-input qcm_83 bg-primary" id_question="83" value="331">
                                            <label class="form-check-label" for="label_qcm_331_label"><url href="document.html">Cliquez ici</url></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_83" id="label_qcm_332_label" class="form-check-input qcm_83 bg-primary" id_question="83" value="332">
                                            <label class="form-check-label" for="label_qcm_332_label"><goto href="document.html">Cliquez ici</goto></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_83" id="label_qcm_330_label" class="form-check-input qcm_83 bg-primary" id_question="83" value="330">
                                            <label class="form-check-label" for="label_qcm_330_label"><link href="document.html">Cliquez ici</link></label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="63" curentquestion="63">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="63" typequestion="qcm" idquestion="83">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="63" curentquestion="63">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_64">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 64 </h6>
                            <h5 class="mb-3"> Quelle balise HTML permet de créer un lien hypertexte ? </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_134" id="label_qcm_533_label" class="form-check-input qcm_134 bg-primary" id_question="134" value="533">
                                            <label class="form-check-label" for="label_qcm_533_label"><a href="https://www.example.com">Mon Lien</a></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_134" id="label_qcm_535_label" class="form-check-input qcm_134 bg-primary" id_question="134" value="535">
                                            <label class="form-check-label" for="label_qcm_535_label"><url href="https://www.example.com">Mon Lien</url></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_134" id="label_qcm_536_label" class="form-check-input qcm_134 bg-primary" id_question="134" value="536">
                                            <label class="form-check-label" for="label_qcm_536_label"><hyperlink href="https://www.example.com">Mon Lien</hyperlink></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_134" id="label_qcm_534_label" class="form-check-input qcm_134 bg-primary" id_question="134" value="534">
                                            <label class="form-check-label" for="label_qcm_534_label"><link href="https://www.example.com">Mon Lien</link></label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="64" curentquestion="64">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="64" typequestion="qcm" idquestion="134">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="64" curentquestion="64">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_65">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 65 </h6>
                            <h5 class="mb-3"> Quel élément HTML est utilisé pour insérer une ligne horizontale ? </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6" id="label_qcm_24_label" class="form-check-input qcm_6 bg-primary" id_question="6" value="24">
                                            <label class="form-check-label" for="label_qcm_24_label"><separator></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6" id="label_qcm_21_label" class="form-check-input qcm_6 bg-primary" id_question="6" value="21">
                                            <label class="form-check-label" for="label_qcm_21_label"><hr></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6" id="label_qcm_22_label" class="form-check-input qcm_6 bg-primary" id_question="6" value="22">
                                            <label class="form-check-label" for="label_qcm_22_label"><line></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6" id="label_qcm_23_label" class="form-check-input qcm_6 bg-primary" id_question="6" value="23">
                                            <label class="form-check-label" for="label_qcm_23_label"><break></label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="65" curentquestion="65">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="65" typequestion="qcm" idquestion="6">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="65" curentquestion="65">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_66">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 66 </h6>
                            <h5 class="mb-3"> Que fait la balise <code><mark></code> en HTML ? </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_56" id="label_qcm_224_label" class="form-check-input qcm_56 bg-primary" id_question="56" value="224">
                                            <label class="form-check-label" for="label_qcm_224_label">Ajoute une bordure autour du texte</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_56" id="label_qcm_223_label" class="form-check-input qcm_56 bg-primary" id_question="56" value="223">
                                            <label class="form-check-label" for="label_qcm_223_label">Affiche le texte en gras</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_56" id="label_qcm_221_label" class="form-check-input qcm_56 bg-primary" id_question="56" value="221">
                                            <label class="form-check-label" for="label_qcm_221_label">Met en surbrillance le texte</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_56" id="label_qcm_222_label" class="form-check-input qcm_56 bg-primary" id_question="56" value="222">
                                            <label class="form-check-label" for="label_qcm_222_label">Ajoute une couleur de fond au texte</label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="66" curentquestion="66">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="66" typequestion="qcm" idquestion="56">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="66" curentquestion="66">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_67">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 67 </h6>
                            <h5 class="mb-3"> Comment peut-on intégrer une police personnalisée dans une page HTML ? </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_163" id="label_qcm_652_label" class="form-check-input qcm_163 bg-primary" id_question="163" value="652">
                                            <label class="form-check-label" for="label_qcm_652_label">font-source: url("customfont.ttf");</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_163" id="label_qcm_651_label" class="form-check-input qcm_163 bg-primary" id_question="163" value="651">
                                            <label class="form-check-label" for="label_qcm_651_label">font-face: "CustomFont"; url("customfont.ttf");</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_163" id="label_qcm_649_label" class="form-check-input qcm_163 bg-primary" id_question="163" value="649">
                                            <label class="form-check-label" for="label_qcm_649_label">@font-face { font-family: "CustomFont"; src: url("customfont.ttf"); }</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_163" id="label_qcm_650_label" class="form-check-input qcm_163 bg-primary" id_question="163" value="650">
                                            <label class="form-check-label" for="label_qcm_650_label">font-family: "CustomFont"; src: url("customfont.ttf");</label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="67" curentquestion="67">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="67" typequestion="qcm" idquestion="163">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="67" curentquestion="67">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_68">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 68 </h6>
                            <h5 class="mb-3">  Lequel des éléments suivants est correct sur le système de grille bootstrap? </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6749" id="label_qcm_22867_label" class="form-check-input qcm_6749 bg-primary" id_question="6749" value="22867">
                                            <label class="form-check-label" for="label_qcm_22867_label">Tout ce qui précède.</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6749" id="label_qcm_22864_label" class="form-check-input qcm_6749 bg-primary" id_question="6749" value="22864">
                                            <label class="form-check-label" for="label_qcm_22864_label">  Les lignes doivent être placées dans une classe .Container pour un alignement et un rembourrage appropriés.</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6749" id="label_qcm_22865_label" class="form-check-input qcm_6749 bg-primary" id_question="6749" value="22865">
                                            <label class="form-check-label" for="label_qcm_22865_label"> Utilisez des lignes pour créer des groupes horizontaux de colonnes.</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6749" id="label_qcm_22866_label" class="form-check-input qcm_6749 bg-primary" id_question="6749" value="22866">
                                            <label class="form-check-label" for="label_qcm_22866_label"> Le contenu doit être placé dans les colonnes et seules les colonnes peuvent être les enfants immédiats des lignes.</label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="68" curentquestion="68">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="68" typequestion="qcm" idquestion="6749">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="68" curentquestion="68">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_69">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 69 </h6>
                            <h5 class="mb-3">  Quelle propriété CSS est utilisée pour arrondir les coins d'un élément ? </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6684" id="label_qcm_22640_label" class="form-check-input qcm_6684 bg-primary" id_question="6684" value="22640">
                                            <label class="form-check-label" for="label_qcm_22640_label">border-style</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6684" id="label_qcm_22639_label" class="form-check-input qcm_6684 bg-primary" id_question="6684" value="22639">
                                            <label class="form-check-label" for="label_qcm_22639_label">border-with</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6684" id="label_qcm_22641_label" class="form-check-input qcm_6684 bg-primary" id_question="6684" value="22641">
                                            <label class="form-check-label" for="label_qcm_22641_label">border-radius</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6684" id="label_qcm_22638_label" class="form-check-input qcm_6684 bg-primary" id_question="6684" value="22638">
                                            <label class="form-check-label" for="label_qcm_22638_label">border-color</label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="69" curentquestion="69">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="69" typequestion="qcm" idquestion="6684">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="69" curentquestion="69">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_70">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 70 </h6>
                            <h5 class="mb-3"> Quelle balise HTML est utilisée pour insérer une vidéo ? </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_151" id="label_qcm_603_label" class="form-check-input qcm_151 bg-primary" id_question="151" value="603">
                                            <label class="form-check-label" for="label_qcm_603_label"><movie src="video.mp4"></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_151" id="label_qcm_601_label" class="form-check-input qcm_151 bg-primary" id_question="151" value="601">
                                            <label class="form-check-label" for="label_qcm_601_label"><video src="video.mp4"></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_151" id="label_qcm_604_label" class="form-check-input qcm_151 bg-primary" id_question="151" value="604">
                                            <label class="form-check-label" for="label_qcm_604_label"><film src="video.mp4"></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_151" id="label_qcm_602_label" class="form-check-input qcm_151 bg-primary" id_question="151" value="602">
                                            <label class="form-check-label" for="label_qcm_602_label"><media src="video.mp4"></label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="70" curentquestion="70">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="70" typequestion="qcm" idquestion="151">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="70" curentquestion="70">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_71">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 71 </h6>
                            <h5 class="mb-3"> Quel attribut HTML est utilisé pour lier un fichier CSS externe ? </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_135" id="label_qcm_537_label" class="form-check-input qcm_135 bg-primary" id_question="135" value="537">
                                            <label class="form-check-label" for="label_qcm_537_label"><link rel="stylesheet" href="styles.css"></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_135" id="label_qcm_539_label" class="form-check-input qcm_135 bg-primary" id_question="135" value="539">
                                            <label class="form-check-label" for="label_qcm_539_label"><css href="styles.css"></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_135" id="label_qcm_538_label" class="form-check-input qcm_135 bg-primary" id_question="135" value="538">
                                            <label class="form-check-label" for="label_qcm_538_label"><style href="styles.css"></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_135" id="label_qcm_540_label" class="form-check-input qcm_135 bg-primary" id_question="135" value="540">
                                            <label class="form-check-label" for="label_qcm_540_label"><script href="styles.css"></label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="71" curentquestion="71">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="71" typequestion="qcm" idquestion="135">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="71" curentquestion="71">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_72">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 72 </h6>
                            <h5 class="mb-3"> Quelle balise permet de définir une liste non ordonnée ? </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_52" id="label_qcm_207_label" class="form-check-input qcm_52 bg-primary" id_question="52" value="207">
                                            <label class="form-check-label" for="label_qcm_207_label"><list><item>Item 1</item></list></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_52" id="label_qcm_206_label" class="form-check-input qcm_52 bg-primary" id_question="52" value="206">
                                            <label class="form-check-label" for="label_qcm_206_label"><ol><li>Item 1</li><li>Item 2</li></ol></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_52" id="label_qcm_208_label" class="form-check-input qcm_52 bg-primary" id_question="52" value="208">
                                            <label class="form-check-label" for="label_qcm_208_label"><ul><item>Item 1</item><item>Item 2</item></ul></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_52" id="label_qcm_205_label" class="form-check-input qcm_52 bg-primary" id_question="52" value="205">
                                            <label class="form-check-label" for="label_qcm_205_label"><ul><li>Item 1</li><li>Item 2</li></ul></label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="72" curentquestion="72">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="72" typequestion="qcm" idquestion="52">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="72" curentquestion="72">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_73">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 73 </h6>
                            <h5 class="mb-3"> Comment définir un élément de formulaire comme obligatoire en HTML ? </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_97" id="label_qcm_386_label" class="form-check-input qcm_97 bg-primary" id_question="97" value="386">
                                            <label class="form-check-label" for="label_qcm_386_label"><input type="text" mandatory></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_97" id="label_qcm_385_label" class="form-check-input qcm_97 bg-primary" id_question="97" value="385">
                                            <label class="form-check-label" for="label_qcm_385_label"><input type="text" required></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_97" id="label_qcm_388_label" class="form-check-input qcm_97 bg-primary" id_question="97" value="388">
                                            <label class="form-check-label" for="label_qcm_388_label"><input type="text" must></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_97" id="label_qcm_387_label" class="form-check-input qcm_97 bg-primary" id_question="97" value="387">
                                            <label class="form-check-label" for="label_qcm_387_label"><input type="text" need></label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="73" curentquestion="73">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="73" typequestion="qcm" idquestion="97">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="73" curentquestion="73">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_74">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 74 </h6>
                            <h5 class="mb-3"> Quelle est la différence entre les attributs <code>colspan</code> et <code>rowspan</code> dans un tableau HTML ? </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_67" id="label_qcm_267_label" class="form-check-input qcm_67 bg-primary" id_question="67" value="267">
                                            <label class="form-check-label" for="label_qcm_267_label">Le <code>colspan</code> et le <code>rowspan</code> sont utilisés de manière interchangeable.</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_67" id="label_qcm_265_label" class="form-check-input qcm_67 bg-primary" id_question="67" value="265">
                                            <label class="form-check-label" for="label_qcm_265_label">Le <code>colspan</code> étend une cellule sur plusieurs colonnes, le <code>rowspan</code> sur plusieurs lignes.</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_67" id="label_qcm_268_label" class="form-check-input qcm_67 bg-primary" id_question="67" value="268">
                                            <label class="form-check-label" for="label_qcm_268_label">Le <code>colspan</code> étend la ligne, le <code>rowspan</code> étend la colonne.</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_67" id="label_qcm_266_label" class="form-check-input qcm_67 bg-primary" id_question="67" value="266">
                                            <label class="form-check-label" for="label_qcm_266_label">Le <code>colspan</code> est utilisé pour fusionner des lignes, le <code>rowspan</code> pour les colonnes.</label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="74" curentquestion="74">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="74" typequestion="qcm" idquestion="67">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="74" curentquestion="74">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_75">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 75 </h6>
                            <h5 class="mb-3"> Comment ajouter une icône dans une page HTML ? </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_178" id="label_qcm_712_label" class="form-check-input qcm_178 bg-primary" id_question="178" value="712">
                                            <label class="form-check-label" for="label_qcm_712_label"><img class="fa fa-home"></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_178" id="label_qcm_709_label" class="form-check-input qcm_178 bg-primary" id_question="178" value="709">
                                            <label class="form-check-label" for="label_qcm_709_label"><i class="fa fa-home"></i></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_178" id="label_qcm_710_label" class="form-check-input qcm_178 bg-primary" id_question="178" value="710">
                                            <label class="form-check-label" for="label_qcm_710_label"><icon class="fa fa-home"></icon></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_178" id="label_qcm_711_label" class="form-check-input qcm_178 bg-primary" id_question="178" value="711">
                                            <label class="form-check-label" for="label_qcm_711_label"><span class="fa fa-home"></span></label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="75" curentquestion="75">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="75" typequestion="qcm" idquestion="178">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="75" curentquestion="75">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_76">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 76 </h6>
                            <h5 class="mb-3"> Quel est le rôle de la balise <code><meta></code> dans un document HTML ? </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_21" id="label_qcm_82_label" class="form-check-input qcm_21 bg-primary" id_question="21" value="82">
                                            <label class="form-check-label" for="label_qcm_82_label">Créer un lien vers un fichier CSS</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_21" id="label_qcm_84_label" class="form-check-input qcm_21 bg-primary" id_question="21" value="84">
                                            <label class="form-check-label" for="label_qcm_84_label">Ajouter un script JavaScript</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_21" id="label_qcm_81_label" class="form-check-input qcm_21 bg-primary" id_question="21" value="81">
                                            <label class="form-check-label" for="label_qcm_81_label">Fournir des métadonnées</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_21" id="label_qcm_83_label" class="form-check-input qcm_21 bg-primary" id_question="21" value="83">
                                            <label class="form-check-label" for="label_qcm_83_label">Définir une section de contenu</label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="76" curentquestion="76">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="76" typequestion="qcm" idquestion="21">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="76" curentquestion="76">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_77">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 77 </h6>
                            <h5 class="mb-3"> Comment insérer un commentaire dans un fichier HTML ? </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_138" id="label_qcm_549_label" class="form-check-input qcm_138 bg-primary" id_question="138" value="549">
                                            <label class="form-check-label" for="label_qcm_549_label"></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_138" id="label_qcm_551_label" class="form-check-input qcm_138 bg-primary" id_question="138" value="551">
                                            <label class="form-check-label" for="label_qcm_551_label"><# Ceci est un commentaire #></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_138" id="label_qcm_550_label" class="form-check-input qcm_138 bg-primary" id_question="138" value="550">
                                            <label class="form-check-label" for="label_qcm_550_label"><commentaire>Ceci est un commentaire</commentaire></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_138" id="label_qcm_552_label" class="form-check-input qcm_138 bg-primary" id_question="138" value="552">
                                            <label class="form-check-label" for="label_qcm_552_label"><-- commentaire --></label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="77" curentquestion="77">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="77" typequestion="qcm" idquestion="138">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="77" curentquestion="77">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_78">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 78 </h6>
                            <h5 class="mb-3"> Quel attribut HTML est utilisé pour spécifier l'URL d'une image ? </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_141" id="label_qcm_561_label" class="form-check-input qcm_141 bg-primary" id_question="141" value="561">
                                            <label class="form-check-label" for="label_qcm_561_label"><img src="image.jpg"></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_141" id="label_qcm_564_label" class="form-check-input qcm_141 bg-primary" id_question="141" value="564">
                                            <label class="form-check-label" for="label_qcm_564_label"><img source="image.jpg"></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_141" id="label_qcm_563_label" class="form-check-input qcm_141 bg-primary" id_question="141" value="563">
                                            <label class="form-check-label" for="label_qcm_563_label"><image src="image.jpg"></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_141" id="label_qcm_562_label" class="form-check-input qcm_141 bg-primary" id_question="141" value="562">
                                            <label class="form-check-label" for="label_qcm_562_label"><img href="image.jpg"></label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="78" curentquestion="78">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="78" typequestion="qcm" idquestion="141">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="78" curentquestion="78">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_79">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 79 </h6>
                            <h5 class="mb-3">  Quelle propriété CSS est utilisée pour rendre un élément flexible dans un conteneur flexible ? </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6649" id="label_qcm_22617_label" class="form-check-input qcm_6649 bg-primary" id_question="6649" value="22617">
                                            <label class="form-check-label" for="label_qcm_22617_label">grid</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6649" id="label_qcm_22618_label" class="form-check-input qcm_6649 bg-primary" id_question="6649" value="22618">
                                            <label class="form-check-label" for="label_qcm_22618_label">display</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6649" id="label_qcm_22619_label" class="form-check-input qcm_6649 bg-primary" id_question="6649" value="22619">
                                            <label class="form-check-label" for="label_qcm_22619_label">align</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6649" id="label_qcm_22616_label" class="form-check-input qcm_6649 bg-primary" id_question="6649" value="22616">
                                            <label class="form-check-label" for="label_qcm_22616_label">flex</label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="79" curentquestion="79">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="79" typequestion="qcm" idquestion="6649">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="79" curentquestion="79">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_80">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 80 </h6>
                            <h5 class="mb-3"> Quelle balise HTML est utilisée pour insérer un saut de ligne ? </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_171" id="label_qcm_683_label" class="form-check-input qcm_171 bg-primary" id_question="171" value="683">
                                            <label class="form-check-label" for="label_qcm_683_label"><break></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_171" id="label_qcm_681_label" class="form-check-input qcm_171 bg-primary" id_question="171" value="681">
                                            <label class="form-check-label" for="label_qcm_681_label"><br></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_171" id="label_qcm_684_label" class="form-check-input qcm_171 bg-primary" id_question="171" value="684">
                                            <label class="form-check-label" for="label_qcm_684_label"><saut></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_171" id="label_qcm_682_label" class="form-check-input qcm_171 bg-primary" id_question="171" value="682">
                                            <label class="form-check-label" for="label_qcm_682_label"><linebreak></label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="80" curentquestion="80">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="80" typequestion="qcm" idquestion="171">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="80" curentquestion="80">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_81">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 81 </h6>
                            <h5 class="mb-3"> Quelle balise est utilisée pour insérer une ligne horizontale dans une page HTML ? </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_137" id="label_qcm_546_label" class="form-check-input qcm_137 bg-primary" id_question="137" value="546">
                                            <label class="form-check-label" for="label_qcm_546_label"><line></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_137" id="label_qcm_547_label" class="form-check-input qcm_137 bg-primary" id_question="137" value="547">
                                            <label class="form-check-label" for="label_qcm_547_label"><separator></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_137" id="label_qcm_545_label" class="form-check-input qcm_137 bg-primary" id_question="137" value="545">
                                            <label class="form-check-label" for="label_qcm_545_label"><hr></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_137" id="label_qcm_548_label" class="form-check-input qcm_137 bg-primary" id_question="137" value="548">
                                            <label class="form-check-label" for="label_qcm_548_label"><horizontalline></label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="81" curentquestion="81">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="81" typequestion="qcm" idquestion="137">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="81" curentquestion="81">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_82">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 82 </h6>
                            <h5 class="mb-3"> Lequel des éléments suivants est correct à propos de la requête multimédia Bootstrap? </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6746" id="label_qcm_22852_label" class="form-check-input qcm_6746 bg-primary" id_question="6746" value="22852">
                                            <label class="form-check-label" for="label_qcm_22852_label">Aucune des réponses ci-dessous.</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6746" id="label_qcm_22855_label" class="form-check-input qcm_6746 bg-primary" id_question="6746" value="22855">
                                            <label class="form-check-label" for="label_qcm_22855_label">Il applique simplement certains CSS, sur la base de certaines conditions énoncées. Si ces conditions sont remplies, le style est appliqué.</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6746" id="label_qcm_22853_label" class="form-check-input qcm_6746 bg-primary" id_question="6746" value="22853">
                                            <label class="form-check-label" for="label_qcm_22853_label">  Les deux ci-dessous.</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6746" id="label_qcm_22854_label" class="form-check-input qcm_6746 bg-primary" id_question="6746" value="22854">
                                            <label class="form-check-label" for="label_qcm_22854_label"> La requête multimédia est un terme vraiment sophistiqué pour la règle CSS conditionnelle ".</label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="82" curentquestion="82">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="82" typequestion="qcm" idquestion="6746">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="82" curentquestion="82">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_83">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 83 </h6>
                            <h5 class="mb-3"> Quelle est la différence entre les balises <code><div></code> et <code><span></code> ? </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_116" id="label_qcm_463_label" class="form-check-input qcm_116 bg-primary" id_question="116" value="463">
                                            <label class="form-check-label" for="label_qcm_463_label">Les deux balises sont uniquement utilisées pour le texte en HTML.</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_116" id="label_qcm_464_label" class="form-check-input qcm_116 bg-primary" id_question="116" value="464">
                                            <label class="form-check-label" for="label_qcm_464_label">Les balises <code><div></code> et <code><span></code> ne peuvent pas être combinées.</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_116" id="label_qcm_462_label" class="form-check-input qcm_116 bg-primary" id_question="116" value="462">
                                            <label class="form-check-label" for="label_qcm_462_label">Les deux balises ont la même fonction, mais <code><div></code> est utilisée pour les images et <code><span></code> pour le texte.</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_116" id="label_qcm_461_label" class="form-check-input qcm_116 bg-primary" id_question="116" value="461">
                                            <label class="form-check-label" for="label_qcm_461_label">Les deux balises sont utilisées pour structurer le contenu, mais <code><div></code> est un bloc et <code><span></code> est en ligne.</label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="83" curentquestion="83">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="83" typequestion="qcm" idquestion="116">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="83" curentquestion="83">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_84">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 84 </h6>
                            <h5 class="mb-3"> Comment est définie la couleur d'un texte en HTML ? </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_95" id="label_qcm_378_label" class="form-check-input qcm_95 bg-primary" id_question="95" value="378">
                                            <label class="form-check-label" for="label_qcm_378_label"><p color="red">Texte rouge</p></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_95" id="label_qcm_380_label" class="form-check-input qcm_95 bg-primary" id_question="95" value="380">
                                            <label class="form-check-label" for="label_qcm_380_label"><p style="color:red">Texte rouge</p></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_95" id="label_qcm_377_label" class="form-check-input qcm_95 bg-primary" id_question="95" value="377">
                                            <label class="form-check-label" for="label_qcm_377_label"><p style="color: red">Texte rouge</p></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_95" id="label_qcm_379_label" class="form-check-input qcm_95 bg-primary" id_question="95" value="379">
                                            <label class="form-check-label" for="label_qcm_379_label"><p text-color="red">Texte rouge</p></label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="84" curentquestion="84">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="84" typequestion="qcm" idquestion="95">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="84" curentquestion="84">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_85">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 85 </h6>
                            <h5 class="mb-3"> Quelle balise HTML est utilisée pour inclure une image dans une page ? </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_121" id="label_qcm_483_label" class="form-check-input qcm_121 bg-primary" id_question="121" value="483">
                                            <label class="form-check-label" for="label_qcm_483_label"><img source="image.jpg"></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_121" id="label_qcm_482_label" class="form-check-input qcm_121 bg-primary" id_question="121" value="482">
                                            <label class="form-check-label" for="label_qcm_482_label"><image src="image.jpg"></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_121" id="label_qcm_481_label" class="form-check-input qcm_121 bg-primary" id_question="121" value="481">
                                            <label class="form-check-label" for="label_qcm_481_label"><img src="image.jpg" alt="Description"></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_121" id="label_qcm_484_label" class="form-check-input qcm_121 bg-primary" id_question="121" value="484">
                                            <label class="form-check-label" for="label_qcm_484_label"><picture src="image.jpg"></label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="85" curentquestion="85">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="85" typequestion="qcm" idquestion="121">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="85" curentquestion="85">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_86">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 86 </h6>
                            <h5 class="mb-3"> Comment inclure un fichier JavaScript dans une page HTML ? </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_64" id="label_qcm_254_label" class="form-check-input qcm_64 bg-primary" id_question="64" value="254">
                                            <label class="form-check-label" for="label_qcm_254_label"><js src="script.js"></js></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_64" id="label_qcm_255_label" class="form-check-input qcm_64 bg-primary" id_question="64" value="255">
                                            <label class="form-check-label" for="label_qcm_255_label"><script file="script.js"></script></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_64" id="label_qcm_253_label" class="form-check-input qcm_64 bg-primary" id_question="64" value="253">
                                            <label class="form-check-label" for="label_qcm_253_label"><script src="script.js"></script></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_64" id="label_qcm_256_label" class="form-check-input qcm_64 bg-primary" id_question="64" value="256">
                                            <label class="form-check-label" for="label_qcm_256_label"><javascript src="script.js"></javascript></label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="86" curentquestion="86">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="86" typequestion="qcm" idquestion="64">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="86" curentquestion="86">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_87">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 87 </h6>
                            <h5 class="mb-3"> Quel attribut est utilisé pour spécifier la couleur de fond d'une page HTML ? </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_86" id="label_qcm_343_label" class="form-check-input qcm_86 bg-primary" id_question="86" value="343">
                                            <label class="form-check-label" for="label_qcm_343_label"><body color="blue"></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_86" id="label_qcm_344_label" class="form-check-input qcm_86 bg-primary" id_question="86" value="344">
                                            <label class="form-check-label" for="label_qcm_344_label"><body bgcolor="blue"></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_86" id="label_qcm_342_label" class="form-check-input qcm_86 bg-primary" id_question="86" value="342">
                                            <label class="form-check-label" for="label_qcm_342_label"><body background-color="blue"></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_86" id="label_qcm_341_label" class="form-check-input qcm_86 bg-primary" id_question="86" value="341">
                                            <label class="form-check-label" for="label_qcm_341_label"><body style="background-color: blue"></label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="87" curentquestion="87">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="87" typequestion="qcm" idquestion="86">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="87" curentquestion="87">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_88">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 88 </h6>
                            <h5 class="mb-3"> Lequel des éléments suivants est correct sur l'attribut de données de données-html du plugin à ouvrages? </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6759" id="label_qcm_22909_label" class="form-check-input qcm_6759 bg-primary" id_question="6759" value="22909">
                                            <label class="form-check-label" for="label_qcm_22909_label">Délégués aux cibles spécifiées</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6759" id="label_qcm_22908_label" class="form-check-input qcm_6759 bg-primary" id_question="6759" value="22908">
                                            <label class="form-check-label" for="label_qcm_22908_label">Spécifie comment positionner l'info-bulle (c'est-à-dire en haut | en bas | gauche | droite | auto).</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6759" id="label_qcm_22907_label" class="form-check-input qcm_6759 bg-primary" id_question="6759" value="22907">
                                            <label class="form-check-label" for="label_qcm_22907_label"> Insère HTML dans l'info-bulle. Si faux, la méthode texte de JQuery sera utilisée pour insérer du contenu dans le DOM</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6759" id="label_qcm_22906_label" class="form-check-input qcm_6759 bg-primary" id_question="6759" value="22906">
                                            <label class="form-check-label" for="label_qcm_22906_label">Applique une transition de fondu CSS vers l'info-bulle</label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="88" curentquestion="88">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="88" typequestion="qcm" idquestion="6759">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="88" curentquestion="88">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_89">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 89 </h6>
                            <h5 class="mb-3"> Laquelle des propriétés suivantes est utilisée pour aligner le texte dans une table ? </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6619" id="label_qcm_22574_label" class="form-check-input qcm_6619 bg-primary" id_question="6619" value="22574">
                                            <label class="form-check-label" for="label_qcm_22574_label">D- aucune de ces propriétés</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6619" id="label_qcm_22572_label" class="form-check-input qcm_6619 bg-primary" id_question="6619" value="22572">
                                            <label class="form-check-label" for="label_qcm_22572_label">B- align-table</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6619" id="label_qcm_22571_label" class="form-check-input qcm_6619 bg-primary" id_question="6619" value="22571">
                                            <label class="form-check-label" for="label_qcm_22571_label">A- text-align</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6619" id="label_qcm_22573_label" class="form-check-input qcm_6619 bg-primary" id_question="6619" value="22573">
                                            <label class="form-check-label" for="label_qcm_22573_label">C- test-table</label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="89" curentquestion="89">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="89" typequestion="qcm" idquestion="6619">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="89" curentquestion="89">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_90">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 90 </h6>
                            <h5 class="mb-3"> Quel est l'attribut utilisé pour définir la taille d'un texte en HTML ? </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_105" id="label_qcm_420_label" class="form-check-input qcm_105 bg-primary" id_question="105" value="420">
                                            <label class="form-check-label" for="label_qcm_420_label">style="text-font-size: 20px;"</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_105" id="label_qcm_418_label" class="form-check-input qcm_105 bg-primary" id_question="105" value="418">
                                            <label class="form-check-label" for="label_qcm_418_label">style="text-size: 20px;"</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_105" id="label_qcm_419_label" class="form-check-input qcm_105 bg-primary" id_question="105" value="419">
                                            <label class="form-check-label" for="label_qcm_419_label">style="font: size 20px;"</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_105" id="label_qcm_417_label" class="form-check-input qcm_105 bg-primary" id_question="105" value="417">
                                            <label class="form-check-label" for="label_qcm_417_label">style="font-size: 20px;"</label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="90" curentquestion="90">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="90" typequestion="qcm" idquestion="105">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="90" curentquestion="90">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_91">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 91 </h6>
                            <h5 class="mb-3"> Quelles sont les options pour rendre le poids de la police plus audacieux que dans l'élément parent? </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6739" id="label_qcm_22824_label" class="form-check-input qcm_6739 bg-primary" id_question="6739" value="22824">
                                            <label class="form-check-label" for="label_qcm_22824_label"> Utilisez HTML `Strong` Tag</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6739" id="label_qcm_22826_label" class="form-check-input qcm_6739 bg-primary" id_question="6739" value="22826">
                                            <label class="form-check-label" for="label_qcm_22826_label">Ajouter la classe «Strong»</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6739" id="label_qcm_22823_label" class="form-check-input qcm_6739 bg-primary" id_question="6739" value="22823">
                                            <label class="form-check-label" for="label_qcm_22823_label">Ajouter la classe `` Bold '</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6739" id="label_qcm_22825_label" class="form-check-input qcm_6739 bg-primary" id_question="6739" value="22825">
                                            <label class="form-check-label" for="label_qcm_22825_label">Aucun d'eux</label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="91" curentquestion="91">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="91" typequestion="qcm" idquestion="6739">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="91" curentquestion="91">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_92">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 92 </h6>
                            <h5 class="mb-3"> Quel attribut HTML est utilisé pour rendre une page HTML responsive ? </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_130" id="label_qcm_520_label" class="form-check-input qcm_130 bg-primary" id_question="130" value="520">
                                            <label class="form-check-label" for="label_qcm_520_label"><meta name="viewport" content="width=device-width, initial-scale=2"></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_130" id="label_qcm_518_label" class="form-check-input qcm_130 bg-primary" id_question="130" value="518">
                                            <label class="form-check-label" for="label_qcm_518_label"><meta name="viewport" content="width=device-width, scale=1"></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_130" id="label_qcm_519_label" class="form-check-input qcm_130 bg-primary" id_question="130" value="519">
                                            <label class="form-check-label" for="label_qcm_519_label"><meta name="screen" content="width=device-width, initial-scale=1"></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_130" id="label_qcm_517_label" class="form-check-input qcm_130 bg-primary" id_question="130" value="517">
                                            <label class="form-check-label" for="label_qcm_517_label"><meta name="viewport" content="width=device-width, initial-scale=1"></label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="92" curentquestion="92">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="92" typequestion="qcm" idquestion="130">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="92" curentquestion="92">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_93">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 93 </h6>
                            <h5 class="mb-3"> Laquelle des couleurs suivantes est la couleur par défaut de la barre de progrès? </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6717" id="label_qcm_22735_label" class="form-check-input qcm_6717 bg-primary" id_question="6717" value="22735">
                                            <label class="form-check-label" for="label_qcm_22735_label"># 167AC6</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6717" id="label_qcm_22736_label" class="form-check-input qcm_6717 bg-primary" id_question="6717" value="22736">
                                            <label class="form-check-label" for="label_qcm_22736_label">Aucune des réponses ci-dessus</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6717" id="label_qcm_22733_label" class="form-check-input qcm_6717 bg-primary" id_question="6717" value="22733">
                                            <label class="form-check-label" for="label_qcm_22733_label"># 286090</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6717" id="label_qcm_22734_label" class="form-check-input qcm_6717 bg-primary" id_question="6717" value="22734">
                                            <label class="form-check-label" for="label_qcm_22734_label"> # CC2929</label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="93" curentquestion="93">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="93" typequestion="qcm" idquestion="6717">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="93" curentquestion="93">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_94">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 94 </h6>
                            <h5 class="mb-3"> Quelle balise est utilisée pour insérer un lien hypertexte ? </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_49" id="label_qcm_193_label" class="form-check-input qcm_49 bg-primary" id_question="49" value="193">
                                            <label class="form-check-label" for="label_qcm_193_label"><a href="https://www.example.com">Cliquez ici</a></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_49" id="label_qcm_195_label" class="form-check-input qcm_49 bg-primary" id_question="49" value="195">
                                            <label class="form-check-label" for="label_qcm_195_label"><hyperlink href="https://www.example.com">Cliquez ici</hyperlink></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_49" id="label_qcm_194_label" class="form-check-input qcm_49 bg-primary" id_question="49" value="194">
                                            <label class="form-check-label" for="label_qcm_194_label"><link href="https://www.example.com">Cliquez ici</link></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_49" id="label_qcm_196_label" class="form-check-input qcm_49 bg-primary" id_question="49" value="196">
                                            <label class="form-check-label" for="label_qcm_196_label"><url href="https://www.example.com">Cliquez ici</url></label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="94" curentquestion="94">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="94" typequestion="qcm" idquestion="49">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="94" curentquestion="94">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_95">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 95 </h6>
                            <h5 class="mb-3"> Quel attribut permet de spécifier une couleur d'arrière-plan pour un élément HTML ? </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_115" id="label_qcm_460_label" class="form-check-input qcm_115 bg-primary" id_question="115" value="460">
                                            <label class="form-check-label" for="label_qcm_460_label">style="color-background: #ff0000;"</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_115" id="label_qcm_458_label" class="form-check-input qcm_115 bg-primary" id_question="115" value="458">
                                            <label class="form-check-label" for="label_qcm_458_label">style="background: #ff0000;"</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_115" id="label_qcm_459_label" class="form-check-input qcm_115 bg-primary" id_question="115" value="459">
                                            <label class="form-check-label" for="label_qcm_459_label">style="bg-color: #ff0000;"</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_115" id="label_qcm_457_label" class="form-check-input qcm_115 bg-primary" id_question="115" value="457">
                                            <label class="form-check-label" for="label_qcm_457_label">style="background-color: #ff0000;"</label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="95" curentquestion="95">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="95" typequestion="qcm" idquestion="115">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="95" curentquestion="95">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_96">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 96 </h6>
                            <h5 class="mb-3"> Quel est le rôle de l'attribut <code>href</code> dans la balise <code><a></code> ? </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_41" id="label_qcm_162_label" class="form-check-input qcm_41 bg-primary" id_question="41" value="162">
                                            <label class="form-check-label" for="label_qcm_162_label">Définir le titre du lien</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_41" id="label_qcm_161_label" class="form-check-input qcm_41 bg-primary" id_question="41" value="161">
                                            <label class="form-check-label" for="label_qcm_161_label">Définir l'URL du lien</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_41" id="label_qcm_164_label" class="form-check-input qcm_41 bg-primary" id_question="41" value="164">
                                            <label class="form-check-label" for="label_qcm_164_label">Définir l'id du lien</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_41" id="label_qcm_163_label" class="form-check-input qcm_41 bg-primary" id_question="41" value="163">
                                            <label class="form-check-label" for="label_qcm_163_label">Définir la couleur du lien</label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="96" curentquestion="96">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="96" typequestion="qcm" idquestion="41">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="96" curentquestion="96">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_97">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 97 </h6>
                            <h5 class="mb-3"> Quel attribut HTML est utilisé pour ouvrir un lien dans un nouvel onglet ? </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_8" id="label_qcm_30_label" class="form-check-input qcm_8 bg-primary" id_question="8" value="30">
                                            <label class="form-check-label" for="label_qcm_30_label">rel="noopener"</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_8" id="label_qcm_32_label" class="form-check-input qcm_8 bg-primary" id_question="8" value="32">
                                            <label class="form-check-label" for="label_qcm_32_label">link="_newtab"</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_8" id="label_qcm_31_label" class="form-check-input qcm_8 bg-primary" id_question="8" value="31">
                                            <label class="form-check-label" for="label_qcm_31_label">open="newtab"</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_8" id="label_qcm_29_label" class="form-check-input qcm_8 bg-primary" id_question="8" value="29">
                                            <label class="form-check-label" for="label_qcm_29_label">target="_blank"</label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="97" curentquestion="97">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="97" typequestion="qcm" idquestion="8">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="97" curentquestion="97">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_98">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 98 </h6>
                            <h5 class="mb-3"> Quelle balise est utilisée pour insérer un lien vers un fichier JavaScript ? </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_147" id="label_qcm_585_label" class="form-check-input qcm_147 bg-primary" id_question="147" value="585">
                                            <label class="form-check-label" for="label_qcm_585_label"><script src="script.js"></script></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_147" id="label_qcm_586_label" class="form-check-input qcm_147 bg-primary" id_question="147" value="586">
                                            <label class="form-check-label" for="label_qcm_586_label"><javascript src="script.js"></javascript></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_147" id="label_qcm_588_label" class="form-check-input qcm_147 bg-primary" id_question="147" value="588">
                                            <label class="form-check-label" for="label_qcm_588_label"><scriptfile src="script.js"></scriptfile></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_147" id="label_qcm_587_label" class="form-check-input qcm_147 bg-primary" id_question="147" value="587">
                                            <label class="form-check-label" for="label_qcm_587_label"><js src="script.js"></js></label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="98" curentquestion="98">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="98" typequestion="qcm" idquestion="147">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="98" curentquestion="98">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_99">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 99 </h6>
                            <h5 class="mb-3"> Laquelle des éléments suivants est la taille correcte de l'image dans l'objet multimédia par défaut? </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6715" id="label_qcm_22727_label" class="form-check-input qcm_6715 bg-primary" id_question="6715" value="22727">
                                            <label class="form-check-label" for="label_qcm_22727_label"> 128x128</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6715" id="label_qcm_22725_label" class="form-check-input qcm_6715 bg-primary" id_question="6715" value="22725">
                                            <label class="form-check-label" for="label_qcm_22725_label"> 32x32</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6715" id="label_qcm_22728_label" class="form-check-input qcm_6715 bg-primary" id_question="6715" value="22728">
                                            <label class="form-check-label" for="label_qcm_22728_label">Aucun d'eux</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6715" id="label_qcm_22726_label" class="form-check-input qcm_6715 bg-primary" id_question="6715" value="22726">
                                            <label class="form-check-label" for="label_qcm_22726_label"> 64x64</label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="99" curentquestion="99">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="99" typequestion="qcm" idquestion="6715">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="99" curentquestion="99">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_100">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 100 </h6>
                            <h5 class="mb-3"> Quelle propriété CSS est utilisée pour définir la police de caractères ? </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6735" id="label_qcm_22809_label" class="form-check-input qcm_6735 bg-primary" id_question="6735" value="22809">
                                            <label class="form-check-label" for="label_qcm_22809_label">font-style</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6735" id="label_qcm_22807_label" class="form-check-input qcm_6735 bg-primary" id_question="6735" value="22807">
                                            <label class="form-check-label" for="label_qcm_22807_label">font-family</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6735" id="label_qcm_22810_label" class="form-check-input qcm_6735 bg-primary" id_question="6735" value="22810">
                                            <label class="form-check-label" for="label_qcm_22810_label">font-size</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6735" id="label_qcm_22808_label" class="form-check-input qcm_6735 bg-primary" id_question="6735" value="22808">
                                            <label class="form-check-label" for="label_qcm_22808_label">font-weight</label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="100" curentquestion="100">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="100" typequestion="qcm" idquestion="6735">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="100" curentquestion="100">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_101">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 101 </h6>
                            <h5 class="mb-3"> Quelle est la différence entre les attributs <code>id</code> et <code>class</code> en HTML ? </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_51" id="label_qcm_202_label" class="form-check-input qcm_51 bg-primary" id_question="51" value="202">
                                            <label class="form-check-label" for="label_qcm_202_label">Les deux attributs servent à donner un nom à un élément</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_51" id="label_qcm_204_label" class="form-check-input qcm_51 bg-primary" id_question="51" value="204">
                                            <label class="form-check-label" for="label_qcm_204_label">Les deux attributs ne servent à rien en HTML</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_51" id="label_qcm_201_label" class="form-check-input qcm_51 bg-primary" id_question="51" value="201">
                                            <label class="form-check-label" for="label_qcm_201_label">L'attribut <code>id</code> est unique, <code>class</code> est utilisé pour plusieurs éléments.</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_51" id="label_qcm_203_label" class="form-check-input qcm_51 bg-primary" id_question="51" value="203">
                                            <label class="form-check-label" for="label_qcm_203_label">L'attribut <code>class</code> est unique, <code>id</code> peut être utilisé pour plusieurs éléments.</label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="101" curentquestion="101">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="101" typequestion="qcm" idquestion="51">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="101" curentquestion="101">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_102">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 102 </h6>
                            <h5 class="mb-3"> Quelle propriété CSS est utilisée pour ajouter une image de fond ? </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6733" id="label_qcm_22797_label" class="form-check-input qcm_6733 bg-primary" id_question="6733" value="22797">
                                            <label class="form-check-label" for="label_qcm_22797_label"> background-color</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6733" id="label_qcm_22798_label" class="form-check-input qcm_6733 bg-primary" id_question="6733" value="22798">
                                            <label class="form-check-label" for="label_qcm_22798_label"> image</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6733" id="label_qcm_22799_label" class="form-check-input qcm_6733 bg-primary" id_question="6733" value="22799">
                                            <label class="form-check-label" for="label_qcm_22799_label">background-image</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6733" id="label_qcm_22800_label" class="form-check-input qcm_6733 bg-primary" id_question="6733" value="22800">
                                            <label class="form-check-label" for="label_qcm_22800_label">background</label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="102" curentquestion="102">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="102" typequestion="qcm" idquestion="6733">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="102" curentquestion="102">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_103">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 103 </h6>
                            <h5 class="mb-3"> Quelle balise HTML est utilisée pour insérer une image ? </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_79" id="label_qcm_313_label" class="form-check-input qcm_79 bg-primary" id_question="79" value="313">
                                            <label class="form-check-label" for="label_qcm_313_label"><img src="image.jpg" alt="Une image"></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_79" id="label_qcm_314_label" class="form-check-input qcm_79 bg-primary" id_question="79" value="314">
                                            <label class="form-check-label" for="label_qcm_314_label"><picture src="image.jpg" alt="Une image"></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_79" id="label_qcm_316_label" class="form-check-input qcm_79 bg-primary" id_question="79" value="316">
                                            <label class="form-check-label" for="label_qcm_316_label"><media src="image.jpg" alt="Une image"></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_79" id="label_qcm_315_label" class="form-check-input qcm_79 bg-primary" id_question="79" value="315">
                                            <label class="form-check-label" for="label_qcm_315_label"><image src="image.jpg" alt="Une image"></label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="103" curentquestion="103">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="103" typequestion="qcm" idquestion="79">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="103" curentquestion="103">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_104">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 104 </h6>
                            <h5 class="mb-3"> Pourquoi est-il important de spécifier un encodage de caractères dans la balise <code><meta></code> ? </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_159" id="label_qcm_634_label" class="form-check-input qcm_159 bg-primary" id_question="159" value="634">
                                            <label class="form-check-label" for="label_qcm_634_label">Cela permet de charger plus rapidement la page.</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_159" id="label_qcm_636_label" class="form-check-input qcm_159 bg-primary" id_question="159" value="636">
                                            <label class="form-check-label" for="label_qcm_636_label">Cela permet de désactiver les scripts dans la page.</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_159" id="label_qcm_633_label" class="form-check-input qcm_159 bg-primary" id_question="159" value="633">
                                            <label class="form-check-label" for="label_qcm_633_label">Cela permet d'afficher correctement les caractères spéciaux et les symboles.</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_159" id="label_qcm_635_label" class="form-check-input qcm_159 bg-primary" id_question="159" value="635">
                                            <label class="form-check-label" for="label_qcm_635_label">Cela permet de personnaliser l'apparence de la page.</label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="104" curentquestion="104">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="104" typequestion="qcm" idquestion="159">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="104" curentquestion="104">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_105">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 105 </h6>
                            <h5 class="mb-3"> Quelle balise HTML est utilisée pour afficher une image ? </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_187" id="label_qcm_746_label" class="form-check-input qcm_187 bg-primary" id_question="187" value="746">
                                            <label class="form-check-label" for="label_qcm_746_label"><image src="image.jpg" alt="Description de l'image"></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_187" id="label_qcm_748_label" class="form-check-input qcm_187 bg-primary" id_question="187" value="748">
                                            <label class="form-check-label" for="label_qcm_748_label"><photo src="image.jpg" alt="Description de l'image"></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_187" id="label_qcm_745_label" class="form-check-input qcm_187 bg-primary" id_question="187" value="745">
                                            <label class="form-check-label" for="label_qcm_745_label"><img src="image.jpg" alt="Description de l'image"></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_187" id="label_qcm_747_label" class="form-check-input qcm_187 bg-primary" id_question="187" value="747">
                                            <label class="form-check-label" for="label_qcm_747_label"><picture src="image.jpg" alt="Description de l'image"></label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="105" curentquestion="105">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="105" typequestion="qcm" idquestion="187">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="105" curentquestion="105">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_106">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 106 </h6>
                            <h5 class="mb-3"> Quelle balise permet de créer un paragraphe ? </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_59" id="label_qcm_235_label" class="form-check-input qcm_59 bg-primary" id_question="59" value="235">
                                            <label class="form-check-label" for="label_qcm_235_label"><para>Ceci est un paragraphe</para></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_59" id="label_qcm_236_label" class="form-check-input qcm_59 bg-primary" id_question="59" value="236">
                                            <label class="form-check-label" for="label_qcm_236_label"><text>Ceci est un paragraphe</text></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_59" id="label_qcm_233_label" class="form-check-input qcm_59 bg-primary" id_question="59" value="233">
                                            <label class="form-check-label" for="label_qcm_233_label"><p>Ceci est un paragraphe</p></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_59" id="label_qcm_234_label" class="form-check-input qcm_59 bg-primary" id_question="59" value="234">
                                            <label class="form-check-label" for="label_qcm_234_label"><paragraph>Ceci est un paragraphe</paragraph></label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="106" curentquestion="106">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="106" typequestion="qcm" idquestion="59">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="106" curentquestion="106">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_107">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 107 </h6>
                            <h5 class="mb-3"> Quel attribut est requis pour les images en HTML afin de définir leur source ? </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_10" id="label_qcm_38_label" class="form-check-input qcm_10 bg-primary" id_question="10" value="38">
                                            <label class="form-check-label" for="label_qcm_38_label">href</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_10" id="label_qcm_40_label" class="form-check-input qcm_10 bg-primary" id_question="10" value="40">
                                            <label class="form-check-label" for="label_qcm_40_label">link</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_10" id="label_qcm_39_label" class="form-check-input qcm_10 bg-primary" id_question="10" value="39">
                                            <label class="form-check-label" for="label_qcm_39_label">alt</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_10" id="label_qcm_37_label" class="form-check-input qcm_10 bg-primary" id_question="10" value="37">
                                            <label class="form-check-label" for="label_qcm_37_label">src</label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="107" curentquestion="107">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="107" typequestion="qcm" idquestion="10">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="107" curentquestion="107">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_108">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 108 </h6>
                            <h5 class="mb-3"> Quelle balise HTML permet de créer une table avec des bordures visibles ? </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_196" id="label_qcm_784_label" class="form-check-input qcm_196 bg-primary" id_question="196" value="784">
                                            <label class="form-check-label" for="label_qcm_784_label"><tab> ... </tab></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_196" id="label_qcm_781_label" class="form-check-input qcm_196 bg-primary" id_question="196" value="781">
                                            <label class="form-check-label" for="label_qcm_781_label"><table border="1"> ... </table></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_196" id="label_qcm_782_label" class="form-check-input qcm_196 bg-primary" id_question="196" value="782">
                                            <label class="form-check-label" for="label_qcm_782_label"><table borders="1"> ... </table></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_196" id="label_qcm_783_label" class="form-check-input qcm_196 bg-primary" id_question="196" value="783">
                                            <label class="form-check-label" for="label_qcm_783_label"><table> ... <table></label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="108" curentquestion="108">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="108" typequestion="qcm" idquestion="196">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="108" curentquestion="108">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_109">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 109 </h6>
                            <h5 class="mb-3"> Quel élément HTML est utilisé pour insérer un paragraphe ? </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_3" id="label_qcm_11_label" class="form-check-input qcm_3 bg-primary" id_question="3" value="11">
                                            <label class="form-check-label" for="label_qcm_11_label"><text></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_3" id="label_qcm_10_label" class="form-check-input qcm_3 bg-primary" id_question="3" value="10">
                                            <label class="form-check-label" for="label_qcm_10_label"><paragraph></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_3" id="label_qcm_12_label" class="form-check-input qcm_3 bg-primary" id_question="3" value="12">
                                            <label class="form-check-label" for="label_qcm_12_label"><div></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_3" id="label_qcm_9_label" class="form-check-input qcm_3 bg-primary" id_question="3" value="9">
                                            <label class="form-check-label" for="label_qcm_9_label"><p></label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="109" curentquestion="109">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="109" typequestion="qcm" idquestion="3">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="109" curentquestion="109">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_110">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 110 </h6>
                            <h5 class="mb-3"> Quelle propriété CSS est utilisée pour définir l'espacement entre les lignes de texte ? </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6647" id="label_qcm_22609_label" class="form-check-input qcm_6647 bg-primary" id_question="6647" value="22609">
                                            <label class="form-check-label" for="label_qcm_22609_label"> letter-spacing</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6647" id="label_qcm_22611_label" class="form-check-input qcm_6647 bg-primary" id_question="6647" value="22611">
                                            <label class="form-check-label" for="label_qcm_22611_label">text-spacing</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6647" id="label_qcm_22610_label" class="form-check-input qcm_6647 bg-primary" id_question="6647" value="22610">
                                            <label class="form-check-label" for="label_qcm_22610_label">word-spacing</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6647" id="label_qcm_22608_label" class="form-check-input qcm_6647 bg-primary" id_question="6647" value="22608">
                                            <label class="form-check-label" for="label_qcm_22608_label"> line-height</label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="110" curentquestion="110">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="110" typequestion="qcm" idquestion="6647">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="110" curentquestion="110">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_111">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 111 </h6>
                            <h5 class="mb-3"> Quel préprocesseur est utilisé pour construire bootstrap? </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6722" id="label_qcm_22753_label" class="form-check-input qcm_6722 bg-primary" id_question="6722" value="22753">
                                            <label class="form-check-label" for="label_qcm_22753_label">MOINS</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6722" id="label_qcm_22754_label" class="form-check-input qcm_6722 bg-primary" id_question="6722" value="22754">
                                            <label class="form-check-label" for="label_qcm_22754_label"> TOUPET</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6722" id="label_qcm_22756_label" class="form-check-input qcm_6722 bg-primary" id_question="6722" value="22756">
                                            <label class="form-check-label" for="label_qcm_22756_label">  Twittercss</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6722" id="label_qcm_22755_label" class="form-check-input qcm_6722 bg-primary" id_question="6722" value="22755">
                                            <label class="form-check-label" for="label_qcm_22755_label">TCSS</label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="111" curentquestion="111">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="111" typequestion="qcm" idquestion="6722">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="111" curentquestion="111">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_112">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 112 </h6>
                            <h5 class="mb-3"> Quelle est la différence entre <code><div></code> et <code><span></code> ? </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_146" id="label_qcm_581_label" class="form-check-input qcm_146 bg-primary" id_question="146" value="581">
                                            <label class="form-check-label" for="label_qcm_581_label">Le <code><div></code> est un élément de bloc et le <code><span></code> est un élément en ligne.</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_146" id="label_qcm_583_label" class="form-check-input qcm_146 bg-primary" id_question="146" value="583">
                                            <label class="form-check-label" for="label_qcm_583_label">Le <code><div></code> et <code><span></code> sont utilisés de manière interchangeable.</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_146" id="label_qcm_582_label" class="form-check-input qcm_146 bg-primary" id_question="146" value="582">
                                            <label class="form-check-label" for="label_qcm_582_label">Le <code><div></code> est utilisé uniquement pour les images, le <code><span></code> pour les liens.</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_146" id="label_qcm_584_label" class="form-check-input qcm_146 bg-primary" id_question="146" value="584">
                                            <label class="form-check-label" for="label_qcm_584_label">Le <code><div></code> crée un lien, le <code><span></code> définit un paragraphe.</label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="112" curentquestion="112">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="112" typequestion="qcm" idquestion="146">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="112" curentquestion="112">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_113">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 113 </h6>
                            <h5 class="mb-3"> Que permet de faire la balise <code><iframe></code> en HTML ? </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_94" id="label_qcm_375_label" class="form-check-input qcm_94 bg-primary" id_question="94" value="375">
                                            <label class="form-check-label" for="label_qcm_375_label">Permet d'ouvrir une nouvelle fenêtre de navigation.</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_94" id="label_qcm_376_label" class="form-check-input qcm_94 bg-primary" id_question="94" value="376">
                                            <label class="form-check-label" for="label_qcm_376_label">Permet de créer un formulaire interactif.</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_94" id="label_qcm_373_label" class="form-check-input qcm_94 bg-primary" id_question="94" value="373">
                                            <label class="form-check-label" for="label_qcm_373_label">Permet d'incruster un autre document HTML dans la page.</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_94" id="label_qcm_374_label" class="form-check-input qcm_94 bg-primary" id_question="94" value="374">
                                            <label class="form-check-label" for="label_qcm_374_label">Permet d'afficher une image dans la page.</label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="113" curentquestion="113">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="113" typequestion="qcm" idquestion="94">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="113" curentquestion="113">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_114">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 114 </h6>
                            <h5 class="mb-3"> Bootstrap vous fournit des types de dispositions suivantes: (Choisissez tout ce qui s'applique) </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6706" id="label_qcm_22687_label" class="form-check-input qcm_6706 bg-primary" id_question="6706" value="22687">
                                            <label class="form-check-label" for="label_qcm_22687_label">Forme en ligne</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6706" id="label_qcm_22688_label" class="form-check-input qcm_6706 bg-primary" id_question="6706" value="22688">
                                            <label class="form-check-label" for="label_qcm_22688_label">Formulaire de contour</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6706" id="label_qcm_22686_label" class="form-check-input qcm_6706 bg-primary" id_question="6706" value="22686">
                                            <label class="form-check-label" for="label_qcm_22686_label">Forme horizontale</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6706" id="label_qcm_22689_label" class="form-check-input qcm_6706 bg-primary" id_question="6706" value="22689">
                                            <label class="form-check-label" for="label_qcm_22689_label"> Formulaire vertical (par défaut)</label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="114" curentquestion="114">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="114" typequestion="qcm" idquestion="6706">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="114" curentquestion="114">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_115">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 115 </h6>
                            <h5 class="mb-3"> quelle sera la couleur du bouton avec la classe BTN-primaire? </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6702" id="label_qcm_22670_label" class="form-check-input qcm_6702 bg-primary" id_question="6702" value="22670">
                                            <label class="form-check-label" for="label_qcm_22670_label">Bleu</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6702" id="label_qcm_22671_label" class="form-check-input qcm_6702 bg-primary" id_question="6702" value="22671">
                                            <label class="form-check-label" for="label_qcm_22671_label">Rouge</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6702" id="label_qcm_22672_label" class="form-check-input qcm_6702 bg-primary" id_question="6702" value="22672">
                                            <label class="form-check-label" for="label_qcm_22672_label">Blanc</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6702" id="label_qcm_22673_label" class="form-check-input qcm_6702 bg-primary" id_question="6702" value="22673">
                                            <label class="form-check-label" for="label_qcm_22673_label">Noir</label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="115" curentquestion="115">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="115" typequestion="qcm" idquestion="6702">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="115" curentquestion="115">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_116">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 116 </h6>
                            <h5 class="mb-3"> Quelles variables d'échafaudage sont disponibles dans les CS classiques pour remplacer les valeurs par défaut? </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6723" id="label_qcm_22758_label" class="form-check-input qcm_6723 bg-primary" id_question="6723" value="22758">
                                            <label class="form-check-label" for="label_qcm_22758_label">Body-BG, Text-Color, Link-Color, Link-Hover-Decoration, Link-Hover-Color</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6723" id="label_qcm_22759_label" class="form-check-input qcm_6723 bg-primary" id_question="6723" value="22759">
                                            <label class="form-check-label" for="label_qcm_22759_label"> Bod-BG, Gray-Dark, Brand-Primaire, Link-Hover-Color, Link-Hover-Decoration</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6723" id="label_qcm_22760_label" class="form-check-input qcm_6723 bg-primary" id_question="6723" value="22760">
                                            <label class="form-check-label" for="label_qcm_22760_label"> Il n'est pas possible de remplacer moins de variables dans un fichier CSS classique.</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6723" id="label_qcm_22757_label" class="form-check-input qcm_6723 bg-primary" id_question="6723" value="22757">
                                            <label class="form-check-label" for="label_qcm_22757_label">Gray-Dark et Brand-primaire</label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="116" curentquestion="116">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="116" typequestion="qcm" idquestion="6723">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="116" curentquestion="116">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_117">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 117 </h6>
                            <h5 class="mb-3"> Quel élément HTML est utilisé pour insérer un saut de ligne ? </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_120" id="label_qcm_479_label" class="form-check-input qcm_120 bg-primary" id_question="120" value="479">
                                            <label class="form-check-label" for="label_qcm_479_label"><newline></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_120" id="label_qcm_480_label" class="form-check-input qcm_120 bg-primary" id_question="120" value="480">
                                            <label class="form-check-label" for="label_qcm_480_label"><linebreak></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_120" id="label_qcm_477_label" class="form-check-input qcm_120 bg-primary" id_question="120" value="477">
                                            <label class="form-check-label" for="label_qcm_477_label"><br></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_120" id="label_qcm_478_label" class="form-check-input qcm_120 bg-primary" id_question="120" value="478">
                                            <label class="form-check-label" for="label_qcm_478_label"><break></label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="117" curentquestion="117">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="117" typequestion="qcm" idquestion="120">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="117" curentquestion="117">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_118">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 118 </h6>
                            <h5 class="mb-3"> Quelle balise HTML est utilisée pour définir une liste de définitions ? </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6729" id="label_qcm_22781_label" class="form-check-input qcm_6729 bg-primary" id_question="6729" value="22781">
                                            <label class="form-check-label" for="label_qcm_22781_label"> <dl></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6729" id="label_qcm_22784_label" class="form-check-input qcm_6729 bg-primary" id_question="6729" value="22784">
                                            <label class="form-check-label" for="label_qcm_22784_label"><list></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6729" id="label_qcm_22782_label" class="form-check-input qcm_6729 bg-primary" id_question="6729" value="22782">
                                            <label class="form-check-label" for="label_qcm_22782_label"> <ul></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6729" id="label_qcm_22783_label" class="form-check-input qcm_6729 bg-primary" id_question="6729" value="22783">
                                            <label class="form-check-label" for="label_qcm_22783_label"> <ol></label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="118" curentquestion="118">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="118" typequestion="qcm" idquestion="6729">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="118" curentquestion="118">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_119">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 119 </h6>
                            <h5 class="mb-3"> Quelle est la différence entre les balises <code><div></code> et <code><span></code> ? </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_47" id="label_qcm_188_label" class="form-check-input qcm_47 bg-primary" id_question="47" value="188">
                                            <label class="form-check-label" for="label_qcm_188_label">La balise <code><div></code> est utilisée pour les images</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_47" id="label_qcm_186_label" class="form-check-input qcm_47 bg-primary" id_question="47" value="186">
                                            <label class="form-check-label" for="label_qcm_186_label">Les deux balises ont exactement le même comportement</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_47" id="label_qcm_185_label" class="form-check-input qcm_47 bg-primary" id_question="47" value="185">
                                            <label class="form-check-label" for="label_qcm_185_label">La différence réside dans le comportement de mise en page (bloc vs en ligne)</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_47" id="label_qcm_187_label" class="form-check-input qcm_47 bg-primary" id_question="47" value="187">
                                            <label class="form-check-label" for="label_qcm_187_label">La balise <code><span></code> est utilisée pour les titres</label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="119" curentquestion="119">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="119" typequestion="qcm" idquestion="47">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="119" curentquestion="119">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_120">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 120 </h6>
                            <h5 class="mb-3"> Quelle classe est utilisée pour créer une barre de navigation noire? </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6711" id="label_qcm_22708_label" class="form-check-input qcm_6711 bg-primary" id_question="6711" value="22708">
                                            <label class="form-check-label" for="label_qcm_22708_label"> .Navbar-inverse</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6711" id="label_qcm_22709_label" class="form-check-input qcm_6711 bg-primary" id_question="6711" value="22709">
                                            <label class="form-check-label" for="label_qcm_22709_label"> .Navbar-Black</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6711" id="label_qcm_22710_label" class="form-check-input qcm_6711 bg-primary" id_question="6711" value="22710">
                                            <label class="form-check-label" for="label_qcm_22710_label">.Navbar-Default</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6711" id="label_qcm_22711_label" class="form-check-input qcm_6711 bg-primary" id_question="6711" value="22711">
                                            <label class="form-check-label" for="label_qcm_22711_label">  .Navbar-Dark</label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="120" curentquestion="120">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="120" typequestion="qcm" idquestion="6711">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="120" curentquestion="120">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_121">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 121 </h6>
                            <h5 class="mb-3"> Quelle balise est utilisée pour afficher une vidéo en HTML ? </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_110" id="label_qcm_439_label" class="form-check-input qcm_110 bg-primary" id_question="110" value="439">
                                            <label class="form-check-label" for="label_qcm_439_label"><movie src="video.mp4"></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_110" id="label_qcm_438_label" class="form-check-input qcm_110 bg-primary" id_question="110" value="438">
                                            <label class="form-check-label" for="label_qcm_438_label"><media src="video.mp4"></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_110" id="label_qcm_440_label" class="form-check-input qcm_110 bg-primary" id_question="110" value="440">
                                            <label class="form-check-label" for="label_qcm_440_label"><movie-player src="video.mp4"></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_110" id="label_qcm_437_label" class="form-check-input qcm_110 bg-primary" id_question="110" value="437">
                                            <label class="form-check-label" for="label_qcm_437_label"><video src="video.mp4" controls></video></label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="121" curentquestion="121">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="121" typequestion="qcm" idquestion="110">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="121" curentquestion="121">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_122">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 122 </h6>
                            <h5 class="mb-3"> Comment peut-on intégrer du contenu audio dans une page HTML ? </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_183" id="label_qcm_731_label" class="form-check-input qcm_183 bg-primary" id_question="183" value="731">
                                            <label class="form-check-label" for="label_qcm_731_label"><music src="audio.mp3"></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_183" id="label_qcm_732_label" class="form-check-input qcm_183 bg-primary" id_question="183" value="732">
                                            <label class="form-check-label" for="label_qcm_732_label"><media src="audio.mp3"></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_183" id="label_qcm_729_label" class="form-check-input qcm_183 bg-primary" id_question="183" value="729">
                                            <label class="form-check-label" for="label_qcm_729_label"><audio src="audio.mp3" controls></audio></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_183" id="label_qcm_730_label" class="form-check-input qcm_183 bg-primary" id_question="183" value="730">
                                            <label class="form-check-label" for="label_qcm_730_label"><sound src="audio.mp3"></label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="122" curentquestion="122">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="122" typequestion="qcm" idquestion="183">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="122" curentquestion="122">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_123">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 123 </h6>
                            <h5 class="mb-3"> Quelle balise HTML est utilisée pour créer un lien hypertexte ? </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_35" id="label_qcm_140_label" class="form-check-input qcm_35 bg-primary" id_question="35" value="140">
                                            <label class="form-check-label" for="label_qcm_140_label"><button href="https://www.example.com">Cliquez ici</button></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_35" id="label_qcm_138_label" class="form-check-input qcm_35 bg-primary" id_question="35" value="138">
                                            <label class="form-check-label" for="label_qcm_138_label"><link href="https://www.example.com">Cliquez ici</link></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_35" id="label_qcm_137_label" class="form-check-input qcm_35 bg-primary" id_question="35" value="137">
                                            <label class="form-check-label" for="label_qcm_137_label"><a href="https://www.example.com">Cliquez ici</a></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_35" id="label_qcm_139_label" class="form-check-input qcm_35 bg-primary" id_question="35" value="139">
                                            <label class="form-check-label" for="label_qcm_139_label"><url href="https://www.example.com">Cliquez ici</url></label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="123" curentquestion="123">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="123" typequestion="qcm" idquestion="35">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="123" curentquestion="123">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_124">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 124 </h6>
                            <h5 class="mb-3"> Quelle balise HTML permet d'ajouter une liste ordonnée ? </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_142" id="label_qcm_565_label" class="form-check-input qcm_142 bg-primary" id_question="142" value="565">
                                            <label class="form-check-label" for="label_qcm_565_label"><ol><li>Item 1</li></ol></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_142" id="label_qcm_567_label" class="form-check-input qcm_142 bg-primary" id_question="142" value="567">
                                            <label class="form-check-label" for="label_qcm_567_label"><list><item>Item 1</item></list></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_142" id="label_qcm_566_label" class="form-check-input qcm_142 bg-primary" id_question="142" value="566">
                                            <label class="form-check-label" for="label_qcm_566_label"><ul><li>Item 1</li></ul></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_142" id="label_qcm_568_label" class="form-check-input qcm_142 bg-primary" id_question="142" value="568">
                                            <label class="form-check-label" for="label_qcm_568_label"><ol><item>Item 1</item></ol></label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="124" curentquestion="124">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="124" typequestion="qcm" idquestion="142">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="124" curentquestion="124">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_125">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 125 </h6>
                            <h5 class="mb-3"> <br />
L'événement suivant Les incendies sur l'onglet affichent une fois qu'un onglet a été montré. Utilisez event.target et event.relatedTarget pour cibler respectivement l'onglet actif et l'onglet actif précédent? </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6754" id="label_qcm_22886_label" class="form-check-input qcm_6754 bg-primary" id_question="6754" value="22886">
                                            <label class="form-check-label" for="label_qcm_22886_label">$ ('a [data- toggle = & quot; tab & quot;]'). on ('open.bs.tab', fonction (e) {e.target e.relatedTarget})</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6754" id="label_qcm_22888_label" class="form-check-input qcm_6754 bg-primary" id_question="6754" value="22888">
                                            <label class="form-check-label" for="label_qcm_22888_label"> $ ('a [data- toggle = & quot; tab & quot;]'). on ('wamed.bs.tab', fonction (e) {e.target e.relatedtarget})</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6754" id="label_qcm_22885_label" class="form-check-input qcm_6754 bg-primary" id_question="6754" value="22885">
                                            <label class="form-check-label" for="label_qcm_22885_label"> $ ('a [data- toggle = & quot; tab & quot;]'). on ('opened.bs.tab', fonction (e) {e.target e.relatedtarget})</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6754" id="label_qcm_22887_label" class="form-check-input qcm_6754 bg-primary" id_question="6754" value="22887">
                                            <label class="form-check-label" for="label_qcm_22887_label"> $ ('a [data- toggle = & quot; tab & quot;]'). on ('show.bs.tab', fonction (e) {e.target e.relatedtarget})</label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="125" curentquestion="125">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="125" typequestion="qcm" idquestion="6754">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="125" curentquestion="125">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_126">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 126 </h6>
                            <h5 class="mb-3">  Quelle propriété CSS est utilisée pour définir le style de la bordure d'un élément ? </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6646" id="label_qcm_22607_label" class="form-check-input qcm_6646 bg-primary" id_question="6646" value="22607">
                                            <label class="form-check-label" for="label_qcm_22607_label"> border-radius</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6646" id="label_qcm_22605_label" class="form-check-input qcm_6646 bg-primary" id_question="6646" value="22605">
                                            <label class="form-check-label" for="label_qcm_22605_label">border-width</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6646" id="label_qcm_22606_label" class="form-check-input qcm_6646 bg-primary" id_question="6646" value="22606">
                                            <label class="form-check-label" for="label_qcm_22606_label">border-color</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6646" id="label_qcm_22604_label" class="form-check-input qcm_6646 bg-primary" id_question="6646" value="22604">
                                            <label class="form-check-label" for="label_qcm_22604_label">border-style</label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="126" curentquestion="126">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="126" typequestion="qcm" idquestion="6646">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="126" curentquestion="126">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_127">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 127 </h6>
                            <h5 class="mb-3"> Quelle balise HTML est utilisée pour insérer une vidéo ? </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_162" id="label_qcm_648_label" class="form-check-input qcm_162 bg-primary" id_question="162" value="648">
                                            <label class="form-check-label" for="label_qcm_648_label"><media src="video.mp4"></media></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_162" id="label_qcm_646_label" class="form-check-input qcm_162 bg-primary" id_question="162" value="646">
                                            <label class="form-check-label" for="label_qcm_646_label"><video href="video.mp4"></video></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_162" id="label_qcm_645_label" class="form-check-input qcm_162 bg-primary" id_question="162" value="645">
                                            <label class="form-check-label" for="label_qcm_645_label"><video src="video.mp4" controls></video></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_162" id="label_qcm_647_label" class="form-check-input qcm_162 bg-primary" id_question="162" value="647">
                                            <label class="form-check-label" for="label_qcm_647_label"><movie src="video.mp4" controls></movie></label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="127" curentquestion="127">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="127" typequestion="qcm" idquestion="162">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="127" curentquestion="127">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_128">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 128 </h6>
                            <h5 class="mb-3"> Quelle balise HTML permet de créer une ancre ou un lien vers un autre endroit dans la même page ? </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_154" id="label_qcm_613_label" class="form-check-input qcm_154 bg-primary" id_question="154" value="613">
                                            <label class="form-check-label" for="label_qcm_613_label"><a href="#section2">Aller à la section 2</a></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_154" id="label_qcm_616_label" class="form-check-input qcm_154 bg-primary" id_question="154" value="616">
                                            <label class="form-check-label" for="label_qcm_616_label"><nav href="#section2">Aller à la section 2</nav></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_154" id="label_qcm_615_label" class="form-check-input qcm_154 bg-primary" id_question="154" value="615">
                                            <label class="form-check-label" for="label_qcm_615_label"><anchor href="#section2">Aller à la section 2</anchor></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_154" id="label_qcm_614_label" class="form-check-input qcm_154 bg-primary" id_question="154" value="614">
                                            <label class="form-check-label" for="label_qcm_614_label"><link href="#section2">Aller à la section 2</link></label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="128" curentquestion="128">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="128" typequestion="qcm" idquestion="154">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="128" curentquestion="128">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_129">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 129 </h6>
                            <h5 class="mb-3"> Quelle est la différence entre les balises <code><link></code> et <code><a></code> ? </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_129" id="label_qcm_513_label" class="form-check-input qcm_129 bg-primary" id_question="129" value="513">
                                            <label class="form-check-label" for="label_qcm_513_label">La balise <code><link></code> est utilisée pour lier des ressources externes, tandis que <code><a></code> crée des liens de navigation.</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_129" id="label_qcm_514_label" class="form-check-input qcm_129 bg-primary" id_question="129" value="514">
                                            <label class="form-check-label" for="label_qcm_514_label">Les deux balises sont utilisées pour lier des fichiers externes.</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_129" id="label_qcm_516_label" class="form-check-input qcm_129 bg-primary" id_question="129" value="516">
                                            <label class="form-check-label" for="label_qcm_516_label">La balise <code><link></code> est utilisée pour afficher des liens dans une page HTML.</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_129" id="label_qcm_515_label" class="form-check-input qcm_129 bg-primary" id_question="129" value="515">
                                            <label class="form-check-label" for="label_qcm_515_label">La balise <code><a></code> est utilisée pour insérer des images.</label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="129" curentquestion="129">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="129" typequestion="qcm" idquestion="129">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="129" curentquestion="129">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_130">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 130 </h6>
                            <h5 class="mb-3"> Que signifie l'attribut <code>alt</code> pour la balise <code><img></code> ? </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_123" id="label_qcm_492_label" class="form-check-input qcm_123 bg-primary" id_question="123" value="492">
                                            <label class="form-check-label" for="label_qcm_492_label">Balise pour définir la taille de l'image.</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_123" id="label_qcm_491_label" class="form-check-input qcm_123 bg-primary" id_question="123" value="491">
                                            <label class="form-check-label" for="label_qcm_491_label">Texte de description de l'image pour le référencement.</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_123" id="label_qcm_490_label" class="form-check-input qcm_123 bg-primary" id_question="123" value="490">
                                            <label class="form-check-label" for="label_qcm_490_label">Chemin du fichier image.</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_123" id="label_qcm_489_label" class="form-check-input qcm_123 bg-primary" id_question="123" value="489">
                                            <label class="form-check-label" for="label_qcm_489_label">Texte alternatif affiché en cas d'erreur de chargement ou pour l'accessibilité.</label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="130" curentquestion="130">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="130" typequestion="qcm" idquestion="123">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="130" curentquestion="130">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_131">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 131 </h6>
                            <h5 class="mb-3"> comment est un contenu à onglets avec bootstrap fabriqué? </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6751" id="label_qcm_22875_label" class="form-check-input qcm_6751 bg-primary" id_question="6751" value="22875">
                                            <label class="form-check-label" for="label_qcm_22875_label"> Utilisation de classes .nav et .nav-tabs sur <ul> tag</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6751" id="label_qcm_22874_label" class="form-check-input qcm_6751 bg-primary" id_question="6751" value="22874">
                                            <label class="form-check-label" for="label_qcm_22874_label"> Utilisation de classes .Navigation et .tabs sur la balise <ul></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6751" id="label_qcm_22873_label" class="form-check-input qcm_6751 bg-primary" id_question="6751" value="22873">
                                            <label class="form-check-label" for="label_qcm_22873_label">Utilisation de classes .nav et .tabs sur la balise <ul></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6751" id="label_qcm_22872_label" class="form-check-input qcm_6751 bg-primary" id_question="6751" value="22872">
                                            <label class="form-check-label" for="label_qcm_22872_label">Utilisation de classes .nav et .tabbées sur la balise <ul></label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="131" curentquestion="131">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="131" typequestion="qcm" idquestion="6751">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="131" curentquestion="131">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_132">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 132 </h6>
                            <h5 class="mb-3"> Quelle balise HTML est utilisée pour définir une liste à puces ? </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6770" id="label_qcm_22951_label" class="form-check-input qcm_6770 bg-primary" id_question="6770" value="22951">
                                            <label class="form-check-label" for="label_qcm_22951_label"> <ol></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6770" id="label_qcm_22950_label" class="form-check-input qcm_6770 bg-primary" id_question="6770" value="22950">
                                            <label class="form-check-label" for="label_qcm_22950_label"> <li></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6770" id="label_qcm_22952_label" class="form-check-input qcm_6770 bg-primary" id_question="6770" value="22952">
                                            <label class="form-check-label" for="label_qcm_22952_label"> <dl></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6770" id="label_qcm_22953_label" class="form-check-input qcm_6770 bg-primary" id_question="6770" value="22953">
                                            <label class="form-check-label" for="label_qcm_22953_label"><ul></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6770" id="label_qcm_22954_label" class="form-check-input qcm_6770 bg-primary" id_question="6770" value="22954">
                                            <label class="form-check-label" for="label_qcm_22954_label">je ne connais pas</label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="132" curentquestion="132">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="132" typequestion="qcm" idquestion="6770">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="132" curentquestion="132">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_133">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 133 </h6>
                            <h5 class="mb-3"> Quelle balise HTML est utilisée pour insérer une ligne de texte en gras ? </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6732" id="label_qcm_22794_label" class="form-check-input qcm_6732 bg-primary" id_question="6732" value="22794">
                                            <label class="form-check-label" for="label_qcm_22794_label"><bold></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6732" id="label_qcm_22795_label" class="form-check-input qcm_6732 bg-primary" id_question="6732" value="22795">
                                            <label class="form-check-label" for="label_qcm_22795_label"><strong></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6732" id="label_qcm_22793_label" class="form-check-input qcm_6732 bg-primary" id_question="6732" value="22793">
                                            <label class="form-check-label" for="label_qcm_22793_label"><em></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6732" id="label_qcm_22796_label" class="form-check-input qcm_6732 bg-primary" id_question="6732" value="22796">
                                            <label class="form-check-label" for="label_qcm_22796_label"><b></label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="133" curentquestion="133">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="133" typequestion="qcm" idquestion="6732">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="133" curentquestion="133">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_134">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 134 </h6>
                            <h5 class="mb-3"> Comment définir une liste non ordonnée en HTML ? </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_26" id="label_qcm_101_label" class="form-check-input qcm_26 bg-primary" id_question="26" value="101">
                                            <label class="form-check-label" for="label_qcm_101_label"><ul><li>Item 1</li></ul></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_26" id="label_qcm_102_label" class="form-check-input qcm_26 bg-primary" id_question="26" value="102">
                                            <label class="form-check-label" for="label_qcm_102_label"><ol><li>Item 1</li></ol></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_26" id="label_qcm_103_label" class="form-check-input qcm_26 bg-primary" id_question="26" value="103">
                                            <label class="form-check-label" for="label_qcm_103_label"><ul><ol>Item 1</ol></ul></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_26" id="label_qcm_104_label" class="form-check-input qcm_26 bg-primary" id_question="26" value="104">
                                            <label class="form-check-label" for="label_qcm_104_label"><list><li>Item 1</li></list></label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="134" curentquestion="134">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="134" typequestion="qcm" idquestion="26">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="134" curentquestion="134">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_135">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 135 </h6>
                            <h5 class="mb-3"> Quel attribut HTML est utilisé pour spécifier la cible d'un lien ? </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_90" id="label_qcm_358_label" class="form-check-input qcm_90 bg-primary" id_question="90" value="358">
                                            <label class="form-check-label" for="label_qcm_358_label">target="new"</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_90" id="label_qcm_357_label" class="form-check-input qcm_90 bg-primary" id_question="90" value="357">
                                            <label class="form-check-label" for="label_qcm_357_label">target="_blank"</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_90" id="label_qcm_360_label" class="form-check-input qcm_90 bg-primary" id_question="90" value="360">
                                            <label class="form-check-label" for="label_qcm_360_label">target="_window"</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_90" id="label_qcm_359_label" class="form-check-input qcm_90 bg-primary" id_question="90" value="359">
                                            <label class="form-check-label" for="label_qcm_359_label">target="_new"</label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="135" curentquestion="135">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="135" typequestion="qcm" idquestion="90">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="135" curentquestion="135">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_136">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 136 </h6>
                            <h5 class="mb-3"> Laquelle de la classe suivante doit être ajoutée pour former la balise pour la faire en ligne? </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6747" id="label_qcm_22858_label" class="form-check-input qcm_6747 bg-primary" id_question="6747" value="22858">
                                            <label class="form-check-label" for="label_qcm_22858_label"> .horizontal</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6747" id="label_qcm_22857_label" class="form-check-input qcm_6747 bg-primary" id_question="6747" value="22857">
                                            <label class="form-check-label" for="label_qcm_22857_label">.form-inline</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6747" id="label_qcm_22859_label" class="form-check-input qcm_6747 bg-primary" id_question="6747" value="22859">
                                            <label class="form-check-label" for="label_qcm_22859_label">Aucune des réponses ci-dessus.</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6747" id="label_qcm_22856_label" class="form-check-input qcm_6747 bg-primary" id_question="6747" value="22856">
                                            <label class="form-check-label" for="label_qcm_22856_label">.en ligne</label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="136" curentquestion="136">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="136" typequestion="qcm" idquestion="6747">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="136" curentquestion="136">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_137">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 137 </h6>
                            <h5 class="mb-3"> Quel est le rôle de l'attribut <code>alt</code> dans une balise <code><img></code> ? </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_173" id="label_qcm_691_label" class="form-check-input qcm_173 bg-primary" id_question="173" value="691">
                                            <label class="form-check-label" for="label_qcm_691_label">Il définit la taille de l'image.</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_173" id="label_qcm_692_label" class="form-check-input qcm_173 bg-primary" id_question="173" value="692">
                                            <label class="form-check-label" for="label_qcm_692_label">Il permet de rendre l'image cliquable.</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_173" id="label_qcm_690_label" class="form-check-input qcm_173 bg-primary" id_question="173" value="690">
                                            <label class="form-check-label" for="label_qcm_690_label">Il spécifie le type de fichier image.</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_173" id="label_qcm_689_label" class="form-check-input qcm_173 bg-primary" id_question="173" value="689">
                                            <label class="form-check-label" for="label_qcm_689_label">Il fournit une description de l'image pour l'accessibilité.</label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="137" curentquestion="137">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="137" typequestion="qcm" idquestion="173">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="137" curentquestion="137">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_138">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 138 </h6>
                            <h5 class="mb-3"> Quelle balise HTML permet de créer un bouton ? </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_98" id="label_qcm_392_label" class="form-check-input qcm_98 bg-primary" id_question="98" value="392">
                                            <label class="form-check-label" for="label_qcm_392_label"><btn>Envoyer</btn></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_98" id="label_qcm_389_label" class="form-check-input qcm_98 bg-primary" id_question="98" value="389">
                                            <label class="form-check-label" for="label_qcm_389_label"><button type="submit">Envoyer</button></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_98" id="label_qcm_391_label" class="form-check-input qcm_98 bg-primary" id_question="98" value="391">
                                            <label class="form-check-label" for="label_qcm_391_label"><submit>Envoyer</submit></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_98" id="label_qcm_390_label" class="form-check-input qcm_98 bg-primary" id_question="98" value="390">
                                            <label class="form-check-label" for="label_qcm_390_label"><input type="button"></label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="138" curentquestion="138">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="138" typequestion="qcm" idquestion="98">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="138" curentquestion="138">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_139">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 139 </h6>
                            <h5 class="mb-3"> Comment créer une table en HTML ? </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_30" id="label_qcm_118_label" class="form-check-input qcm_30 bg-primary" id_question="30" value="118">
                                            <label class="form-check-label" for="label_qcm_118_label"><table><row><cell>Item 1</cell></row></table></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_30" id="label_qcm_119_label" class="form-check-input qcm_30 bg-primary" id_question="30" value="119">
                                            <label class="form-check-label" for="label_qcm_119_label"><table><tr><th>Item 1</th></tr></table></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_30" id="label_qcm_117_label" class="form-check-input qcm_30 bg-primary" id_question="30" value="117">
                                            <label class="form-check-label" for="label_qcm_117_label"><table><tr><td>Item 1</td></tr></table></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_30" id="label_qcm_120_label" class="form-check-input qcm_30 bg-primary" id_question="30" value="120">
                                            <label class="form-check-label" for="label_qcm_120_label"><table><header><td>Item 1</td></header></table></label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="139" curentquestion="139">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="139" typequestion="qcm" idquestion="30">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="139" curentquestion="139">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_140">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 140 </h6>
                            <h5 class="mb-3"> Quelle balise est utilisée pour définir un titre de page en HTML ? </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_75" id="label_qcm_297_label" class="form-check-input qcm_75 bg-primary" id_question="75" value="297">
                                            <label class="form-check-label" for="label_qcm_297_label"><title>Mon titre</title></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_75" id="label_qcm_299_label" class="form-check-input qcm_75 bg-primary" id_question="75" value="299">
                                            <label class="form-check-label" for="label_qcm_299_label"><meta>Mon titre</meta></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_75" id="label_qcm_300_label" class="form-check-input qcm_75 bg-primary" id_question="75" value="300">
                                            <label class="form-check-label" for="label_qcm_300_label"><h1>Mon titre</h1></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_75" id="label_qcm_298_label" class="form-check-input qcm_75 bg-primary" id_question="75" value="298">
                                            <label class="form-check-label" for="label_qcm_298_label"><head>Mon titre</head></label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="140" curentquestion="140">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="140" typequestion="qcm" idquestion="75">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="140" curentquestion="140">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_141">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 141 </h6>
                            <h5 class="mb-3"> Que fait l'attribut <code>target="_blank"</code> dans une balise <code><a></code> ? </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_182" id="label_qcm_725_label" class="form-check-input qcm_182 bg-primary" id_question="182" value="725">
                                            <label class="form-check-label" for="label_qcm_725_label">Il ouvre le lien dans un nouvel onglet ou une nouvelle fenêtre.</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_182" id="label_qcm_727_label" class="form-check-input qcm_182 bg-primary" id_question="182" value="727">
                                            <label class="form-check-label" for="label_qcm_727_label">Il ferme la page actuelle et ouvre le lien dans la même fenêtre.</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_182" id="label_qcm_728_label" class="form-check-input qcm_182 bg-primary" id_question="182" value="728">
                                            <label class="form-check-label" for="label_qcm_728_label">Il empêche l'ouverture du lien.</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_182" id="label_qcm_726_label" class="form-check-input qcm_182 bg-primary" id_question="182" value="726">
                                            <label class="form-check-label" for="label_qcm_726_label">Il ouvre le lien dans le même onglet avec un changement d'URL.</label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="141" curentquestion="141">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="141" typequestion="qcm" idquestion="182">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="141" curentquestion="141">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_142">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 142 </h6>
                            <h5 class="mb-3"> Comment créer un lien pour envoyer un e-mail ? </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_55" id="label_qcm_219_label" class="form-check-input qcm_55 bg-primary" id_question="55" value="219">
                                            <label class="form-check-label" for="label_qcm_219_label"><a href="mailto:email@example.com">Envoyer</a></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_55" id="label_qcm_218_label" class="form-check-input qcm_55 bg-primary" id_question="55" value="218">
                                            <label class="form-check-label" for="label_qcm_218_label"><a href="emailto:email@example.com">Envoyer un email</a></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_55" id="label_qcm_217_label" class="form-check-input qcm_55 bg-primary" id_question="55" value="217">
                                            <label class="form-check-label" for="label_qcm_217_label"><a href="mailto:email@example.com">Envoyer un email</a></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_55" id="label_qcm_220_label" class="form-check-input qcm_55 bg-primary" id_question="55" value="220">
                                            <label class="form-check-label" for="label_qcm_220_label"><email href="mailto:email@example.com">Envoyer un email</email></label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="142" curentquestion="142">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="142" typequestion="qcm" idquestion="55">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="142" curentquestion="142">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_143">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 143 </h6>
                            <h5 class="mb-3"> Comment insérer un commentaire dans un document HTML ? </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_43" id="label_qcm_169_label" class="form-check-input qcm_43 bg-primary" id_question="43" value="169">
                                            <label class="form-check-label" for="label_qcm_169_label"></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_43" id="label_qcm_171_label" class="form-check-input qcm_43 bg-primary" id_question="43" value="171">
                                            <label class="form-check-label" for="label_qcm_171_label"></label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="175" curentquestion="175">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="175" typequestion="qcm" idquestion="174">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="175" curentquestion="175">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_176">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 176 </h6>
                            <h5 class="mb-3"> Comment définir une taille de police en HTML ? </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_50" id="label_qcm_198_label" class="form-check-input qcm_50 bg-primary" id_question="50" value="198">
                                            <label class="form-check-label" for="label_qcm_198_label"><div font-size="20px">Texte</div></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_50" id="label_qcm_200_label" class="form-check-input qcm_50 bg-primary" id_question="50" value="200">
                                            <label class="form-check-label" for="label_qcm_200_label"><div style="font-size: large;">Texte</div></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_50" id="label_qcm_199_label" class="form-check-input qcm_50 bg-primary" id_question="50" value="199">
                                            <label class="form-check-label" for="label_qcm_199_label"><div size="20px">Texte</div></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_50" id="label_qcm_197_label" class="form-check-input qcm_50 bg-primary" id_question="50" value="197">
                                            <label class="form-check-label" for="label_qcm_197_label"><div style="font-size: 20px;">Texte</div></label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="176" curentquestion="176">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="176" typequestion="qcm" idquestion="50">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="176" curentquestion="176">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_177">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 177 </h6>
                            <h5 class="mb-3"> Quelle balise est utilisée pour définir un lien vers un fichier JavaScript externe ? </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_88" id="label_qcm_350_label" class="form-check-input qcm_88 bg-primary" id_question="88" value="350">
                                            <label class="form-check-label" for="label_qcm_350_label"><javascript src="script.js"></javascript></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_88" id="label_qcm_351_label" class="form-check-input qcm_88 bg-primary" id_question="88" value="351">
                                            <label class="form-check-label" for="label_qcm_351_label"><scriptfile src="script.js"></scriptfile></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_88" id="label_qcm_352_label" class="form-check-input qcm_88 bg-primary" id_question="88" value="352">
                                            <label class="form-check-label" for="label_qcm_352_label"><js src="script.js"></js></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_88" id="label_qcm_349_label" class="form-check-input qcm_88 bg-primary" id_question="88" value="349">
                                            <label class="form-check-label" for="label_qcm_349_label"><script src="script.js"></script></label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="177" curentquestion="177">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="177" typequestion="qcm" idquestion="88">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="177" curentquestion="177">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_178">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 178 </h6>
                            <h5 class="mb-3"> qu'est HTML? </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6681" id="label_qcm_22628_label" class="form-check-input qcm_6681 bg-primary" id_question="6681" value="22628">
                                            <label class="form-check-label" for="label_qcm_22628_label">désigne un type de language informatiquedescriptif</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6681" id="label_qcm_22627_label" class="form-check-input qcm_6681 bg-primary" id_question="6681" value="22627">
                                            <label class="form-check-label" for="label_qcm_22627_label">je ne sais pas</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6681" id="label_qcm_22629_label" class="form-check-input qcm_6681 bg-primary" id_question="6681" value="22629">
                                            <label class="form-check-label" for="label_qcm_22629_label">un lien</label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="178" curentquestion="178">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="178" typequestion="qcm" idquestion="6681">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="178" curentquestion="178">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_179">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 179 </h6>
                            <h5 class="mb-3"> Quel élément HTML est utilisé pour définir un lien hypertexte ? </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_9" id="label_qcm_33_label" class="form-check-input qcm_9 bg-primary" id_question="9" value="33">
                                            <label class="form-check-label" for="label_qcm_33_label"><a></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_9" id="label_qcm_34_label" class="form-check-input qcm_9 bg-primary" id_question="9" value="34">
                                            <label class="form-check-label" for="label_qcm_34_label"><link></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_9" id="label_qcm_35_label" class="form-check-input qcm_9 bg-primary" id_question="9" value="35">
                                            <label class="form-check-label" for="label_qcm_35_label"><url></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_9" id="label_qcm_36_label" class="form-check-input qcm_9 bg-primary" id_question="9" value="36">
                                            <label class="form-check-label" for="label_qcm_36_label"><href></label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="179" curentquestion="179">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="179" typequestion="qcm" idquestion="9">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="179" curentquestion="179">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_180">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 180 </h6>
                            <h5 class="mb-3"> Comment intégrer une vidéo dans une page HTML ? </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_46" id="label_qcm_183_label" class="form-check-input qcm_46 bg-primary" id_question="46" value="183">
                                            <label class="form-check-label" for="label_qcm_183_label"><video src="video.mp4"></video></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_46" id="label_qcm_184_label" class="form-check-input qcm_46 bg-primary" id_question="46" value="184">
                                            <label class="form-check-label" for="label_qcm_184_label"><film controls><source src="video.mp4" type="video/mp4"></film></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_46" id="label_qcm_182_label" class="form-check-input qcm_46 bg-primary" id_question="46" value="182">
                                            <label class="form-check-label" for="label_qcm_182_label"><movie controls><source src="video.mp4" type="video/mp4"></movie></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_46" id="label_qcm_181_label" class="form-check-input qcm_46 bg-primary" id_question="46" value="181">
                                            <label class="form-check-label" for="label_qcm_181_label"><video controls><source src="video.mp4" type="video/mp4"></video></label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="180" curentquestion="180">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="180" typequestion="qcm" idquestion="46">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="180" curentquestion="180">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_181">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 181 </h6>
                            <h5 class="mb-3"> Quel élément HTML est utilisé pour définir un lien hypertexte ? </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_1" id="label_qcm_3_label" class="form-check-input qcm_1 bg-primary" id_question="1" value="3">
                                            <label class="form-check-label" for="label_qcm_3_label"><url></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_1" id="label_qcm_1_label" class="form-check-input qcm_1 bg-primary" id_question="1" value="1">
                                            <label class="form-check-label" for="label_qcm_1_label"><a></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_1" id="label_qcm_2_label" class="form-check-input qcm_1 bg-primary" id_question="1" value="2">
                                            <label class="form-check-label" for="label_qcm_2_label"><link></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_1" id="label_qcm_4_label" class="form-check-input qcm_1 bg-primary" id_question="1" value="4">
                                            <label class="form-check-label" for="label_qcm_4_label"><href></label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="181" curentquestion="181">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="181" typequestion="qcm" idquestion="1">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="181" curentquestion="181">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_182">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 182 </h6>
                            <h5 class="mb-3"> Quel attribut est utilisé pour spécifier le titre d'une page HTML ? </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_124" id="label_qcm_494_label" class="form-check-input qcm_124 bg-primary" id_question="124" value="494">
                                            <label class="form-check-label" for="label_qcm_494_label"><head>Mon Titre</head></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_124" id="label_qcm_495_label" class="form-check-input qcm_124 bg-primary" id_question="124" value="495">
                                            <label class="form-check-label" for="label_qcm_495_label"><meta name="title">Mon Titre</meta></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_124" id="label_qcm_496_label" class="form-check-input qcm_124 bg-primary" id_question="124" value="496">
                                            <label class="form-check-label" for="label_qcm_496_label"><header>Mon Titre</header></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_124" id="label_qcm_493_label" class="form-check-input qcm_124 bg-primary" id_question="124" value="493">
                                            <label class="form-check-label" for="label_qcm_493_label"><title>Mon Titre</title></label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="182" curentquestion="182">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="182" typequestion="qcm" idquestion="124">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="182" curentquestion="182">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_183">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 183 </h6>
                            <h5 class="mb-3"> Quelle balise HTML est utilisée pour afficher une liste ordonnée ? </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_172" id="label_qcm_688_label" class="form-check-input qcm_172 bg-primary" id_question="172" value="688">
                                            <label class="form-check-label" for="label_qcm_688_label"><ul><li>Premier item</li></ul></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_172" id="label_qcm_685_label" class="form-check-input qcm_172 bg-primary" id_question="172" value="685">
                                            <label class="form-check-label" for="label_qcm_685_label"><ol><li>Premier item</li></ol></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_172" id="label_qcm_686_label" class="form-check-input qcm_172 bg-primary" id_question="172" value="686">
                                            <label class="form-check-label" for="label_qcm_686_label"><list><li>Premier item</li></list></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_172" id="label_qcm_687_label" class="form-check-input qcm_172 bg-primary" id_question="172" value="687">
                                            <label class="form-check-label" for="label_qcm_687_label"><ordered-list><li>Premier item</li></ordered-list></label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="183" curentquestion="183">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="183" typequestion="qcm" idquestion="172">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="183" curentquestion="183">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_184">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 184 </h6>
                            <h5 class="mb-3"> Est-il possible de créer une image réactive? </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6745" id="label_qcm_22850_label" class="form-check-input qcm_6745 bg-primary" id_question="6745" value="22850">
                                            <label class="form-check-label" for="label_qcm_22850_label">Oui, en utilisant la classe `IMG-FLUID`</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6745" id="label_qcm_22849_label" class="form-check-input qcm_6745 bg-primary" id_question="6745" value="22849">
                                            <label class="form-check-label" for="label_qcm_22849_label">Oui, en utilisant la classe `` IMG rond 'afin que sa largeur soit arrondie pour plus proche entier par largeur de fenêtre</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6745" id="label_qcm_22851_label" class="form-check-input qcm_6745 bg-primary" id_question="6745" value="22851">
                                            <label class="form-check-label" for="label_qcm_22851_label"> Oui, en utilisant la classe «Image-Responsive»</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6745" id="label_qcm_22848_label" class="form-check-input qcm_6745 bg-primary" id_question="6745" value="22848">
                                            <label class="form-check-label" for="label_qcm_22848_label">Oui, en utilisant la classe: `IMG-Responsive`</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6745" id="label_qcm_22847_label" class="form-check-input qcm_6745 bg-primary" id_question="6745" value="22847">
                                            <label class="form-check-label" for="label_qcm_22847_label">je ne connais pas</label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="184" curentquestion="184">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="184" typequestion="qcm" idquestion="6745">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="184" curentquestion="184">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_185">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 185 </h6>
                            <h5 class="mb-3"> Quelle est la fonction de l'attribut <code>alt</code> dans la balise <code><img></code> ? </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_66" id="label_qcm_261_label" class="form-check-input qcm_66 bg-primary" id_question="66" value="261">
                                            <label class="form-check-label" for="label_qcm_261_label">Il décrit l'image pour les utilisateurs de lecteurs d'écran et dans les cas où l'image est manquante.</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_66" id="label_qcm_264_label" class="form-check-input qcm_66 bg-primary" id_question="66" value="264">
                                            <label class="form-check-label" for="label_qcm_264_label">Il remplace l'image par un texte</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_66" id="label_qcm_262_label" class="form-check-input qcm_66 bg-primary" id_question="66" value="262">
                                            <label class="form-check-label" for="label_qcm_262_label">Il définit le format de l'image</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_66" id="label_qcm_263_label" class="form-check-input qcm_66 bg-primary" id_question="66" value="263">
                                            <label class="form-check-label" for="label_qcm_263_label">Il spécifie la taille de l'image</label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="185" curentquestion="185">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="185" typequestion="qcm" idquestion="66">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="185" curentquestion="185">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_186">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 186 </h6>
                            <h5 class="mb-3"> Quel est l'élément HTML utilisé pour insérer un lien ? </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_19" id="label_qcm_76_label" class="form-check-input qcm_19 bg-primary" id_question="19" value="76">
                                            <label class="form-check-label" for="label_qcm_76_label"><link></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_19" id="label_qcm_73_label" class="form-check-input qcm_19 bg-primary" id_question="19" value="73">
                                            <label class="form-check-label" for="label_qcm_73_label"><a></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_19" id="label_qcm_75_label" class="form-check-input qcm_19 bg-primary" id_question="19" value="75">
                                            <label class="form-check-label" for="label_qcm_75_label"><div></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_19" id="label_qcm_74_label" class="form-check-input qcm_19 bg-primary" id_question="19" value="74">
                                            <label class="form-check-label" for="label_qcm_74_label"><p></label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="186" curentquestion="186">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="186" typequestion="qcm" idquestion="19">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="186" curentquestion="186">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_187">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 187 </h6>
                            <h5 class="mb-3"> Qu'est-ce qu'un attribut global en HTML ? </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_189" id="label_qcm_753_label" class="form-check-input qcm_189 bg-primary" id_question="189" value="753">
                                            <label class="form-check-label" for="label_qcm_753_label">Un attribut qui peut être utilisé sur toutes les balises HTML.</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_189" id="label_qcm_754_label" class="form-check-input qcm_189 bg-primary" id_question="189" value="754">
                                            <label class="form-check-label" for="label_qcm_754_label">Un attribut qui ne peut être utilisé que dans les balises <code><form></code>.</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_189" id="label_qcm_756_label" class="form-check-input qcm_189 bg-primary" id_question="189" value="756">
                                            <label class="form-check-label" for="label_qcm_756_label">Un attribut qui n'est utilisé que pour les balises <code><input></code>.</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_189" id="label_qcm_755_label" class="form-check-input qcm_189 bg-primary" id_question="189" value="755">
                                            <label class="form-check-label" for="label_qcm_755_label">Un attribut réservé aux balises de mise en page.</label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="187" curentquestion="187">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="187" typequestion="qcm" idquestion="189">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="187" curentquestion="187">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_188">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 188 </h6>
                            <h5 class="mb-3"> Qu'est-ce que l'attribut <code>charset</code> dans la balise <code><meta></code> ? </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_143" id="label_qcm_570_label" class="form-check-input qcm_143 bg-primary" id_question="143" value="570">
                                            <label class="form-check-label" for="label_qcm_570_label"><meta charset="ISO-8859-1"></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_143" id="label_qcm_571_label" class="form-check-input qcm_143 bg-primary" id_question="143" value="571">
                                            <label class="form-check-label" for="label_qcm_571_label"><meta encoding="UTF-8"></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_143" id="label_qcm_572_label" class="form-check-input qcm_143 bg-primary" id_question="143" value="572">
                                            <label class="form-check-label" for="label_qcm_572_label"><meta encoding="ISO-8859-1"></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_143" id="label_qcm_569_label" class="form-check-input qcm_143 bg-primary" id_question="143" value="569">
                                            <label class="form-check-label" for="label_qcm_569_label"><meta charset="UTF-8"></label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="188" curentquestion="188">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="188" typequestion="qcm" idquestion="143">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="188" curentquestion="188">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_189">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 189 </h6>
                            <h5 class="mb-3"> Pourquoi utiliser la balise <code><iframe></code> en HTML ? </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_57" id="label_qcm_228_label" class="form-check-input qcm_57 bg-primary" id_question="57" value="228">
                                            <label class="form-check-label" for="label_qcm_228_label">Pour définir un tableau</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_57" id="label_qcm_226_label" class="form-check-input qcm_57 bg-primary" id_question="57" value="226">
                                            <label class="form-check-label" for="label_qcm_226_label">Pour ajouter des liens dans la page</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_57" id="label_qcm_225_label" class="form-check-input qcm_57 bg-primary" id_question="57" value="225">
                                            <label class="form-check-label" for="label_qcm_225_label">Pour intégrer une page web externe dans la page actuelle</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_57" id="label_qcm_227_label" class="form-check-input qcm_57 bg-primary" id_question="57" value="227">
                                            <label class="form-check-label" for="label_qcm_227_label">Pour insérer des images</label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="189" curentquestion="189">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="189" typequestion="qcm" idquestion="57">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="189" curentquestion="189">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_190">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 190 </h6>
                            <h5 class="mb-3"> Comment définir une couleur de fond en HTML ? </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_40" id="label_qcm_159_label" class="form-check-input qcm_40 bg-primary" id_question="40" value="159">
                                            <label class="form-check-label" for="label_qcm_159_label"><div background="red">Contenu</div></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_40" id="label_qcm_158_label" class="form-check-input qcm_40 bg-primary" id_question="40" value="158">
                                            <label class="form-check-label" for="label_qcm_158_label"><div color="red">Contenu</div></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_40" id="label_qcm_160_label" class="form-check-input qcm_40 bg-primary" id_question="40" value="160">
                                            <label class="form-check-label" for="label_qcm_160_label"><div bg-color="red">Contenu</div></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_40" id="label_qcm_157_label" class="form-check-input qcm_40 bg-primary" id_question="40" value="157">
                                            <label class="form-check-label" for="label_qcm_157_label"><div style="background-color: red;">Contenu</div></label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="190" curentquestion="190">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="190" typequestion="qcm" idquestion="40">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="190" curentquestion="190">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_191">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 191 </h6>
                            <h5 class="mb-3"> Comment intégrer une vidéo dans une page HTML ? </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_70" id="label_qcm_279_label" class="form-check-input qcm_70 bg-primary" id_question="70" value="279">
                                            <label class="form-check-label" for="label_qcm_279_label"><video src="video.mp4"></video></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_70" id="label_qcm_280_label" class="form-check-input qcm_70 bg-primary" id_question="70" value="280">
                                            <label class="form-check-label" for="label_qcm_280_label"><media src="video.mp4" controls></media></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_70" id="label_qcm_278_label" class="form-check-input qcm_70 bg-primary" id_question="70" value="278">
                                            <label class="form-check-label" for="label_qcm_278_label"><movie src="video.mp4" controls></movie></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_70" id="label_qcm_277_label" class="form-check-input qcm_70 bg-primary" id_question="70" value="277">
                                            <label class="form-check-label" for="label_qcm_277_label"><video src="video.mp4" controls></video></label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="191" curentquestion="191">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="191" typequestion="qcm" idquestion="70">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="191" curentquestion="191">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_192">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 192 </h6>
                            <h5 class="mb-3"> Comment définir une section dans un document HTML ? </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_73" id="label_qcm_290_label" class="form-check-input qcm_73 bg-primary" id_question="73" value="290">
                                            <label class="form-check-label" for="label_qcm_290_label"><div>Contenu de la section</div></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_73" id="label_qcm_291_label" class="form-check-input qcm_73 bg-primary" id_question="73" value="291">
                                            <label class="form-check-label" for="label_qcm_291_label"><article>Contenu de la section</article></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_73" id="label_qcm_292_label" class="form-check-input qcm_73 bg-primary" id_question="73" value="292">
                                            <label class="form-check-label" for="label_qcm_292_label"><block>Contenu de la section</block></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_73" id="label_qcm_289_label" class="form-check-input qcm_73 bg-primary" id_question="73" value="289">
                                            <label class="form-check-label" for="label_qcm_289_label"><section>Contenu de la section</section></label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="192" curentquestion="192">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="192" typequestion="qcm" idquestion="73">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="192" curentquestion="192">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_193">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 193 </h6>
                            <h5 class="mb-3"> Laquelle de ces bibliothèques de polices est incluse dans Bootstrap 3? </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6718" id="label_qcm_22739_label" class="form-check-input qcm_6718 bg-primary" id_question="6718" value="22739">
                                            <label class="form-check-label" for="label_qcm_22739_label">Iomoon</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6718" id="label_qcm_22737_label" class="form-check-input qcm_6718 bg-primary" id_question="6718" value="22737">
                                            <label class="form-check-label" for="label_qcm_22737_label">Fontawesome</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6718" id="label_qcm_22740_label" class="form-check-input qcm_6718 bg-primary" id_question="6718" value="22740">
                                            <label class="form-check-label" for="label_qcm_22740_label">Glyphicons</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6718" id="label_qcm_22738_label" class="form-check-input qcm_6718 bg-primary" id_question="6718" value="22738">
                                            <label class="form-check-label" for="label_qcm_22738_label">Fontello</label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="193" curentquestion="193">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="193" typequestion="qcm" idquestion="6718">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="193" curentquestion="193">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_194">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 194 </h6>
                            <h5 class="mb-3"> Quelle balise HTML permet de créer une ligne horizontale ? </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_197" id="label_qcm_788_label" class="form-check-input qcm_197 bg-primary" id_question="197" value="788">
                                            <label class="form-check-label" for="label_qcm_788_label"><separator></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_197" id="label_qcm_785_label" class="form-check-input qcm_197 bg-primary" id_question="197" value="785">
                                            <label class="form-check-label" for="label_qcm_785_label"><hr></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_197" id="label_qcm_786_label" class="form-check-input qcm_197 bg-primary" id_question="197" value="786">
                                            <label class="form-check-label" for="label_qcm_786_label"><line></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_197" id="label_qcm_787_label" class="form-check-input qcm_197 bg-primary" id_question="197" value="787">
                                            <label class="form-check-label" for="label_qcm_787_label"><horizontal></label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="194" curentquestion="194">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="194" typequestion="qcm" idquestion="197">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="194" curentquestion="194">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_195">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 195 </h6>
                            <h5 class="mb-3"> Quelle est la différence entre <code><div></code> et <code><section></code> ? </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_186" id="label_qcm_743_label" class="form-check-input qcm_186 bg-primary" id_question="186" value="743">
                                            <label class="form-check-label" for="label_qcm_743_label">La balise <code><section></code> est utilisée uniquement dans les formulaires.</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_186" id="label_qcm_744_label" class="form-check-input qcm_186 bg-primary" id_question="186" value="744">
                                            <label class="form-check-label" for="label_qcm_744_label">La balise <code><div></code> est utilisée pour la mise en page, <code><section></code> pour les tableaux.</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_186" id="label_qcm_742_label" class="form-check-input qcm_186 bg-primary" id_question="186" value="742">
                                            <label class="form-check-label" for="label_qcm_742_label">Les deux balises sont identiques et interchangeables.</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_186" id="label_qcm_741_label" class="form-check-input qcm_186 bg-primary" id_question="186" value="741">
                                            <label class="form-check-label" for="label_qcm_741_label">La balise <code><div></code> est générique, tandis que <code><section></code> a une signification sémantique.</label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="195" curentquestion="195">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="195" typequestion="qcm" idquestion="186">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="195" curentquestion="195">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_196">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 196 </h6>
                            <h5 class="mb-3"> Quelle balise HTML est utilisée pour insérer un paragraphe ? </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_190" id="label_qcm_760_label" class="form-check-input qcm_190 bg-primary" id_question="190" value="760">
                                            <label class="form-check-label" for="label_qcm_760_label"><text>Texte du paragraphe</text></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_190" id="label_qcm_758_label" class="form-check-input qcm_190 bg-primary" id_question="190" value="758">
                                            <label class="form-check-label" for="label_qcm_758_label"><para>Texte du paragraphe</para></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_190" id="label_qcm_757_label" class="form-check-input qcm_190 bg-primary" id_question="190" value="757">
                                            <label class="form-check-label" for="label_qcm_757_label"><p>Texte du paragraphe</p></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_190" id="label_qcm_759_label" class="form-check-input qcm_190 bg-primary" id_question="190" value="759">
                                            <label class="form-check-label" for="label_qcm_759_label"><paragraph>Texte du paragraphe</paragraph></label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="196" curentquestion="196">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="196" typequestion="qcm" idquestion="190">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="196" curentquestion="196">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_197">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 197 </h6>
                            <h5 class="mb-3"> Quel élément HTML est utilisé pour insérer une ligne horizontale ? </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_89" id="label_qcm_353_label" class="form-check-input qcm_89 bg-primary" id_question="89" value="353">
                                            <label class="form-check-label" for="label_qcm_353_label"><hr></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_89" id="label_qcm_356_label" class="form-check-input qcm_89 bg-primary" id_question="89" value="356">
                                            <label class="form-check-label" for="label_qcm_356_label"><break></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_89" id="label_qcm_355_label" class="form-check-input qcm_89 bg-primary" id_question="89" value="355">
                                            <label class="form-check-label" for="label_qcm_355_label"><horizontal></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_89" id="label_qcm_354_label" class="form-check-input qcm_89 bg-primary" id_question="89" value="354">
                                            <label class="form-check-label" for="label_qcm_354_label"><line></label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="197" curentquestion="197">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="197" typequestion="qcm" idquestion="89">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="197" curentquestion="197">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_198">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 198 </h6>
                            <h5 class="mb-3"> Quelle est la différence entre une liste ordonnée (<code><ol></code>) et une liste non ordonnée (<code><ul></code>) ? </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_37" id="label_qcm_147_label" class="form-check-input qcm_37 bg-primary" id_question="37" value="147">
                                            <label class="form-check-label" for="label_qcm_147_label">La seconde est numérotée, la première a des puces</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_37" id="label_qcm_145_label" class="form-check-input qcm_37 bg-primary" id_question="37" value="145">
                                            <label class="form-check-label" for="label_qcm_145_label">La première est numérotée, la seconde a des puces</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_37" id="label_qcm_148_label" class="form-check-input qcm_37 bg-primary" id_question="37" value="148">
                                            <label class="form-check-label" for="label_qcm_148_label">Les deux sont non ordonnées</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_37" id="label_qcm_146_label" class="form-check-input qcm_37 bg-primary" id_question="37" value="146">
                                            <label class="form-check-label" for="label_qcm_146_label">Les deux sont identiques</label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="198" curentquestion="198">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="198" typequestion="qcm" idquestion="37">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="198" curentquestion="198">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_199">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 199 </h6>
                            <h5 class="mb-3"> Quel attribut HTML est utilisé pour spécifier la cible d'un lien ? </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_100" id="label_qcm_397_label" class="form-check-input qcm_100 bg-primary" id_question="100" value="397">
                                            <label class="form-check-label" for="label_qcm_397_label">target="_blank"</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_100" id="label_qcm_400_label" class="form-check-input qcm_100 bg-primary" id_question="100" value="400">
                                            <label class="form-check-label" for="label_qcm_400_label">target="_window"</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_100" id="label_qcm_398_label" class="form-check-input qcm_100 bg-primary" id_question="100" value="398">
                                            <label class="form-check-label" for="label_qcm_398_label">target="new"</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_100" id="label_qcm_399_label" class="form-check-input qcm_100 bg-primary" id_question="100" value="399">
                                            <label class="form-check-label" for="label_qcm_399_label">target="_new"</label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="199" curentquestion="199">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="199" typequestion="qcm" idquestion="100">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="199" curentquestion="199">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_200">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 200 </h6>
                            <h5 class="mb-3"> Quelle balise HTML est utilisée pour créer une liste à puces ? </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_191" id="label_qcm_764_label" class="form-check-input qcm_191 bg-primary" id_question="191" value="764">
                                            <label class="form-check-label" for="label_qcm_764_label"><items><li>Item 1</li></items></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_191" id="label_qcm_763_label" class="form-check-input qcm_191 bg-primary" id_question="191" value="763">
                                            <label class="form-check-label" for="label_qcm_763_label"><ol><li>Item 1</li><li>Item 2</li></ol></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_191" id="label_qcm_762_label" class="form-check-input qcm_191 bg-primary" id_question="191" value="762">
                                            <label class="form-check-label" for="label_qcm_762_label"><list><li>Item 1</li></list></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_191" id="label_qcm_761_label" class="form-check-input qcm_191 bg-primary" id_question="191" value="761">
                                            <label class="form-check-label" for="label_qcm_761_label"><ul><li>Item 1</li><li>Item 2</li></ul></label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="200" curentquestion="200">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="200" typequestion="qcm" idquestion="191">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="200" curentquestion="200">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_201">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 201 </h6>
                            <h5 class="mb-3"> Qu'est ce CSS? </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6651" id="label_qcm_22625_label" class="form-check-input qcm_6651 bg-primary" id_question="6651" value="22625">
                                            <label class="form-check-label" for="label_qcm_22625_label">cascading style sheets</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6651" id="label_qcm_22626_label" class="form-check-input qcm_6651 bg-primary" id_question="6651" value="22626">
                                            <label class="form-check-label" for="label_qcm_22626_label">faire une page html</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6651" id="label_qcm_22624_label" class="form-check-input qcm_6651 bg-primary" id_question="6651" value="22624">
                                            <label class="form-check-label" for="label_qcm_22624_label">je ne sais pas</label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="201" curentquestion="201">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="201" typequestion="qcm" idquestion="6651">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="201" curentquestion="201">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_202">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 202 </h6>
                            <h5 class="mb-3"> Quelle balise HTML permet de définir un tableau ? </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_44" id="label_qcm_176_label" class="form-check-input qcm_44 bg-primary" id_question="44" value="176">
                                            <label class="form-check-label" for="label_qcm_176_label"><board><cell>Cellule</cell></board></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_44" id="label_qcm_175_label" class="form-check-input qcm_44 bg-primary" id_question="44" value="175">
                                            <label class="form-check-label" for="label_qcm_175_label"><table><row><column>Cellule</column></row></table></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_44" id="label_qcm_174_label" class="form-check-input qcm_44 bg-primary" id_question="44" value="174">
                                            <label class="form-check-label" for="label_qcm_174_label"><grid><row><cell>Cellule</cell></row></grid></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_44" id="label_qcm_173_label" class="form-check-input qcm_44 bg-primary" id_question="44" value="173">
                                            <label class="form-check-label" for="label_qcm_173_label"><table><tr><td>Cellule</td></tr></table></label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="202" curentquestion="202">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="202" typequestion="qcm" idquestion="44">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="202" curentquestion="202">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_203">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 203 </h6>
                            <h5 class="mb-3"> Combien de colonnes Bootstrap Grid a-t-il? </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6755" id="label_qcm_22891_label" class="form-check-input qcm_6755 bg-primary" id_question="6755" value="22891">
                                            <label class="form-check-label" for="label_qcm_22891_label"> 12</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6755" id="label_qcm_22889_label" class="form-check-input qcm_6755 bg-primary" id_question="6755" value="22889">
                                            <label class="form-check-label" for="label_qcm_22889_label"> 8</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6755" id="label_qcm_22890_label" class="form-check-input qcm_6755 bg-primary" id_question="6755" value="22890">
                                            <label class="form-check-label" for="label_qcm_22890_label">dix</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6755" id="label_qcm_22892_label" class="form-check-input qcm_6755 bg-primary" id_question="6755" value="22892">
                                            <label class="form-check-label" for="label_qcm_22892_label"> 14</label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="203" curentquestion="203">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="203" typequestion="qcm" idquestion="6755">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="203" curentquestion="203">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_204">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 204 </h6>
                            <h5 class="mb-3"> Quelle balise HTML est utilisée pour insérer un saut de ligne ? </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_31" id="label_qcm_122_label" class="form-check-input qcm_31 bg-primary" id_question="31" value="122">
                                            <label class="form-check-label" for="label_qcm_122_label"><p></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_31" id="label_qcm_123_label" class="form-check-input qcm_31 bg-primary" id_question="31" value="123">
                                            <label class="form-check-label" for="label_qcm_123_label"><div></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_31" id="label_qcm_121_label" class="form-check-input qcm_31 bg-primary" id_question="31" value="121">
                                            <label class="form-check-label" for="label_qcm_121_label"><br></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_31" id="label_qcm_124_label" class="form-check-input qcm_31 bg-primary" id_question="31" value="124">
                                            <label class="form-check-label" for="label_qcm_124_label"><span></label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="204" curentquestion="204">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="204" typequestion="qcm" idquestion="31">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="204" curentquestion="204">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_205">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 205 </h6>
                            <h5 class="mb-3">  Quel code est correct d'obtenir un texte actif précédent & # 39;  </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6709" id="label_qcm_22700_label" class="form-check-input qcm_6709 bg-primary" id_question="6709" value="22700">
                                            <label class="form-check-label" for="label_qcm_22700_label"> $ ('. Nav-tabs a'). sur ('montré.bs.tab', fonction (événement) {var xy = $ (event.relatedTarget) .Previous ();});</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6709" id="label_qcm_22702_label" class="form-check-input qcm_6709 bg-primary" id_question="6709" value="22702">
                                            <label class="form-check-label" for="label_qcm_22702_label">$ ('. Nav-tabs a'). sur ('montré.bs.tab', fonction (événement) {var xy = $ (event.relatedTarget) .Prev ();});</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6709" id="label_qcm_22703_label" class="form-check-input qcm_6709 bg-primary" id_question="6709" value="22703">
                                            <label class="form-check-label" for="label_qcm_22703_label">$ ('. Nav-tabs a'). on ('montré.bs.tab', fonction (événement) {var xy = $ (event.relatedtarget) .text ();});</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6709" id="label_qcm_22701_label" class="form-check-input qcm_6709 bg-primary" id_question="6709" value="22701">
                                            <label class="form-check-label" for="label_qcm_22701_label">$ ('. Nav-tabs a'). on ('montré.bs.tab', fonction (événement) {var xy = $ (event.relatedtarget) .back ();});</label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="205" curentquestion="205">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="205" typequestion="qcm" idquestion="6709">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="205" curentquestion="205">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_206">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 206 </h6>
                            <h5 class="mb-3"> Quelle propriété CSS est utilisée pour définir le style de la bordure ? </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6769" id="label_qcm_22946_label" class="form-check-input qcm_6769 bg-primary" id_question="6769" value="22946">
                                            <label class="form-check-label" for="label_qcm_22946_label"> border</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6769" id="label_qcm_22947_label" class="form-check-input qcm_6769 bg-primary" id_question="6769" value="22947">
                                            <label class="form-check-label" for="label_qcm_22947_label">border-width</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6769" id="label_qcm_22948_label" class="form-check-input qcm_6769 bg-primary" id_question="6769" value="22948">
                                            <label class="form-check-label" for="label_qcm_22948_label">border-style</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6769" id="label_qcm_22949_label" class="form-check-input qcm_6769 bg-primary" id_question="6769" value="22949">
                                            <label class="form-check-label" for="label_qcm_22949_label">border-color</label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="206" curentquestion="206">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="206" typequestion="qcm" idquestion="6769">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="206" curentquestion="206">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_207">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 207 </h6>
                            <h5 class="mb-3"> Quelle propriété CSS est utilisée pour définir le type de bordure ? </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6767" id="label_qcm_22940_label" class="form-check-input qcm_6767 bg-primary" id_question="6767" value="22940">
                                            <label class="form-check-label" for="label_qcm_22940_label"> border-radius</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6767" id="label_qcm_22941_label" class="form-check-input qcm_6767 bg-primary" id_question="6767" value="22941">
                                            <label class="form-check-label" for="label_qcm_22941_label">border-color</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6767" id="label_qcm_22938_label" class="form-check-input qcm_6767 bg-primary" id_question="6767" value="22938">
                                            <label class="form-check-label" for="label_qcm_22938_label"> border-width</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6767" id="label_qcm_22939_label" class="form-check-input qcm_6767 bg-primary" id_question="6767" value="22939">
                                            <label class="form-check-label" for="label_qcm_22939_label"> border-style</label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="207" curentquestion="207">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="207" typequestion="qcm" idquestion="6767">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="207" curentquestion="207">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_208">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 208 </h6>
                            <h5 class="mb-3">  Quel lien est juste parmi les suivants ?<br />
 </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6761" id="label_qcm_22915_label" class="form-check-input qcm_6761 bg-primary" id_question="6761" value="22915">
                                            <label class="form-check-label" for="label_qcm_22915_label">: a rel('las-magics.fr') :<br />
</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6761" id="label_qcm_22914_label" class="form-check-input qcm_6761 bg-primary" id_question="6761" value="22914">
                                            <label class="form-check-label" for="label_qcm_22914_label">: link src('las-magics.fr') :<br />
</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6761" id="label_qcm_22916_label" class="form-check-input qcm_6761 bg-primary" id_question="6761" value="22916">
                                            <label class="form-check-label" for="label_qcm_22916_label">: a href('las-magics.fr') :<br />
</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6761" id="label_qcm_22917_label" class="form-check-input qcm_6761 bg-primary" id_question="6761" value="22917">
                                            <label class="form-check-label" for="label_qcm_22917_label">: link href('las-magics.fr') :<br />
</label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="208" curentquestion="208">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="208" typequestion="qcm" idquestion="6761">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="208" curentquestion="208">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_209">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 209 </h6>
                            <h5 class="mb-3">  Quelle propriété CSS est utilisée pour définir la police de caractères ? </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6765" id="label_qcm_22930_label" class="form-check-input qcm_6765 bg-primary" id_question="6765" value="22930">
                                            <label class="form-check-label" for="label_qcm_22930_label">font-family</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6765" id="label_qcm_22932_label" class="form-check-input qcm_6765 bg-primary" id_question="6765" value="22932">
                                            <label class="form-check-label" for="label_qcm_22932_label">font-weight</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6765" id="label_qcm_22931_label" class="form-check-input qcm_6765 bg-primary" id_question="6765" value="22931">
                                            <label class="form-check-label" for="label_qcm_22931_label"> font-size</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6765" id="label_qcm_22933_label" class="form-check-input qcm_6765 bg-primary" id_question="6765" value="22933">
                                            <label class="form-check-label" for="label_qcm_22933_label"> font-style</label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="209" curentquestion="209">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="209" typequestion="qcm" idquestion="6765">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="209" curentquestion="209">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_210">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 210 </h6>
                            <h5 class="mb-3"> Lequel des éléments suivants est correct sur les puits bootstrap? </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6743" id="label_qcm_22840_label" class="form-check-input qcm_6743 bg-primary" id_question="6743" value="22840">
                                            <label class="form-check-label" for="label_qcm_22840_label">Aucune des réponses ci-dessus.</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6743" id="label_qcm_22839_label" class="form-check-input qcm_6743 bg-primary" id_question="6743" value="22839">
                                            <label class="form-check-label" for="label_qcm_22839_label">Un puits est un conteneur dans <div> qui fait apparaître le contenu coulé ou un effet d'encart sur la page.</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6743" id="label_qcm_22841_label" class="form-check-input qcm_6743 bg-primary" id_question="6743" value="22841">
                                            <label class="form-check-label" for="label_qcm_22841_label">Pour créer un puits, enveloppez simplement le contenu que vous souhaitez apparaître dans le puits avec un <div> contenant la classe de .well.</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6743" id="label_qcm_22842_label" class="form-check-input qcm_6743 bg-primary" id_question="6743" value="22842">
                                            <label class="form-check-label" for="label_qcm_22842_label">Je ne connais pas</label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="210" curentquestion="210">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="210" typequestion="qcm" idquestion="6743">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="210" curentquestion="210">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_211">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 211 </h6>
                            <h5 class="mb-3"> Quelle classe est utilisée pour créer un groupe de bouton? </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6700" id="label_qcm_22662_label" class="form-check-input qcm_6700 bg-primary" id_question="6700" value="22662">
                                            <label class="form-check-label" for="label_qcm_22662_label">.btn-group</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6700" id="label_qcm_22663_label" class="form-check-input qcm_6700 bg-primary" id_question="6700" value="22663">
                                            <label class="form-check-label" for="label_qcm_22663_label">.button-groupe</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6700" id="label_qcm_22665_label" class="form-check-input qcm_6700 bg-primary" id_question="6700" value="22665">
                                            <label class="form-check-label" for="label_qcm_22665_label">.group.btn</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6700" id="label_qcm_22664_label" class="form-check-input qcm_6700 bg-primary" id_question="6700" value="22664">
                                            <label class="form-check-label" for="label_qcm_22664_label">.group-bouton</label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="211" curentquestion="211">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="211" typequestion="qcm" idquestion="6700">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="211" curentquestion="211">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_212">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 212 </h6>
                            <h5 class="mb-3"> Comment spécifier un style CSS interne dans un document HTML ? </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_126" id="label_qcm_504_label" class="form-check-input qcm_126 bg-primary" id_question="126" value="504">
                                            <label class="form-check-label" for="label_qcm_504_label"><link rel="stylesheet">body {background-color: #f0f0f0;}</link></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_126" id="label_qcm_502_label" class="form-check-input qcm_126 bg-primary" id_question="126" value="502">
                                            <label class="form-check-label" for="label_qcm_502_label"><css>body {background-color: #f0f0f0;}</css></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_126" id="label_qcm_503_label" class="form-check-input qcm_126 bg-primary" id_question="126" value="503">
                                            <label class="form-check-label" for="label_qcm_503_label"><head><style>body {background-color: #f0f0f0;}</style></head></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_126" id="label_qcm_501_label" class="form-check-input qcm_126 bg-primary" id_question="126" value="501">
                                            <label class="form-check-label" for="label_qcm_501_label"><style>body {background-color: #f0f0f0;}</style></label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="212" curentquestion="212">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="212" typequestion="qcm" idquestion="126">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="212" curentquestion="212">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_213">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 213 </h6>
                            <h5 class="mb-3"> Quelle balise est utilisée pour insérer un formulaire HTML ? </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_96" id="label_qcm_382_label" class="form-check-input qcm_96 bg-primary" id_question="96" value="382">
                                            <label class="form-check-label" for="label_qcm_382_label"><input><form></form></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_96" id="label_qcm_381_label" class="form-check-input qcm_96 bg-primary" id_question="96" value="381">
                                            <label class="form-check-label" for="label_qcm_381_label"><form><input type="text"></form></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_96" id="label_qcm_384_label" class="form-check-input qcm_96 bg-primary" id_question="96" value="384">
                                            <label class="form-check-label" for="label_qcm_384_label"><form><textarea></form></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_96" id="label_qcm_383_label" class="form-check-input qcm_96 bg-primary" id_question="96" value="383">
                                            <label class="form-check-label" for="label_qcm_383_label"><form><submit></form></label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="213" curentquestion="213">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="213" typequestion="qcm" idquestion="96">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="213" curentquestion="213">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_214">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 214 </h6>
                            <h5 class="mb-3"> comment est un contenu à onglets avec bootstrap fabriqué? </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6595" id="label_qcm_22558_label" class="form-check-input qcm_6595 bg-primary" id_question="6595" value="22558">
                                            <label class="form-check-label" for="label_qcm_22558_label">A-  Utilisation de classes .nav et .tabbées sur la balise <ul></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6595" id="label_qcm_22560_label" class="form-check-input qcm_6595 bg-primary" id_question="6595" value="22560">
                                            <label class="form-check-label" for="label_qcm_22560_label">C-Utilisation de classes .Navigation et .tabs sur la balise <ul></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6595" id="label_qcm_22561_label" class="form-check-input qcm_6595 bg-primary" id_question="6595" value="22561">
                                            <label class="form-check-label" for="label_qcm_22561_label">D-Utilisation de classes .nav et .nav-tabs sur <ul> tag</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6595" id="label_qcm_22559_label" class="form-check-input qcm_6595 bg-primary" id_question="6595" value="22559">
                                            <label class="form-check-label" for="label_qcm_22559_label">B- Utilisation de classes .nav et .tabs sur la balise <ul></label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="214" curentquestion="214">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="214" typequestion="qcm" idquestion="6595">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="214" curentquestion="214">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_215">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 215 </h6>
                            <h5 class="mb-3"> Quelle balise permet de définir un lien hypertexte en HTML ? </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_69" id="label_qcm_276_label" class="form-check-input qcm_69 bg-primary" id_question="69" value="276">
                                            <label class="form-check-label" for="label_qcm_276_label"><hyperlink href="https://example.com">Cliquez ici</hyperlink></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_69" id="label_qcm_273_label" class="form-check-input qcm_69 bg-primary" id_question="69" value="273">
                                            <label class="form-check-label" for="label_qcm_273_label"><a href="https://example.com">Cliquez ici</a></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_69" id="label_qcm_274_label" class="form-check-input qcm_69 bg-primary" id_question="69" value="274">
                                            <label class="form-check-label" for="label_qcm_274_label"><link href="https://example.com">Cliquez ici</link></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_69" id="label_qcm_275_label" class="form-check-input qcm_69 bg-primary" id_question="69" value="275">
                                            <label class="form-check-label" for="label_qcm_275_label"><url href="https://example.com">Cliquez ici</url></label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="215" curentquestion="215">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="215" typequestion="qcm" idquestion="69">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="215" curentquestion="215">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_216">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 216 </h6>
                            <h5 class="mb-3"> Quel attribut HTML est utilisé pour définir une source d'image ? </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_101" id="label_qcm_401_label" class="form-check-input qcm_101 bg-primary" id_question="101" value="401">
                                            <label class="form-check-label" for="label_qcm_401_label">src="image.jpg"</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_101" id="label_qcm_403_label" class="form-check-input qcm_101 bg-primary" id_question="101" value="403">
                                            <label class="form-check-label" for="label_qcm_403_label">imgsrc="image.jpg"</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_101" id="label_qcm_402_label" class="form-check-input qcm_101 bg-primary" id_question="101" value="402">
                                            <label class="form-check-label" for="label_qcm_402_label">source="image.jpg"</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_101" id="label_qcm_404_label" class="form-check-input qcm_101 bg-primary" id_question="101" value="404">
                                            <label class="form-check-label" for="label_qcm_404_label">src-url="image.jpg"</label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="216" curentquestion="216">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="216" typequestion="qcm" idquestion="101">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="216" curentquestion="216">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_217">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 217 </h6>
                            <h5 class="mb-3"> Bootstrap fournit les classes suivantes qui peuvent être utilisées pour appliquer des styles simples aux images?  </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6712" id="label_qcm_22715_label" class="form-check-input qcm_6712 bg-primary" id_question="6712" value="22715">
                                            <label class="form-check-label" for="label_qcm_22715_label"> .img-circle: fait le rayon de l'image entier en ajoutant une frontière</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6712" id="label_qcm_22714_label" class="form-check-input qcm_6712 bg-primary" id_question="6712" value="22714">
                                            <label class="form-check-label" for="label_qcm_22714_label">img-thumbnail: ajoute un peu de rembourrage et une bordure grise</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6712" id="label_qcm_22713_label" class="form-check-input qcm_6712 bg-primary" id_question="6712" value="22713">
                                            <label class="form-check-label" for="label_qcm_22713_label"> .Img Round: Ajoute le rayon de bord</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6712" id="label_qcm_22712_label" class="form-check-input qcm_6712 bg-primary" id_question="6712" value="22712">
                                            <label class="form-check-label" for="label_qcm_22712_label">.Img Round: ajoute la border-recat: 6px pour donner aux coins de la réaction d'image</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6712" id="label_qcm_22716_label" class="form-check-input qcm_6712 bg-primary" id_question="6712" value="22716">
                                            <label class="form-check-label" for="label_qcm_22716_label">img-circle: fait l'image entière en ajoutant le rayon frontalier: 50%</label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="217" curentquestion="217">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="217" typequestion="qcm" idquestion="6712">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="217" curentquestion="217">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_218">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 218 </h6>
                            <h5 class="mb-3"> Comment définir une couleur de fond en HTML ? </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_132" id="label_qcm_528_label" class="form-check-input qcm_132 bg-primary" id_question="132" value="528">
                                            <label class="form-check-label" for="label_qcm_528_label">color="#f0f0f0"</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_132" id="label_qcm_525_label" class="form-check-input qcm_132 bg-primary" id_question="132" value="525">
                                            <label class="form-check-label" for="label_qcm_525_label">style="background-color:#f0f0f0;"</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_132" id="label_qcm_527_label" class="form-check-input qcm_132 bg-primary" id_question="132" value="527">
                                            <label class="form-check-label" for="label_qcm_527_label">background="#f0f0f0"</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_132" id="label_qcm_526_label" class="form-check-input qcm_132 bg-primary" id_question="132" value="526">
                                            <label class="form-check-label" for="label_qcm_526_label">bgcolor="#f0f0f0"</label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="218" curentquestion="218">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="218" typequestion="qcm" idquestion="132">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="218" curentquestion="218">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_219">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 219 </h6>
                            <h5 class="mb-3"> Comment intégrer un fichier JavaScript externe dans une page HTML ? </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_33" id="label_qcm_132_label" class="form-check-input qcm_33 bg-primary" id_question="33" value="132">
                                            <label class="form-check-label" for="label_qcm_132_label"><javascript src="script.js"></javascript></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_33" id="label_qcm_129_label" class="form-check-input qcm_33 bg-primary" id_question="33" value="129">
                                            <label class="form-check-label" for="label_qcm_129_label"><script src="script.js"></script></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_33" id="label_qcm_131_label" class="form-check-input qcm_33 bg-primary" id_question="33" value="131">
                                            <label class="form-check-label" for="label_qcm_131_label"><script link="script.js"></script></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_33" id="label_qcm_130_label" class="form-check-input qcm_33 bg-primary" id_question="33" value="130">
                                            <label class="form-check-label" for="label_qcm_130_label"><script href="script.js"></script></label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="219" curentquestion="219">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="219" typequestion="qcm" idquestion="33">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="219" curentquestion="219">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_220">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 220 </h6>
                            <h5 class="mb-3"> Comment définir une image dans une page HTML ? </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_20" id="label_qcm_79_label" class="form-check-input qcm_20 bg-primary" id_question="20" value="79">
                                            <label class="form-check-label" for="label_qcm_79_label"><img href="image.jpg"></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_20" id="label_qcm_77_label" class="form-check-input qcm_20 bg-primary" id_question="20" value="77">
                                            <label class="form-check-label" for="label_qcm_77_label"><img src="image.jpg"></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_20" id="label_qcm_80_label" class="form-check-input qcm_20 bg-primary" id_question="20" value="80">
                                            <label class="form-check-label" for="label_qcm_80_label"><src="image.jpg"></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_20" id="label_qcm_78_label" class="form-check-input qcm_20 bg-primary" id_question="20" value="78">
                                            <label class="form-check-label" for="label_qcm_78_label"><image src="image.jpg"></label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="220" curentquestion="220">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="220" typequestion="qcm" idquestion="20">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="220" curentquestion="220">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_221">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 221 </h6>
                            <h5 class="mb-3"> Comment insérer un fichier CSS dans une page HTML ? </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_63" id="label_qcm_250_label" class="form-check-input qcm_63 bg-primary" id_question="63" value="250">
                                            <label class="form-check-label" for="label_qcm_250_label"><style rel="stylesheet" href="styles.css"></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_63" id="label_qcm_252_label" class="form-check-input qcm_63 bg-primary" id_question="63" value="252">
                                            <label class="form-check-label" for="label_qcm_252_label"><link href="styles.css"></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_63" id="label_qcm_251_label" class="form-check-input qcm_63 bg-primary" id_question="63" value="251">
                                            <label class="form-check-label" for="label_qcm_251_label"><css rel="stylesheet" href="styles.css"></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_63" id="label_qcm_249_label" class="form-check-input qcm_63 bg-primary" id_question="63" value="249">
                                            <label class="form-check-label" for="label_qcm_249_label"><link rel="stylesheet" href="styles.css"></label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="221" curentquestion="221">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="221" typequestion="qcm" idquestion="63">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="221" curentquestion="221">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_222">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 222 </h6>
                            <h5 class="mb-3"> Quel élément HTML permet de créer une zone de saisie multiligne ? </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_17" id="label_qcm_65_label" class="form-check-input qcm_17 bg-primary" id_question="17" value="65">
                                            <label class="form-check-label" for="label_qcm_65_label"><textarea></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_17" id="label_qcm_68_label" class="form-check-input qcm_17 bg-primary" id_question="17" value="68">
                                            <label class="form-check-label" for="label_qcm_68_label"><field></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_17" id="label_qcm_67_label" class="form-check-input qcm_17 bg-primary" id_question="17" value="67">
                                            <label class="form-check-label" for="label_qcm_67_label"><text></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_17" id="label_qcm_66_label" class="form-check-input qcm_17 bg-primary" id_question="17" value="66">
                                            <label class="form-check-label" for="label_qcm_66_label"><input></label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="222" curentquestion="222">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="222" typequestion="qcm" idquestion="17">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="222" curentquestion="222">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_223">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 223 </h6>
                            <h5 class="mb-3"> Quelle balise HTML est utilisée pour définir un paragraphe ? </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6724" id="label_qcm_22761_label" class="form-check-input qcm_6724 bg-primary" id_question="6724" value="22761">
                                            <label class="form-check-label" for="label_qcm_22761_label"><paragraph></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6724" id="label_qcm_22762_label" class="form-check-input qcm_6724 bg-primary" id_question="6724" value="22762">
                                            <label class="form-check-label" for="label_qcm_22762_label"> <p></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6724" id="label_qcm_22764_label" class="form-check-input qcm_6724 bg-primary" id_question="6724" value="22764">
                                            <label class="form-check-label" for="label_qcm_22764_label"> <text></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6724" id="label_qcm_22763_label" class="form-check-input qcm_6724 bg-primary" id_question="6724" value="22763">
                                            <label class="form-check-label" for="label_qcm_22763_label"><para></label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="223" curentquestion="223">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="223" typequestion="qcm" idquestion="6724">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="223" curentquestion="223">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_224">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 224 </h6>
                            <h5 class="mb-3"> Pourquoi normaliser.css est utilisé dans Bootstrap Framework? </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6703" id="label_qcm_22674_label" class="form-check-input qcm_6703 bg-primary" id_question="6703" value="22674">
                                            <label class="form-check-label" for="label_qcm_22674_label">Pour optimiser la taille des fichiers source bootstrap</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6703" id="label_qcm_22675_label" class="form-check-input qcm_6703 bg-primary" id_question="6703" value="22675">
                                            <label class="form-check-label" for="label_qcm_22675_label">Pour améliorer le rendu croisé</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6703" id="label_qcm_22677_label" class="form-check-input qcm_6703 bg-primary" id_question="6703" value="22677">
                                            <label class="form-check-label" for="label_qcm_22677_label">Aucune de ces réponses</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6703" id="label_qcm_22676_label" class="form-check-input qcm_6703 bg-primary" id_question="6703" value="22676">
                                            <label class="form-check-label" for="label_qcm_22676_label">Pour importer des polices Google directement dans Bootstrap CSS</label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="224" curentquestion="224">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="224" typequestion="qcm" idquestion="6703">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="224" curentquestion="224">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_225">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 225 </h6>
                            <h5 class="mb-3"> Est-il possible de créer une image réactive? </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6628" id="label_qcm_22594_label" class="form-check-input qcm_6628 bg-primary" id_question="6628" value="22594">
                                            <label class="form-check-label" for="label_qcm_22594_label">oui, en utilisant la classe d'aide: «Responsive»</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6628" id="label_qcm_22593_label" class="form-check-input qcm_6628 bg-primary" id_question="6628" value="22593">
                                            <label class="form-check-label" for="label_qcm_22593_label"> Oui, en utilisant la classe: `IMG-Responsive`</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6628" id="label_qcm_22592_label" class="form-check-input qcm_6628 bg-primary" id_question="6628" value="22592">
                                            <label class="form-check-label" for="label_qcm_22592_label">Oui, en utilisant la classe «IMG-Responsive», mais cela nécessitera des plugins JavaScript activés</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6628" id="label_qcm_22591_label" class="form-check-input qcm_6628 bg-primary" id_question="6628" value="22591">
                                            <label class="form-check-label" for="label_qcm_22591_label">Oui, en utilisant la classe `IMG-FLUID`</label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="225" curentquestion="225">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="225" typequestion="qcm" idquestion="6628">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="225" curentquestion="225">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_226">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 226 </h6>
                            <h5 class="mb-3"> Quel est le rôle de l'attribut <code>alt</code> dans une balise <code><img></code> ? </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_34" id="label_qcm_136_label" class="form-check-input qcm_34 bg-primary" id_question="34" value="136">
                                            <label class="form-check-label" for="label_qcm_136_label">Définir le format de l'image</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_34" id="label_qcm_133_label" class="form-check-input qcm_34 bg-primary" id_question="34" value="133">
                                            <label class="form-check-label" for="label_qcm_133_label">Fournir une description textuelle de l'image</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_34" id="label_qcm_135_label" class="form-check-input qcm_34 bg-primary" id_question="34" value="135">
                                            <label class="form-check-label" for="label_qcm_135_label">Changer la couleur de l'image</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_34" id="label_qcm_134_label" class="form-check-input qcm_34 bg-primary" id_question="34" value="134">
                                            <label class="form-check-label" for="label_qcm_134_label">Définir la taille de l'image</label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="226" curentquestion="226">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="226" typequestion="qcm" idquestion="34">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="226" curentquestion="226">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_227">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 227 </h6>
                            <h5 class="mb-3"> Lequel des styles bootstrap suivants peut être utilisé pour obtenir différentes éléments de taille .Pagination? </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6713" id="label_qcm_22718_label" class="form-check-input qcm_6713 bg-primary" id_question="6713" value="22718">
                                            <label class="form-check-label" for="label_qcm_22718_label"> .Pagination-lg, .pagination-sm</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6713" id="label_qcm_22719_label" class="form-check-input qcm_6713 bg-primary" id_question="6713" value="22719">
                                            <label class="form-check-label" for="label_qcm_22719_label">  .Menu-lg, .Menu-sm</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6713" id="label_qcm_22717_label" class="form-check-input qcm_6713 bg-primary" id_question="6713" value="22717">
                                            <label class="form-check-label" for="label_qcm_22717_label"> .lg, .sm</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6713" id="label_qcm_22720_label" class="form-check-input qcm_6713 bg-primary" id_question="6713" value="22720">
                                            <label class="form-check-label" for="label_qcm_22720_label">Aucune des réponses ci-dessus</label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="227" curentquestion="227">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="227" typequestion="qcm" idquestion="6713">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="227" curentquestion="227">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_228">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 228 </h6>
                            <h5 class="mb-3"> Que permet de faire l'attribut <code>accept</code> dans la balise <code><input></code> ? </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_169" id="label_qcm_674_label" class="form-check-input qcm_169 bg-primary" id_question="169" value="674">
                                            <label class="form-check-label" for="label_qcm_674_label">Indique l'adresse où le fichier sera envoyé.</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_169" id="label_qcm_676_label" class="form-check-input qcm_169 bg-primary" id_question="169" value="676">
                                            <label class="form-check-label" for="label_qcm_676_label">Définit le nom du fichier téléchargé.</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_169" id="label_qcm_675_label" class="form-check-input qcm_169 bg-primary" id_question="169" value="675">
                                            <label class="form-check-label" for="label_qcm_675_label">Définit la taille maximale du fichier à télécharger.</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_169" id="label_qcm_673_label" class="form-check-input qcm_169 bg-primary" id_question="169" value="673">
                                            <label class="form-check-label" for="label_qcm_673_label">Spécifie les types de fichiers que l'input peut accepter.</label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="228" curentquestion="228">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="228" typequestion="qcm" idquestion="169">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="228" curentquestion="228">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_229">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 229 </h6>
                            <h5 class="mb-3"> Comment définir un attribut alt pour une image en HTML ? </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_24" id="label_qcm_94_label" class="form-check-input qcm_24 bg-primary" id_question="24" value="94">
                                            <label class="form-check-label" for="label_qcm_94_label"><img src="image.jpg" title="Description de l'image"></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_24" id="label_qcm_95_label" class="form-check-input qcm_24 bg-primary" id_question="24" value="95">
                                            <label class="form-check-label" for="label_qcm_95_label"><image src="image.jpg" alt="Description de l'image"></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_24" id="label_qcm_93_label" class="form-check-input qcm_24 bg-primary" id_question="24" value="93">
                                            <label class="form-check-label" for="label_qcm_93_label"><img src="image.jpg" alt="Description de l'image"></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_24" id="label_qcm_96_label" class="form-check-input qcm_24 bg-primary" id_question="24" value="96">
                                            <label class="form-check-label" for="label_qcm_96_label"><img alt="Description de l'image" src="image.jpg"></label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="229" curentquestion="229">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="229" typequestion="qcm" idquestion="24">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="229" curentquestion="229">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_230">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 230 </h6>
                            <h5 class="mb-3"> Quel élément HTML est utilisé pour créer une table ? </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_107" id="label_qcm_426_label" class="form-check-input qcm_107 bg-primary" id_question="107" value="426">
                                            <label class="form-check-label" for="label_qcm_426_label"><table><row><column>Cellule</column></row></table></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_107" id="label_qcm_428_label" class="form-check-input qcm_107 bg-primary" id_question="107" value="428">
                                            <label class="form-check-label" for="label_qcm_428_label"><table><th>Cellule</th></table></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_107" id="label_qcm_425_label" class="form-check-input qcm_107 bg-primary" id_question="107" value="425">
                                            <label class="form-check-label" for="label_qcm_425_label"><table><tr><td>Cellule</td></tr></table></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_107" id="label_qcm_427_label" class="form-check-input qcm_107 bg-primary" id_question="107" value="427">
                                            <label class="form-check-label" for="label_qcm_427_label"><tab><row><cell>Cellule</cell></row></tab></label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="230" curentquestion="230">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="230" typequestion="qcm" idquestion="107">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="230" curentquestion="230">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_231">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 231 </h6>
                            <h5 class="mb-3"> Quel attribut HTML est utilisé pour définir la largeur d'une image ? </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_81" id="label_qcm_324_label" class="form-check-input qcm_81 bg-primary" id_question="81" value="324">
                                            <label class="form-check-label" for="label_qcm_324_label"><image src="image.jpg" width="300"></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_81" id="label_qcm_323_label" class="form-check-input qcm_81 bg-primary" id_question="81" value="323">
                                            <label class="form-check-label" for="label_qcm_323_label"><img src="image.jpg" size="300"></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_81" id="label_qcm_322_label" class="form-check-input qcm_81 bg-primary" id_question="81" value="322">
                                            <label class="form-check-label" for="label_qcm_322_label"><img src="image.jpg" height="300"></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_81" id="label_qcm_321_label" class="form-check-input qcm_81 bg-primary" id_question="81" value="321">
                                            <label class="form-check-label" for="label_qcm_321_label"><img src="image.jpg" width="300"></label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="231" curentquestion="231">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="231" typequestion="qcm" idquestion="81">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="231" curentquestion="231">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_232">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 232 </h6>
                            <h5 class="mb-3"> Comment créez-vous une table condensée qui a des frontières et en survol sur les lignes? </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6716" id="label_qcm_22730_label" class="form-check-input qcm_6716 bg-primary" id_question="6716" value="22730">
                                            <label class="form-check-label" for="label_qcm_22730_label"><table class = & quot; TABLE CONDENSED BONDED HOVOR & quot;> </ table></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6716" id="label_qcm_22729_label" class="form-check-input qcm_6716 bg-primary" id_question="6716" value="22729">
                                            <label class="form-check-label" for="label_qcm_22729_label">classe de table = & quot; table condensée de bordure de bordure de bordure & quot;> </ table></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6716" id="label_qcm_22731_label" class="form-check-input qcm_6716 bg-primary" id_question="6716" value="22731">
                                            <label class="form-check-label" for="label_qcm_22731_label"><table class = & quot; Table Table Table-condensé Table-Hover lié à la Table & quot;> </ Table></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6716" id="label_qcm_22732_label" class="form-check-input qcm_6716 bg-primary" id_question="6716" value="22732">
                                            <label class="form-check-label" for="label_qcm_22732_label"><table class = & quot; table table de table à table à table à table à table à table de table & quot;> </ table></label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="232" curentquestion="232">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="232" typequestion="qcm" idquestion="6716">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="232" curentquestion="232">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_233">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 233 </h6>
                            <h5 class="mb-3"> Que faut-il utiliser pour fabriquer du texte marqué? </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6740" id="label_qcm_22829_label" class="form-check-input qcm_6740 bg-primary" id_question="6740" value="22829">
                                            <label class="form-check-label" for="label_qcm_22829_label">  Ajouter la classe «marquée» à une balise HTM</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6740" id="label_qcm_22830_label" class="form-check-input qcm_6740 bg-primary" id_question="6740" value="22830">
                                            <label class="form-check-label" for="label_qcm_22830_label">Ajouter la classe `Texte marqué 'à une balise HTML</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6740" id="label_qcm_22827_label" class="form-check-input qcm_6740 bg-primary" id_question="6740" value="22827">
                                            <label class="form-check-label" for="label_qcm_22827_label">Ajouter la classe `Mark` à une balise HTML</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6740" id="label_qcm_22828_label" class="form-check-input qcm_6740 bg-primary" id_question="6740" value="22828">
                                            <label class="form-check-label" for="label_qcm_22828_label">Ajouter la classe «est marqué» à une balise HTML</label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="233" curentquestion="233">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="233" typequestion="qcm" idquestion="6740">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="233" curentquestion="233">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_234">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 234 </h6>
                            <h5 class="mb-3"> Comment définir un lien vers une adresse email ? </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_177" id="label_qcm_705_label" class="form-check-input qcm_177 bg-primary" id_question="177" value="705">
                                            <label class="form-check-label" for="label_qcm_705_label"><a href="mailto:exemple@mail.com">Envoyer un email</a></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_177" id="label_qcm_706_label" class="form-check-input qcm_177 bg-primary" id_question="177" value="706">
                                            <label class="form-check-label" for="label_qcm_706_label"><a href="emailto:exemple@mail.com">Envoyer un email</a></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_177" id="label_qcm_708_label" class="form-check-input qcm_177 bg-primary" id_question="177" value="708">
                                            <label class="form-check-label" for="label_qcm_708_label"><a href="mailto://exemple@mail.com">Envoyer un email</a></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_177" id="label_qcm_707_label" class="form-check-input qcm_177 bg-primary" id_question="177" value="707">
                                            <label class="form-check-label" for="label_qcm_707_label"><a href="mail:exemple@mail.com">Envoyer un email</a></label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="234" curentquestion="234">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="234" typequestion="qcm" idquestion="177">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="234" curentquestion="234">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_235">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 235 </h6>
                            <h5 class="mb-3"> Quelle balise HTML est utilisée pour ajouter une légende à un tableau ? </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_165" id="label_qcm_657_label" class="form-check-input qcm_165 bg-primary" id_question="165" value="657">
                                            <label class="form-check-label" for="label_qcm_657_label"><caption>Légende du tableau</caption></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_165" id="label_qcm_658_label" class="form-check-input qcm_165 bg-primary" id_question="165" value="658">
                                            <label class="form-check-label" for="label_qcm_658_label"><legend>Légende du tableau</legend></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_165" id="label_qcm_659_label" class="form-check-input qcm_165 bg-primary" id_question="165" value="659">
                                            <label class="form-check-label" for="label_qcm_659_label"><title>Légende du tableau</title></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_165" id="label_qcm_660_label" class="form-check-input qcm_165 bg-primary" id_question="165" value="660">
                                            <label class="form-check-label" for="label_qcm_660_label"><name>Légende du tableau</name></label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="235" curentquestion="235">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="235" typequestion="qcm" idquestion="165">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="235" curentquestion="235">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_236">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 236 </h6>
                            <h5 class="mb-3"> Quel attribut est requis pour les images en HTML afin de définir leur source ? </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_2" id="label_qcm_6_label" class="form-check-input qcm_2 bg-primary" id_question="2" value="6">
                                            <label class="form-check-label" for="label_qcm_6_label">href</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_2" id="label_qcm_8_label" class="form-check-input qcm_2 bg-primary" id_question="2" value="8">
                                            <label class="form-check-label" for="label_qcm_8_label">link</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_2" id="label_qcm_7_label" class="form-check-input qcm_2 bg-primary" id_question="2" value="7">
                                            <label class="form-check-label" for="label_qcm_7_label">alt</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_2" id="label_qcm_5_label" class="form-check-input qcm_2 bg-primary" id_question="2" value="5">
                                            <label class="form-check-label" for="label_qcm_5_label">src</label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="236" curentquestion="236">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="236" typequestion="qcm" idquestion="2">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="236" curentquestion="236">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_237">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 237 </h6>
                            <h5 class="mb-3"> Lequel des éléments suivants est correct sur l'attribut de données Data-BackDrop du plugin modal? </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6750" id="label_qcm_22871_label" class="form-check-input qcm_6750 bg-primary" id_question="6750" value="22871">
                                            <label class="form-check-label" for="label_qcm_22871_label"> ajouté, il chargera ce contenu.</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6750" id="label_qcm_22870_label" class="form-check-input qcm_6750 bg-primary" id_question="6750" value="22870">
                                            <label class="form-check-label" for="label_qcm_22870_label"> En utilisant la méthode JQuery .Load, injecte du contenu dans le corps modal. Si un HREF avec une URL valide est</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6750" id="label_qcm_22868_label" class="form-check-input qcm_6750 bg-primary" id_question="6750" value="22868">
                                            <label class="form-check-label" for="label_qcm_22868_label">  Il spécifie statique pour une toile de fond, si vous ne voulez pas que le modal soit fermé lorsque l'utilisateur clique à l'extérieur du modal.</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6750" id="label_qcm_22869_label" class="form-check-input qcm_6750 bg-primary" id_question="6750" value="22869">
                                            <label class="form-check-label" for="label_qcm_22869_label">il ferme le modal lorsque la touche d'échappement est enfoncée; réglé sur false pour désactiver. Il montre le modal lorsqu'il est initialisé.</label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="237" curentquestion="237">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="237" typequestion="qcm" idquestion="6750">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="237" curentquestion="237">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_238">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 238 </h6>
                            <h5 class="mb-3"> Le système de grille bootstrap a les préfixes de classe suivants? </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6708" id="label_qcm_22698_label" class="form-check-input qcm_6708 bg-primary" id_question="6708" value="22698">
                                            <label class="form-check-label" for="label_qcm_22698_label">Col-SX-</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6708" id="label_qcm_22696_label" class="form-check-input qcm_6708 bg-primary" id_question="6708" value="22696">
                                            <label class="form-check-label" for="label_qcm_22696_label">Col-Em-</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6708" id="label_qcm_22699_label" class="form-check-input qcm_6708 bg-primary" id_question="6708" value="22699">
                                            <label class="form-check-label" for="label_qcm_22699_label">je ne connais pas</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6708" id="label_qcm_22697_label" class="form-check-input qcm_6708 bg-primary" id_question="6708" value="22697">
                                            <label class="form-check-label" for="label_qcm_22697_label"> col-xs-</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6708" id="label_qcm_22694_label" class="form-check-input qcm_6708 bg-primary" id_question="6708" value="22694">
                                            <label class="form-check-label" for="label_qcm_22694_label">col-sm-</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6708" id="label_qcm_22695_label" class="form-check-input qcm_6708 bg-primary" id_question="6708" value="22695">
                                            <label class="form-check-label" for="label_qcm_22695_label">Col-lg-</label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="238" curentquestion="238">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="238" typequestion="qcm" idquestion="6708">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="238" curentquestion="238">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_239">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 239 </h6>
                            <h5 class="mb-3"> Quelle classe peut être utilisée pour l'élément d'en-tête de page?<br />
<br />
 </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6763" id="label_qcm_22924_label" class="form-check-input qcm_6763 bg-primary" id_question="6763" value="22924">
                                            <label class="form-check-label" for="label_qcm_22924_label">  .titre de la page<br />
<br />
</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6763" id="label_qcm_22925_label" class="form-check-input qcm_6763 bg-primary" id_question="6763" value="22925">
                                            <label class="form-check-label" for="label_qcm_22925_label">.</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6763" id="label_qcm_22923_label" class="form-check-input qcm_6763 bg-primary" id_question="6763" value="22923">
                                            <label class="form-check-label" for="label_qcm_22923_label">  .entête<br />
<br />
</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6763" id="label_qcm_22922_label" class="form-check-input qcm_6763 bg-primary" id_question="6763" value="22922">
                                            <label class="form-check-label" for="label_qcm_22922_label"> Aucune de ces réponses<br />
<br />
</label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="239" curentquestion="239">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="239" typequestion="qcm" idquestion="6763">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="239" curentquestion="239">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_240">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 240 </h6>
                            <h5 class="mb-3"> Quel est le rôle de la balise <head> dans un document HTML ? </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6685" id="label_qcm_22643_label" class="form-check-input qcm_6685 bg-primary" id_question="6685" value="22643">
                                            <label class="form-check-label" for="label_qcm_22643_label">Contenir les métadonnées du document<br />
</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6685" id="label_qcm_22644_label" class="form-check-input qcm_6685 bg-primary" id_question="6685" value="22644">
                                            <label class="form-check-label" for="label_qcm_22644_label">Afficher le contenu principal</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6685" id="label_qcm_22642_label" class="form-check-input qcm_6685 bg-primary" id_question="6685" value="22642">
                                            <label class="form-check-label" for="label_qcm_22642_label"> Définir les styles de la page</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6685" id="label_qcm_22645_label" class="form-check-input qcm_6685 bg-primary" id_question="6685" value="22645">
                                            <label class="form-check-label" for="label_qcm_22645_label">Inclure les scripts JavaScript</label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="240" curentquestion="240">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="240" typequestion="qcm" idquestion="6685">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="240" curentquestion="240">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_241">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 241 </h6>
                            <h5 class="mb-3"> Quelle balise HTML est utilisée pour insérer un titre dans une page ? </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_131" id="label_qcm_523_label" class="form-check-input qcm_131 bg-primary" id_question="131" value="523">
                                            <label class="form-check-label" for="label_qcm_523_label"><header>Mon Titre</header></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_131" id="label_qcm_521_label" class="form-check-input qcm_131 bg-primary" id_question="131" value="521">
                                            <label class="form-check-label" for="label_qcm_521_label"><h1>Mon Titre</h1></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_131" id="label_qcm_522_label" class="form-check-input qcm_131 bg-primary" id_question="131" value="522">
                                            <label class="form-check-label" for="label_qcm_522_label"><title>Mon Titre</title></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_131" id="label_qcm_524_label" class="form-check-input qcm_131 bg-primary" id_question="131" value="524">
                                            <label class="form-check-label" for="label_qcm_524_label"><head>Mon Titre</head></label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="241" curentquestion="241">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="241" typequestion="qcm" idquestion="131">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="241" curentquestion="241">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_242">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 242 </h6>
                            <h5 class="mb-3"> Laquelle des balises suivantes est utilisée pour afficher les combinaisons de clavier? </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6705" id="label_qcm_22684_label" class="form-check-input qcm_6705 bg-primary" id_question="6705" value="22684">
                                            <label class="form-check-label" for="label_qcm_22684_label"><kbd><br />
<br />
</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6705" id="label_qcm_22683_label" class="form-check-input qcm_6705 bg-primary" id_question="6705" value="22683">
                                            <label class="form-check-label" for="label_qcm_22683_label"><Deyboard></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6705" id="label_qcm_22685_label" class="form-check-input qcm_6705 bg-primary" id_question="6705" value="22685">
                                            <label class="form-check-label" for="label_qcm_22685_label">Section></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6705" id="label_qcm_22682_label" class="form-check-input qcm_6705 bg-primary" id_question="6705" value="22682">
                                            <label class="form-check-label" for="label_qcm_22682_label"><code></label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="242" curentquestion="242">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="242" typequestion="qcm" idquestion="6705">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="242" curentquestion="242">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_243">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 243 </h6>
                            <h5 class="mb-3"> Comment supprimer un style de liste pour les listes imbriquées? </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6752" id="label_qcm_22876_label" class="form-check-input qcm_6752 bg-primary" id_question="6752" value="22876">
                                            <label class="form-check-label" for="label_qcm_22876_label">En ajoutant une classe.</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6752" id="label_qcm_22879_label" class="form-check-input qcm_6752 bg-primary" id_question="6752" value="22879">
                                            <label class="form-check-label" for="label_qcm_22879_label">En emballage la liste avec tag <ul></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6752" id="label_qcm_22880_label" class="form-check-input qcm_6752 bg-primary" id_question="6752" value="22880">
                                            <label class="form-check-label" for="label_qcm_22880_label">Aucun des éléments au ci-dessus</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6752" id="label_qcm_22878_label" class="form-check-input qcm_6752 bg-primary" id_question="6752" value="22878">
                                            <label class="form-check-label" for="label_qcm_22878_label">En emballage la liste avec TAG <NONTYLED></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6752" id="label_qcm_22877_label" class="form-check-input qcm_6752 bg-primary" id_question="6752" value="22877">
                                            <label class="form-check-label" for="label_qcm_22877_label">En ajoutant.</label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="243" curentquestion="243">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="243" typequestion="qcm" idquestion="6752">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="243" curentquestion="243">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_244">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 244 </h6>
                            <h5 class="mb-3"> Comment inclure un fichier CSS dans une page HTML ? </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_117" id="label_qcm_468_label" class="form-check-input qcm_117 bg-primary" id_question="117" value="468">
                                            <label class="form-check-label" for="label_qcm_468_label"><style type="text/css" href="style.css"></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_117" id="label_qcm_465_label" class="form-check-input qcm_117 bg-primary" id_question="117" value="465">
                                            <label class="form-check-label" for="label_qcm_465_label"><link rel="stylesheet" href="style.css"></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_117" id="label_qcm_467_label" class="form-check-input qcm_117 bg-primary" id_question="117" value="467">
                                            <label class="form-check-label" for="label_qcm_467_label"><css href="style.css"></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_117" id="label_qcm_466_label" class="form-check-input qcm_117 bg-primary" id_question="117" value="466">
                                            <label class="form-check-label" for="label_qcm_466_label"><style src="style.css"></label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="244" curentquestion="244">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="244" typequestion="qcm" idquestion="117">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="244" curentquestion="244">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_245">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 245 </h6>
                            <h5 class="mb-3"> Que permet de faire l'attribut <code>target="_blank"</code> dans une balise <code><a></code> ? </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_133" id="label_qcm_531_label" class="form-check-input qcm_133 bg-primary" id_question="133" value="531">
                                            <label class="form-check-label" for="label_qcm_531_label">Ouvrir le lien dans un cadre interne.</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_133" id="label_qcm_529_label" class="form-check-input qcm_133 bg-primary" id_question="133" value="529">
                                            <label class="form-check-label" for="label_qcm_529_label">Ouvrir le lien dans un nouvel onglet ou une nouvelle fenêtre.</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_133" id="label_qcm_530_label" class="form-check-input qcm_133 bg-primary" id_question="133" value="530">
                                            <label class="form-check-label" for="label_qcm_530_label">Ouvrir le lien dans la même fenêtre.</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_133" id="label_qcm_532_label" class="form-check-input qcm_133 bg-primary" id_question="133" value="532">
                                            <label class="form-check-label" for="label_qcm_532_label">Rendre le lien cliquable uniquement pour l'administrateur.</label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="245" curentquestion="245">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="245" typequestion="qcm" idquestion="133">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="245" curentquestion="245">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_246">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 246 </h6>
                            <h5 class="mb-3"> Quelle balise HTML est utilisée pour définir une cellule dans une ligne de tableau ? </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6736" id="label_qcm_22811_label" class="form-check-input qcm_6736 bg-primary" id_question="6736" value="22811">
                                            <label class="form-check-label" for="label_qcm_22811_label"><thead></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6736" id="label_qcm_22813_label" class="form-check-input qcm_6736 bg-primary" id_question="6736" value="22813">
                                            <label class="form-check-label" for="label_qcm_22813_label"><th></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6736" id="label_qcm_22814_label" class="form-check-input qcm_6736 bg-primary" id_question="6736" value="22814">
                                            <label class="form-check-label" for="label_qcm_22814_label"><td></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6736" id="label_qcm_22812_label" class="form-check-input qcm_6736 bg-primary" id_question="6736" value="22812">
                                            <label class="form-check-label" for="label_qcm_22812_label"><tr></label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="246" curentquestion="246">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="246" typequestion="qcm" idquestion="6736">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="246" curentquestion="246">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_247">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 247 </h6>
                            <h5 class="mb-3"> Qu'est-ce qu'un <code><iframe></code> en HTML ? </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_113" id="label_qcm_449_label" class="form-check-input qcm_113 bg-primary" id_question="113" value="449">
                                            <label class="form-check-label" for="label_qcm_449_label">Intégrer un document externe dans la page.</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_113" id="label_qcm_450_label" class="form-check-input qcm_113 bg-primary" id_question="113" value="450">
                                            <label class="form-check-label" for="label_qcm_450_label">Créer un lien vers un autre site.</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_113" id="label_qcm_452_label" class="form-check-input qcm_113 bg-primary" id_question="113" value="452">
                                            <label class="form-check-label" for="label_qcm_452_label">Définir un style pour le contenu de la page.</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_113" id="label_qcm_451_label" class="form-check-input qcm_113 bg-primary" id_question="113" value="451">
                                            <label class="form-check-label" for="label_qcm_451_label">Insérer une image dans la page.</label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="247" curentquestion="247">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="247" typequestion="qcm" idquestion="113">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="247" curentquestion="247">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_248">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 248 </h6>
                            <h5 class="mb-3"> Quelle balise HTML est utilisée pour insérer un paragraphe ? </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_111" id="label_qcm_441_label" class="form-check-input qcm_111 bg-primary" id_question="111" value="441">
                                            <label class="form-check-label" for="label_qcm_441_label"><p>Ceci est un paragraphe</p></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_111" id="label_qcm_444_label" class="form-check-input qcm_111 bg-primary" id_question="111" value="444">
                                            <label class="form-check-label" for="label_qcm_444_label"><section>Ceci est un paragraphe</section></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_111" id="label_qcm_443_label" class="form-check-input qcm_111 bg-primary" id_question="111" value="443">
                                            <label class="form-check-label" for="label_qcm_443_label"><para>Ceci est un paragraphe</para></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_111" id="label_qcm_442_label" class="form-check-input qcm_111 bg-primary" id_question="111" value="442">
                                            <label class="form-check-label" for="label_qcm_442_label"><paragraph>Ceci est un paragraphe</paragraph></label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="248" curentquestion="248">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="248" typequestion="qcm" idquestion="111">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="248" curentquestion="248">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_249">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 249 </h6>
                            <h5 class="mb-3"> Quel attribut est utilisé pour spécifier un fichier favicon en HTML ? </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_71" id="label_qcm_282_label" class="form-check-input qcm_71 bg-primary" id_question="71" value="282">
                                            <label class="form-check-label" for="label_qcm_282_label"><link rel="favicon" href="favicon.ico"></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_71" id="label_qcm_284_label" class="form-check-input qcm_71 bg-primary" id_question="71" value="284">
                                            <label class="form-check-label" for="label_qcm_284_label"><icon rel="icon" href="favicon.ico"></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_71" id="label_qcm_281_label" class="form-check-input qcm_71 bg-primary" id_question="71" value="281">
                                            <label class="form-check-label" for="label_qcm_281_label"><link rel="icon" href="favicon.ico"></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_71" id="label_qcm_283_label" class="form-check-input qcm_71 bg-primary" id_question="71" value="283">
                                            <label class="form-check-label" for="label_qcm_283_label"><image rel="icon" href="favicon.ico"></label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="249" curentquestion="249">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="249" typequestion="qcm" idquestion="71">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="249" curentquestion="249">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_250">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 250 </h6>
                            <h5 class="mb-3"> Quelle balise HTML permet de créer une table ? </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_180" id="label_qcm_718_label" class="form-check-input qcm_180 bg-primary" id_question="180" value="718">
                                            <label class="form-check-label" for="label_qcm_718_label"><grid><row><cell>Cellule</cell></row></grid></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_180" id="label_qcm_720_label" class="form-check-input qcm_180 bg-primary" id_question="180" value="720">
                                            <label class="form-check-label" for="label_qcm_720_label"><list><element>Cellule</element></list></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_180" id="label_qcm_717_label" class="form-check-input qcm_180 bg-primary" id_question="180" value="717">
                                            <label class="form-check-label" for="label_qcm_717_label"><table><tr><td>Cellule</td></tr></table></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_180" id="label_qcm_719_label" class="form-check-input qcm_180 bg-primary" id_question="180" value="719">
                                            <label class="form-check-label" for="label_qcm_719_label"><chart><line><data>Cellule</data></line></chart></label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="250" curentquestion="250">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="250" typequestion="qcm" idquestion="180">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="250" curentquestion="250">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_251">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 251 </h6>
                            <h5 class="mb-3"> . Comment ajouter un commentaire en CSS ? </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6686" id="label_qcm_22646_label" class="form-check-input qcm_6686 bg-primary" id_question="6686" value="22646">
                                            <label class="form-check-label" for="label_qcm_22646_label">je connais pas</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6686" id="label_qcm_22648_label" class="form-check-input qcm_6686 bg-primary" id_question="6686" value="22648">
                                            <label class="form-check-label" for="label_qcm_22648_label"> // commentaire</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6686" id="label_qcm_22649_label" class="form-check-input qcm_6686 bg-primary" id_question="6686" value="22649">
                                            <label class="form-check-label" for="label_qcm_22649_label">; commentaire</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6686" id="label_qcm_22647_label" class="form-check-input qcm_6686 bg-primary" id_question="6686" value="22647">
                                            <label class="form-check-label" for="label_qcm_22647_label"> /* commentaire */</label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="251" curentquestion="251">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="251" typequestion="qcm" idquestion="6686">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="251" curentquestion="251">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_252">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 252 </h6>
                            <h5 class="mb-3"> Quel est le rôle de la balise <code><head></code> en HTML ? </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_84" id="label_qcm_333_label" class="form-check-input qcm_84 bg-primary" id_question="84" value="333">
                                            <label class="form-check-label" for="label_qcm_333_label">Contient des informations sur le document et des liens vers des ressources externes.</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_84" id="label_qcm_336_label" class="form-check-input qcm_84 bg-primary" id_question="84" value="336">
                                            <label class="form-check-label" for="label_qcm_336_label">Contient le texte alternatif pour les images.</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_84" id="label_qcm_335_label" class="form-check-input qcm_84 bg-primary" id_question="84" value="335">
                                            <label class="form-check-label" for="label_qcm_335_label">Contient des scripts pour afficher du contenu dynamique.</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_84" id="label_qcm_334_label" class="form-check-input qcm_84 bg-primary" id_question="84" value="334">
                                            <label class="form-check-label" for="label_qcm_334_label">Contient le contenu principal de la page.</label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="252" curentquestion="252">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="252" typequestion="qcm" idquestion="84">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="252" curentquestion="252">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_253">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 253 </h6>
                            <h5 class="mb-3"> Comment ajouter un lien vers un fichier PDF dans une page HTML ? </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_128" id="label_qcm_510_label" class="form-check-input qcm_128 bg-primary" id_question="128" value="510">
                                            <label class="form-check-label" for="label_qcm_510_label"><a link="document.pdf">Télécharger le PDF</a></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_128" id="label_qcm_512_label" class="form-check-input qcm_128 bg-primary" id_question="128" value="512">
                                            <label class="form-check-label" for="label_qcm_512_label"><a href="document.pdf">Voir le PDF</a></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_128" id="label_qcm_511_label" class="form-check-input qcm_128 bg-primary" id_question="128" value="511">
                                            <label class="form-check-label" for="label_qcm_511_label"><file href="document.pdf">Télécharger le PDF</file></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_128" id="label_qcm_509_label" class="form-check-input qcm_128 bg-primary" id_question="128" value="509">
                                            <label class="form-check-label" for="label_qcm_509_label"><a href="document.pdf">Télécharger le PDF</a></label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="253" curentquestion="253">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="253" typequestion="qcm" idquestion="128">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="253" curentquestion="253">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_254">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 254 </h6>
                            <h5 class="mb-3"> Quel attribut HTML permet de définir la couleur du texte ? </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_32" id="label_qcm_125_label" class="form-check-input qcm_32 bg-primary" id_question="32" value="125">
                                            <label class="form-check-label" for="label_qcm_125_label">Utiliser l'attribut <code>style="color: red;"</code> dans le CSS</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_32" id="label_qcm_127_label" class="form-check-input qcm_32 bg-primary" id_question="32" value="127">
                                            <label class="form-check-label" for="label_qcm_127_label">Utiliser <code>text-color="red"</code> dans la balise</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_32" id="label_qcm_128_label" class="form-check-input qcm_32 bg-primary" id_question="32" value="128">
                                            <label class="form-check-label" for="label_qcm_128_label">Utiliser <code>font-color="red"</code> dans la balise</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_32" id="label_qcm_126_label" class="form-check-input qcm_32 bg-primary" id_question="32" value="126">
                                            <label class="form-check-label" for="label_qcm_126_label">Utiliser <code>color="red"</code> dans la balise</label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="254" curentquestion="254">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="254" typequestion="qcm" idquestion="32">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="254" curentquestion="254">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_255">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 255 </h6>
                            <h5 class="mb-3"> Comment créer une zone de texte multi-lignes dans un formulaire HTML ? </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_76" id="label_qcm_304_label" class="form-check-input qcm_76 bg-primary" id_question="76" value="304">
                                            <label class="form-check-label" for="label_qcm_304_label"><textarea rows="4"></textarea></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_76" id="label_qcm_301_label" class="form-check-input qcm_76 bg-primary" id_question="76" value="301">
                                            <label class="form-check-label" for="label_qcm_301_label"><textarea rows="4" cols="50"></textarea></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_76" id="label_qcm_302_label" class="form-check-input qcm_76 bg-primary" id_question="76" value="302">
                                            <label class="form-check-label" for="label_qcm_302_label"><input type="text" rows="4" cols="50"></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_76" id="label_qcm_303_label" class="form-check-input qcm_76 bg-primary" id_question="76" value="303">
                                            <label class="form-check-label" for="label_qcm_303_label"><input type="textarea" rows="4" cols="50"></label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="255" curentquestion="255">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="255" typequestion="qcm" idquestion="76">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="255" curentquestion="255">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_256">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 256 </h6>
                            <h5 class="mb-3"> Quelle balise HTML est utilisée pour insérer une image ? </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_160" id="label_qcm_640_label" class="form-check-input qcm_160 bg-primary" id_question="160" value="640">
                                            <label class="form-check-label" for="label_qcm_640_label"><img href="image.jpg"></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_160" id="label_qcm_637_label" class="form-check-input qcm_160 bg-primary" id_question="160" value="637">
                                            <label class="form-check-label" for="label_qcm_637_label"><img src="image.jpg"></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_160" id="label_qcm_639_label" class="form-check-input qcm_160 bg-primary" id_question="160" value="639">
                                            <label class="form-check-label" for="label_qcm_639_label"><picture src="image.jpg"></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_160" id="label_qcm_638_label" class="form-check-input qcm_160 bg-primary" id_question="160" value="638">
                                            <label class="form-check-label" for="label_qcm_638_label"><image src="image.jpg"></label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="256" curentquestion="256">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="256" typequestion="qcm" idquestion="160">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="256" curentquestion="256">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_257">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 257 </h6>
                            <h5 class="mb-3"> Quelle balise HTML est utilisée pour ajouter un formulaire dans une page ? </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_140" id="label_qcm_560_label" class="form-check-input qcm_140 bg-primary" id_question="140" value="560">
                                            <label class="form-check-label" for="label_qcm_560_label"><form action="submit.php"><input></form></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_140" id="label_qcm_557_label" class="form-check-input qcm_140 bg-primary" id_question="140" value="557">
                                            <label class="form-check-label" for="label_qcm_557_label"><form action="submit.php"></form></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_140" id="label_qcm_558_label" class="form-check-input qcm_140 bg-primary" id_question="140" value="558">
                                            <label class="form-check-label" for="label_qcm_558_label"><input form="submit.php"></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_140" id="label_qcm_559_label" class="form-check-input qcm_140 bg-primary" id_question="140" value="559">
                                            <label class="form-check-label" for="label_qcm_559_label"><formsubmit></formsubmit></label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="257" curentquestion="257">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="257" typequestion="qcm" idquestion="140">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="257" curentquestion="257">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_258">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 258 </h6>
                            <h5 class="mb-3"> Comment inclure un fichier JavaScript externe dans une page HTML ? </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_192" id="label_qcm_767_label" class="form-check-input qcm_192 bg-primary" id_question="192" value="767">
                                            <label class="form-check-label" for="label_qcm_767_label"><javascript src="script.js"></javascript></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_192" id="label_qcm_766_label" class="form-check-input qcm_192 bg-primary" id_question="192" value="766">
                                            <label class="form-check-label" for="label_qcm_766_label"><js src="script.js"></js></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_192" id="label_qcm_768_label" class="form-check-input qcm_192 bg-primary" id_question="192" value="768">
                                            <label class="form-check-label" for="label_qcm_768_label"><code src="script.js"></code></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_192" id="label_qcm_765_label" class="form-check-input qcm_192 bg-primary" id_question="192" value="765">
                                            <label class="form-check-label" for="label_qcm_765_label"><script src="script.js"></script></label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="258" curentquestion="258">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="258" typequestion="qcm" idquestion="192">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="258" curentquestion="258">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_259">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 259 </h6>
                            <h5 class="mb-3"> Quel attribut est utilisé pour définir une couleur de fond dans une balise HTML ? </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_170" id="label_qcm_678_label" class="form-check-input qcm_170 bg-primary" id_question="170" value="678">
                                            <label class="form-check-label" for="label_qcm_678_label">bgcolor</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_170" id="label_qcm_679_label" class="form-check-input qcm_170 bg-primary" id_question="170" value="679">
                                            <label class="form-check-label" for="label_qcm_679_label">color</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_170" id="label_qcm_677_label" class="form-check-input qcm_170 bg-primary" id_question="170" value="677">
                                            <label class="form-check-label" for="label_qcm_677_label">background-color</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_170" id="label_qcm_680_label" class="form-check-input qcm_170 bg-primary" id_question="170" value="680">
                                            <label class="form-check-label" for="label_qcm_680_label">fill</label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="259" curentquestion="259">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="259" typequestion="qcm" idquestion="170">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="259" curentquestion="259">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_260">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 260 </h6>
                            <h5 class="mb-3"> Quelle est la différence entre les attributs <code>id</code> et <code>class</code> ? </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_155" id="label_qcm_617_label" class="form-check-input qcm_155 bg-primary" id_question="155" value="617">
                                            <label class="form-check-label" for="label_qcm_617_label">L'attribut <code>id</code> est unique, tandis que <code>class</code> peut être utilisé pour plusieurs éléments.</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_155" id="label_qcm_618_label" class="form-check-input qcm_155 bg-primary" id_question="155" value="618">
                                            <label class="form-check-label" for="label_qcm_618_label">Les deux attributs sont identiques et peuvent être utilisés de manière interchangeable.</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_155" id="label_qcm_619_label" class="form-check-input qcm_155 bg-primary" id_question="155" value="619">
                                            <label class="form-check-label" for="label_qcm_619_label">L'attribut <code>id</code> permet de définir un style, tandis que <code>class</code> définit le contenu.</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_155" id="label_qcm_620_label" class="form-check-input qcm_155 bg-primary" id_question="155" value="620">
                                            <label class="form-check-label" for="label_qcm_620_label">L'attribut <code>class</code> est utilisé uniquement pour les liens, tandis que <code>id</code> est utilisé pour les images.</label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="260" curentquestion="260">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="260" typequestion="qcm" idquestion="155">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="260" curentquestion="260">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_261">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 261 </h6>
                            <h5 class="mb-3"> Quel attribut HTML est utilisé pour définir un identifiant unique pour un élément ? </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_93" id="label_qcm_370_label" class="form-check-input qcm_93 bg-primary" id_question="93" value="370">
                                            <label class="form-check-label" for="label_qcm_370_label">name="element1"</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_93" id="label_qcm_369_label" class="form-check-input qcm_93 bg-primary" id_question="93" value="369">
                                            <label class="form-check-label" for="label_qcm_369_label">id="element1"</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_93" id="label_qcm_371_label" class="form-check-input qcm_93 bg-primary" id_question="93" value="371">
                                            <label class="form-check-label" for="label_qcm_371_label">class="element1"</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_93" id="label_qcm_372_label" class="form-check-input qcm_93 bg-primary" id_question="93" value="372">
                                            <label class="form-check-label" for="label_qcm_372_label">href="element1"</label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="261" curentquestion="261">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="261" typequestion="qcm" idquestion="93">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="261" curentquestion="261">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_262">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 262 </h6>
                            <h5 class="mb-3"> Lequel des styles bootstrap de bouton suivants fournit un poids visuel supplémentaire et identifie l'action principale dans un ensemble de boutons? </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6741" id="label_qcm_22834_label" class="form-check-input qcm_6741 bg-primary" id_question="6741" value="22834">
                                            <label class="form-check-label" for="label_qcm_22834_label"> .btn-info</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6741" id="label_qcm_22831_label" class="form-check-input qcm_6741 bg-primary" id_question="6741" value="22831">
                                            <label class="form-check-label" for="label_qcm_22831_label"> .btn</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6741" id="label_qcm_22833_label" class="form-check-input qcm_6741 bg-primary" id_question="6741" value="22833">
                                            <label class="form-check-label" for="label_qcm_22833_label"> .BTN-Success</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6741" id="label_qcm_22832_label" class="form-check-input qcm_6741 bg-primary" id_question="6741" value="22832">
                                            <label class="form-check-label" for="label_qcm_22832_label"> .btn-primary</label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="262" curentquestion="262">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="262" typequestion="qcm" idquestion="6741">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="262" curentquestion="262">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_263">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 263 </h6>
                            <h5 class="mb-3"> Comment définir un champ de saisie de type date dans un formulaire HTML ? </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_74" id="label_qcm_296_label" class="form-check-input qcm_74 bg-primary" id_question="74" value="296">
                                            <label class="form-check-label" for="label_qcm_296_label"><input type="datefield"></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_74" id="label_qcm_295_label" class="form-check-input qcm_74 bg-primary" id_question="74" value="295">
                                            <label class="form-check-label" for="label_qcm_295_label"><input type="calendar"></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_74" id="label_qcm_294_label" class="form-check-input qcm_74 bg-primary" id_question="74" value="294">
                                            <label class="form-check-label" for="label_qcm_294_label"><input type="datetime"></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_74" id="label_qcm_293_label" class="form-check-input qcm_74 bg-primary" id_question="74" value="293">
                                            <label class="form-check-label" for="label_qcm_293_label"><input type="date"></label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="263" curentquestion="263">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="263" typequestion="qcm" idquestion="74">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="263" curentquestion="263">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_264">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 264 </h6>
                            <h5 class="mb-3"> Comment définir une couleur de fond en HTML ? </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_62" id="label_qcm_246_label" class="form-check-input qcm_62 bg-primary" id_question="62" value="246">
                                            <label class="form-check-label" for="label_qcm_246_label"><div color="red">Contenu</div></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_62" id="label_qcm_247_label" class="form-check-input qcm_62 bg-primary" id_question="62" value="247">
                                            <label class="form-check-label" for="label_qcm_247_label"><div style="bgcolor: red;">Contenu</div></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_62" id="label_qcm_245_label" class="form-check-input qcm_62 bg-primary" id_question="62" value="245">
                                            <label class="form-check-label" for="label_qcm_245_label"><div style="background-color: red;">Contenu</div></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_62" id="label_qcm_248_label" class="form-check-input qcm_62 bg-primary" id_question="62" value="248">
                                            <label class="form-check-label" for="label_qcm_248_label"><div background-color="red">Contenu</div></label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="264" curentquestion="264">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="264" typequestion="qcm" idquestion="62">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="264" curentquestion="264">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_265">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 265 </h6>
                            <h5 class="mb-3"> Quel est l'élément HTML utilisé pour créer un lien vers une feuille de style externe ? </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_65" id="label_qcm_257_label" class="form-check-input qcm_65 bg-primary" id_question="65" value="257">
                                            <label class="form-check-label" for="label_qcm_257_label"><link rel="stylesheet" href="style.css"></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_65" id="label_qcm_258_label" class="form-check-input qcm_65 bg-primary" id_question="65" value="258">
                                            <label class="form-check-label" for="label_qcm_258_label"><style rel="stylesheet" href="style.css"></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_65" id="label_qcm_259_label" class="form-check-input qcm_65 bg-primary" id_question="65" value="259">
                                            <label class="form-check-label" for="label_qcm_259_label"><css href="style.css"></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_65" id="label_qcm_260_label" class="form-check-input qcm_65 bg-primary" id_question="65" value="260">
                                            <label class="form-check-label" for="label_qcm_260_label"><link stylesheet="style.css"></label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="265" curentquestion="265">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="265" typequestion="qcm" idquestion="65">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="265" curentquestion="265">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_266">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 266 </h6>
                            <h5 class="mb-3"> Quelle propriété CSS permet de définir la disposition des éléments en fonction d'un modèle de colonnes multiples ? </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6682" id="label_qcm_22632_label" class="form-check-input qcm_6682 bg-primary" id_question="6682" value="22632">
                                            <label class="form-check-label" for="label_qcm_22632_label">column-gap</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6682" id="label_qcm_22631_label" class="form-check-input qcm_6682 bg-primary" id_question="6682" value="22631">
                                            <label class="form-check-label" for="label_qcm_22631_label">columns</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6682" id="label_qcm_22633_label" class="form-check-input qcm_6682 bg-primary" id_question="6682" value="22633">
                                            <label class="form-check-label" for="label_qcm_22633_label">multi-column</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6682" id="label_qcm_22630_label" class="form-check-input qcm_6682 bg-primary" id_question="6682" value="22630">
                                            <label class="form-check-label" for="label_qcm_22630_label">column-count</label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="266" curentquestion="266">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="266" typequestion="qcm" idquestion="6682">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="266" curentquestion="266">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_267">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 267 </h6>
                            <h5 class="mb-3"> je ne connais pas </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6719" id="label_qcm_22744_label" class="form-check-input qcm_6719 bg-primary" id_question="6719" value="22744">
                                            <label class="form-check-label" for="label_qcm_22744_label">.Text-flush</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6719" id="label_qcm_22741_label" class="form-check-input qcm_6719 bg-primary" id_question="6719" value="22741">
                                            <label class="form-check-label" for="label_qcm_22741_label"> .Text-align-left-droite</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6719" id="label_qcm_22743_label" class="form-check-input qcm_6719 bg-primary" id_question="6719" value="22743">
                                            <label class="form-check-label" for="label_qcm_22743_label">.Text-Justify</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6719" id="label_qcm_22742_label" class="form-check-input qcm_6719 bg-primary" id_question="6719" value="22742">
                                            <label class="form-check-label" for="label_qcm_22742_label">.Text-nowrap</label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="267" curentquestion="267">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="267" typequestion="qcm" idquestion="6719">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="267" curentquestion="267">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_268">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 268 </h6>
                            <h5 class="mb-3"> Quelle balise HTML est utilisée pour insérer une image ? </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6687" id="label_qcm_22652_label" class="form-check-input qcm_6687 bg-primary" id_question="6687" value="22652">
                                            <label class="form-check-label" for="label_qcm_22652_label">picture></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6687" id="label_qcm_22651_label" class="form-check-input qcm_6687 bg-primary" id_question="6687" value="22651">
                                            <label class="form-check-label" for="label_qcm_22651_label"><image></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6687" id="label_qcm_22653_label" class="form-check-input qcm_6687 bg-primary" id_question="6687" value="22653">
                                            <label class="form-check-label" for="label_qcm_22653_label"><src></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6687" id="label_qcm_22650_label" class="form-check-input qcm_6687 bg-primary" id_question="6687" value="22650">
                                            <label class="form-check-label" for="label_qcm_22650_label"><img></label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="268" curentquestion="268">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="268" typequestion="qcm" idquestion="6687">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="268" curentquestion="268">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_269">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 269 </h6>
                            <h5 class="mb-3"> Quelle classe CSS est nécessaire pour afficher les entrées de formulaire l'une après l'autre en ligne unique? </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6721" id="label_qcm_22750_label" class="form-check-input qcm_6721 bg-primary" id_question="6721" value="22750">
                                            <label class="form-check-label" for="label_qcm_22750_label"> «Form-inline» si la fenêtre est d'au moins 768px de large</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6721" id="label_qcm_22752_label" class="form-check-input qcm_6721 bg-primary" id_question="6721" value="22752">
                                            <label class="form-check-label" for="label_qcm_22752_label">«Form-As-Row» si la fenêtre a une largeur d'au moins 768px</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6721" id="label_qcm_22749_label" class="form-check-input qcm_6721 bg-primary" id_question="6721" value="22749">
                                            <label class="form-check-label" for="label_qcm_22749_label">impossible de faire parce que Bootstrap est d'abord mobile et sur les éléments de forme mobile s'affichent dans les colonnes</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6721" id="label_qcm_22751_label" class="form-check-input qcm_6721 bg-primary" id_question="6721" value="22751">
                                            <label class="form-check-label" for="label_qcm_22751_label">«Form-inline-desktop» si la fenêtre a une largeur d'au moins 768px</label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="269" curentquestion="269">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="269" typequestion="qcm" idquestion="6721">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="269" curentquestion="269">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_270">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 270 </h6>
                            <h5 class="mb-3"> Combien de colonnes Bootstrap Grid a-t-il? </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6622" id="label_qcm_22585_label" class="form-check-input qcm_6622 bg-primary" id_question="6622" value="22585">
                                            <label class="form-check-label" for="label_qcm_22585_label">12</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6622" id="label_qcm_22583_label" class="form-check-input qcm_6622 bg-primary" id_question="6622" value="22583">
                                            <label class="form-check-label" for="label_qcm_22583_label">8</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6622" id="label_qcm_22586_label" class="form-check-input qcm_6622 bg-primary" id_question="6622" value="22586">
                                            <label class="form-check-label" for="label_qcm_22586_label">14</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6622" id="label_qcm_22584_label" class="form-check-input qcm_6622 bg-primary" id_question="6622" value="22584">
                                            <label class="form-check-label" for="label_qcm_22584_label">10</label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="270" curentquestion="270">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="270" typequestion="qcm" idquestion="6622">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="270" curentquestion="270">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_271">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 271 </h6>
                            <h5 class="mb-3"> Quelle balise est utilisée pour définir un tableau en HTML ? </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_61" id="label_qcm_243_label" class="form-check-input qcm_61 bg-primary" id_question="61" value="243">
                                            <label class="form-check-label" for="label_qcm_243_label"><table><line><column>Cellule</column></line></table></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_61" id="label_qcm_244_label" class="form-check-input qcm_61 bg-primary" id_question="61" value="244">
                                            <label class="form-check-label" for="label_qcm_244_label"><table><row><column>Cellule</column></row></table></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_61" id="label_qcm_241_label" class="form-check-input qcm_61 bg-primary" id_question="61" value="241">
                                            <label class="form-check-label" for="label_qcm_241_label"><table><tr><td>Cellule</td></tr></table></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_61" id="label_qcm_242_label" class="form-check-input qcm_61 bg-primary" id_question="61" value="242">
                                            <label class="form-check-label" for="label_qcm_242_label"><table><row><cell>Cellule</cell></row></table></label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="271" curentquestion="271">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="271" typequestion="qcm" idquestion="61">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="271" curentquestion="271">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_272">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 272 </h6>
                            <h5 class="mb-3">  Quelle est la syntaxe générale de la fonction var() ? </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6577" id="label_qcm_22552_label" class="form-check-input qcm_6577 bg-primary" id_question="6577" value="22552">
                                            <label class="form-check-label" for="label_qcm_22552_label">C var(value)</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6577" id="label_qcm_22553_label" class="form-check-input qcm_6577 bg-primary" id_question="6577" value="22553">
                                            <label class="form-check-label" for="label_qcm_22553_label">D Aucune de ces réponses</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6577" id="label_qcm_22551_label" class="form-check-input qcm_6577 bg-primary" id_question="6577" value="22551">
                                            <label class="form-check-label" for="label_qcm_22551_label">B var(–name)</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6577" id="label_qcm_22550_label" class="form-check-input qcm_6577 bg-primary" id_question="6577" value="22550">
                                            <label class="form-check-label" for="label_qcm_22550_label">A var(–name, value)</label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="272" curentquestion="272">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="272" typequestion="qcm" idquestion="6577">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="272" curentquestion="272">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_273">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 273 </h6>
                            <h5 class="mb-3"> Quel attribut HTML est utilisé pour lier un fichier externe CSS ? </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_48" id="label_qcm_191_label" class="form-check-input qcm_48 bg-primary" id_question="48" value="191">
                                            <label class="form-check-label" for="label_qcm_191_label"><css href="style.css"></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_48" id="label_qcm_190_label" class="form-check-input qcm_48 bg-primary" id_question="48" value="190">
                                            <label class="form-check-label" for="label_qcm_190_label"><style href="style.css"></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_48" id="label_qcm_192_label" class="form-check-input qcm_48 bg-primary" id_question="48" value="192">
                                            <label class="form-check-label" for="label_qcm_192_label"><link stylesheet="style.css"></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_48" id="label_qcm_189_label" class="form-check-input qcm_48 bg-primary" id_question="48" value="189">
                                            <label class="form-check-label" for="label_qcm_189_label"><link rel="stylesheet" href="style.css"></label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="273" curentquestion="273">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="273" typequestion="qcm" idquestion="48">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="273" curentquestion="273">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_274">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 274 </h6>
                            <h5 class="mb-3"> Quel est le rôle de la balise <code><meta></code> dans la section <code><head></code> ? </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_91" id="label_qcm_361_label" class="form-check-input qcm_91 bg-primary" id_question="91" value="361">
                                            <label class="form-check-label" for="label_qcm_361_label">Fournit des informations sur la page sans affecter son contenu.</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_91" id="label_qcm_363_label" class="form-check-input qcm_91 bg-primary" id_question="91" value="363">
                                            <label class="form-check-label" for="label_qcm_363_label">Définit la couleur de fond de la page.</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_91" id="label_qcm_364_label" class="form-check-input qcm_91 bg-primary" id_question="91" value="364">
                                            <label class="form-check-label" for="label_qcm_364_label">Définit le titre de la page.</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_91" id="label_qcm_362_label" class="form-check-input qcm_91 bg-primary" id_question="91" value="362">
                                            <label class="form-check-label" for="label_qcm_362_label">Contient le contenu principal de la page.</label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="274" curentquestion="274">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="274" typequestion="qcm" idquestion="91">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="274" curentquestion="274">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_275">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 275 </h6>
                            <h5 class="mb-3"> Que permet de faire l'élément <code><link></code> dans le <code><head></code> ? </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_106" id="label_qcm_423_label" class="form-check-input qcm_106 bg-primary" id_question="106" value="423">
                                            <label class="form-check-label" for="label_qcm_423_label">Inclure des scripts JavaScript dans la page.</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_106" id="label_qcm_421_label" class="form-check-input qcm_106 bg-primary" id_question="106" value="421">
                                            <label class="form-check-label" for="label_qcm_421_label">Lier des feuilles de style CSS ou des ressources externes.</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_106" id="label_qcm_424_label" class="form-check-input qcm_106 bg-primary" id_question="106" value="424">
                                            <label class="form-check-label" for="label_qcm_424_label">Ajouter un fichier vidéo dans la page.</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_106" id="label_qcm_422_label" class="form-check-input qcm_106 bg-primary" id_question="106" value="422">
                                            <label class="form-check-label" for="label_qcm_422_label">Définir des propriétés CSS locales pour la page.</label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="275" curentquestion="275">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="275" typequestion="qcm" idquestion="106">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="275" curentquestion="275">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_276">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 276 </h6>
                            <h5 class="mb-3"> Quel attribut HTML permet d'ouvrir un lien dans un nouvel onglet ? </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_18" id="label_qcm_70_label" class="form-check-input qcm_18 bg-primary" id_question="18" value="70">
                                            <label class="form-check-label" for="label_qcm_70_label">rel="noopener"</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_18" id="label_qcm_69_label" class="form-check-input qcm_18 bg-primary" id_question="18" value="69">
                                            <label class="form-check-label" for="label_qcm_69_label">target="_blank"</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_18" id="label_qcm_72_label" class="form-check-input qcm_18 bg-primary" id_question="18" value="72">
                                            <label class="form-check-label" for="label_qcm_72_label">link="_newtab"</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_18" id="label_qcm_71_label" class="form-check-input qcm_18 bg-primary" id_question="18" value="71">
                                            <label class="form-check-label" for="label_qcm_71_label">open="newtab"</label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="276" curentquestion="276">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="276" typequestion="qcm" idquestion="18">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="276" curentquestion="276">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_277">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 277 </h6>
                            <h5 class="mb-3"> Quelle balise est utilisée pour créer un lien vers une feuille de style externe ? </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_85" id="label_qcm_337_label" class="form-check-input qcm_85 bg-primary" id_question="85" value="337">
                                            <label class="form-check-label" for="label_qcm_337_label"><link rel="stylesheet" href="styles.css"></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_85" id="label_qcm_340_label" class="form-check-input qcm_85 bg-primary" id_question="85" value="340">
                                            <label class="form-check-label" for="label_qcm_340_label"><head rel="stylesheet" href="styles.css"></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_85" id="label_qcm_339_label" class="form-check-input qcm_85 bg-primary" id_question="85" value="339">
                                            <label class="form-check-label" for="label_qcm_339_label"><css rel="stylesheet" href="styles.css"></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_85" id="label_qcm_338_label" class="form-check-input qcm_85 bg-primary" id_question="85" value="338">
                                            <label class="form-check-label" for="label_qcm_338_label"><style rel="stylesheet" href="styles.css"></label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="277" curentquestion="277">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="277" typequestion="qcm" idquestion="85">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="277" curentquestion="277">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_278">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 278 </h6>
                            <h5 class="mb-3"> Comment définir une zone de texte multiligne dans un formulaire HTML ? </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_198" id="label_qcm_792_label" class="form-check-input qcm_198 bg-primary" id_question="198" value="792">
                                            <label class="form-check-label" for="label_qcm_792_label"><input type="multiline"></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_198" id="label_qcm_789_label" class="form-check-input qcm_198 bg-primary" id_question="198" value="789">
                                            <label class="form-check-label" for="label_qcm_789_label"><textarea>Texte</textarea></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_198" id="label_qcm_791_label" class="form-check-input qcm_198 bg-primary" id_question="198" value="791">
                                            <label class="form-check-label" for="label_qcm_791_label"><textarea type="text">Texte</textarea></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_198" id="label_qcm_790_label" class="form-check-input qcm_198 bg-primary" id_question="198" value="790">
                                            <label class="form-check-label" for="label_qcm_790_label"><input type="textarea"></label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="278" curentquestion="278">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="278" typequestion="qcm" idquestion="198">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="278" curentquestion="278">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_279">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 279 </h6>
                            <h5 class="mb-3"> Que fait l'attribut <code>colspan</code> dans une balise <code><td></code> ? </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_199" id="label_qcm_793_label" class="form-check-input qcm_199 bg-primary" id_question="199" value="793">
                                            <label class="form-check-label" for="label_qcm_793_label">Il permet à une cellule de s'étendre sur plusieurs colonnes.</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_199" id="label_qcm_796_label" class="form-check-input qcm_199 bg-primary" id_question="199" value="796">
                                            <label class="form-check-label" for="label_qcm_796_label">Il détermine le fond de la cellule.</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_199" id="label_qcm_794_label" class="form-check-input qcm_199 bg-primary" id_question="199" value="794">
                                            <label class="form-check-label" for="label_qcm_794_label">Il détermine le texte à afficher dans la cellule.</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_199" id="label_qcm_795_label" class="form-check-input qcm_199 bg-primary" id_question="199" value="795">
                                            <label class="form-check-label" for="label_qcm_795_label">Il définit la largeur de la cellule.</label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="279" curentquestion="279">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="279" typequestion="qcm" idquestion="199">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="279" curentquestion="279">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_280">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 280 </h6>
                            <h5 class="mb-3"> Quel attribut HTML est utilisé pour créer un champ de saisie de type mot de passe ? </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_109" id="label_qcm_433_label" class="form-check-input qcm_109 bg-primary" id_question="109" value="433">
                                            <label class="form-check-label" for="label_qcm_433_label">type="password"</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_109" id="label_qcm_436_label" class="form-check-input qcm_109 bg-primary" id_question="109" value="436">
                                            <label class="form-check-label" for="label_qcm_436_label">type="secret"</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_109" id="label_qcm_434_label" class="form-check-input qcm_109 bg-primary" id_question="109" value="434">
                                            <label class="form-check-label" for="label_qcm_434_label">type="text"</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_109" id="label_qcm_435_label" class="form-check-input qcm_109 bg-primary" id_question="109" value="435">
                                            <label class="form-check-label" for="label_qcm_435_label">type="hidden"</label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="280" curentquestion="280">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="280" typequestion="qcm" idquestion="109">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="280" curentquestion="280">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_281">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 281 </h6>
                            <h5 class="mb-3"> Lequel des éléments suivants doit être inclus à l'intérieur de la tête d'un document HTML pour un rendu et un zoom toucher appropriés? </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6627" id="label_qcm_22590_label" class="form-check-input qcm_6627 bg-primary" id_question="6627" value="22590">
                                            <label class="form-check-label" for="label_qcm_22590_label">Aucune de ces réponses</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6627" id="label_qcm_22589_label" class="form-check-input qcm_6627 bg-primary" id_question="6627" value="22589">
                                            <label class="form-check-label" for="label_qcm_22589_label"><meta name = & quot; Viewsport & quot; contenu = & quot; width = wid-width, initial-scale = 1 & quot;></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6627" id="label_qcm_22588_label" class="form-check-input qcm_6627 bg-primary" id_question="6627" value="22588">
                                            <label class="form-check-label" for="label_qcm_22588_label">  <méta name = & quot; fenêtre & quot; contenu = & quot; width = wid-width, initial-échelle = 1 & quot;></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6627" id="label_qcm_22587_label" class="form-check-input qcm_6627 bg-primary" id_question="6627" value="22587">
                                            <label class="form-check-label" for="label_qcm_22587_label">  Meta name = & quot; Visionnaux & quot; contenu = & quot; width = wid-width, initial-scale = 1 & quot;></label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="281" curentquestion="281">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="281" typequestion="qcm" idquestion="6627">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="281" curentquestion="281">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_282">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 282 </h6>
                            <h5 class="mb-3"> Lequel des éléments suivants fait partie de la première stratégie mobile de bootstrap? </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6742" id="label_qcm_22836_label" class="form-check-input qcm_6742 bg-primary" id_question="6742" value="22836">
                                            <label class="form-check-label" for="label_qcm_22836_label"> Contenu: déterminez ce qui est le plus important.</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6742" id="label_qcm_22835_label" class="form-check-input qcm_6742 bg-primary" id_question="6742" value="22835">
                                            <label class="form-check-label" for="label_qcm_22835_label">Tout ce qui est en dessous.</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6742" id="label_qcm_22837_label" class="form-check-input qcm_6742 bg-primary" id_question="6742" value="22837">
                                            <label class="form-check-label" for="label_qcm_22837_label">Disposition: concevoir d'abord des largeurs plus petites. La base CSS aborde d'abord l'appareil mobile; Adresse des requêtes multimédias pour la tablette, desktops.</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6742" id="label_qcm_22838_label" class="form-check-input qcm_6742 bg-primary" id_question="6742" value="22838">
                                            <label class="form-check-label" for="label_qcm_22838_label"> Amélioration progressive: ajouter des éléments à mesure que la taille de l'écran augmente.</label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="282" curentquestion="282">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="282" typequestion="qcm" idquestion="6742">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="282" curentquestion="282">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_283">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 283 </h6>
                            <h5 class="mb-3"> Quel élément HTML permet d'insérer une ligne horizontale ? </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_164" id="label_qcm_654_label" class="form-check-input qcm_164 bg-primary" id_question="164" value="654">
                                            <label class="form-check-label" for="label_qcm_654_label"><line></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_164" id="label_qcm_656_label" class="form-check-input qcm_164 bg-primary" id_question="164" value="656">
                                            <label class="form-check-label" for="label_qcm_656_label"><horizontal></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_164" id="label_qcm_653_label" class="form-check-input qcm_164 bg-primary" id_question="164" value="653">
                                            <label class="form-check-label" for="label_qcm_653_label"><hr></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_164" id="label_qcm_655_label" class="form-check-input qcm_164 bg-primary" id_question="164" value="655">
                                            <label class="form-check-label" for="label_qcm_655_label"><separator></label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="283" curentquestion="283">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="283" typequestion="qcm" idquestion="164">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="283" curentquestion="283">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_284">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 284 </h6>
                            <h5 class="mb-3"> L'événement suivant est licencié lorsque l'info: </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6764" id="label_qcm_22928_label" class="form-check-input qcm_6764 bg-primary" id_question="6764" value="22928">
                                            <label class="form-check-label" for="label_qcm_22928_label">$ ('# Tooltipexample'). Sur ('active.bs.scrollspy', function () {// faire quelque chose ...})</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6764" id="label_qcm_22926_label" class="form-check-input qcm_6764 bg-primary" id_question="6764" value="22926">
                                            <label class="form-check-label" for="label_qcm_22926_label">$ ('# Tooltipexample'). Sur ('montré.bs.tooltip', fonction () {// faire quelque chose ...})</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6764" id="label_qcm_22927_label" class="form-check-input qcm_6764 bg-primary" id_question="6764" value="22927">
                                            <label class="form-check-label" for="label_qcm_22927_label">$ ('# Tooltipexample'). Sur ('hide.bs.tooltip', fonction () {// faire quelque chose ...})</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6764" id="label_qcm_22929_label" class="form-check-input qcm_6764 bg-primary" id_question="6764" value="22929">
                                            <label class="form-check-label" for="label_qcm_22929_label">$ ('# Tooltipexample'). Sur ('Hidden.bs.tooltip', fonction () {// faire quelque chose ...})</label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="284" curentquestion="284">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="284" typequestion="qcm" idquestion="6764">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="284" curentquestion="284">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_285">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 285 </h6>
                            <h5 class="mb-3"> Comment définir un en-tête de niveau 3 en HTML ? </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_112" id="label_qcm_446_label" class="form-check-input qcm_112 bg-primary" id_question="112" value="446">
                                            <label class="form-check-label" for="label_qcm_446_label"><h2>Titre de niveau 3</h2></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_112" id="label_qcm_447_label" class="form-check-input qcm_112 bg-primary" id_question="112" value="447">
                                            <label class="form-check-label" for="label_qcm_447_label"><header>Titre de niveau 3</header></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_112" id="label_qcm_448_label" class="form-check-input qcm_112 bg-primary" id_question="112" value="448">
                                            <label class="form-check-label" for="label_qcm_448_label"><heading>Titre de niveau 3</heading></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_112" id="label_qcm_445_label" class="form-check-input qcm_112 bg-primary" id_question="112" value="445">
                                            <label class="form-check-label" for="label_qcm_445_label"><h3>Titre de niveau 3</h3></label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="285" curentquestion="285">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="285" typequestion="qcm" idquestion="112">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="285" curentquestion="285">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_286">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 286 </h6>
                            <h5 class="mb-3"> Quelle balise HTML est utilisée pour insérer un titre de niveau 1 ? </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_25" id="label_qcm_97_label" class="form-check-input qcm_25 bg-primary" id_question="25" value="97">
                                            <label class="form-check-label" for="label_qcm_97_label"><h1></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_25" id="label_qcm_98_label" class="form-check-input qcm_25 bg-primary" id_question="25" value="98">
                                            <label class="form-check-label" for="label_qcm_98_label"><h2></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_25" id="label_qcm_99_label" class="form-check-input qcm_25 bg-primary" id_question="25" value="99">
                                            <label class="form-check-label" for="label_qcm_99_label"><p></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_25" id="label_qcm_100_label" class="form-check-input qcm_25 bg-primary" id_question="25" value="100">
                                            <label class="form-check-label" for="label_qcm_100_label"><div></label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="286" curentquestion="286">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="286" typequestion="qcm" idquestion="25">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="286" curentquestion="286">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_287">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 287 </h6>
                            <h5 class="mb-3"> Quelle balise HTML permet de créer un paragraphe ? </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_39" id="label_qcm_156_label" class="form-check-input qcm_39 bg-primary" id_question="39" value="156">
                                            <label class="form-check-label" for="label_qcm_156_label"><article>Ce texte est un paragraphe.</article></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_39" id="label_qcm_154_label" class="form-check-input qcm_39 bg-primary" id_question="39" value="154">
                                            <label class="form-check-label" for="label_qcm_154_label"><div>Ce texte est un paragraphe.</div></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_39" id="label_qcm_153_label" class="form-check-input qcm_39 bg-primary" id_question="39" value="153">
                                            <label class="form-check-label" for="label_qcm_153_label"><p>Ce texte est un paragraphe.</p></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_39" id="label_qcm_155_label" class="form-check-input qcm_39 bg-primary" id_question="39" value="155">
                                            <label class="form-check-label" for="label_qcm_155_label"><section>Ce texte est un paragraphe.</section></label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="287" curentquestion="287">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="287" typequestion="qcm" idquestion="39">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="287" curentquestion="287">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_288">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 288 </h6>
                            <h5 class="mb-3"> Quelle balise HTML est utilisée pour créer un lien ? </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_104" id="label_qcm_415_label" class="form-check-input qcm_104 bg-primary" id_question="104" value="415">
                                            <label class="form-check-label" for="label_qcm_415_label"><url href="https://www.example.com">Visiter</url></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_104" id="label_qcm_413_label" class="form-check-input qcm_104 bg-primary" id_question="104" value="413">
                                            <label class="form-check-label" for="label_qcm_413_label"><a href="https://www.example.com">Visiter</a></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_104" id="label_qcm_416_label" class="form-check-input qcm_104 bg-primary" id_question="104" value="416">
                                            <label class="form-check-label" for="label_qcm_416_label"><anchor href="https://www.example.com">Visiter</anchor></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_104" id="label_qcm_414_label" class="form-check-input qcm_104 bg-primary" id_question="104" value="414">
                                            <label class="form-check-label" for="label_qcm_414_label"><link href="https://www.example.com">Visiter</link></label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="288" curentquestion="288">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="288" typequestion="qcm" idquestion="104">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="288" curentquestion="288">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_289">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 289 </h6>
                            <h5 class="mb-3"> Quelle balise HTML permet de créer un champ de saisie de texte dans un formulaire ? </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_139" id="label_qcm_555_label" class="form-check-input qcm_139 bg-primary" id_question="139" value="555">
                                            <label class="form-check-label" for="label_qcm_555_label"><input type="textbox"></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_139" id="label_qcm_554_label" class="form-check-input qcm_139 bg-primary" id_question="139" value="554">
                                            <label class="form-check-label" for="label_qcm_554_label"><textbox></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_139" id="label_qcm_553_label" class="form-check-input qcm_139 bg-primary" id_question="139" value="553">
                                            <label class="form-check-label" for="label_qcm_553_label"><input type="text"></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_139" id="label_qcm_556_label" class="form-check-input qcm_139 bg-primary" id_question="139" value="556">
                                            <label class="form-check-label" for="label_qcm_556_label"><textfield></label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="289" curentquestion="289">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="289" typequestion="qcm" idquestion="139">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="289" curentquestion="289">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_290">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 290 </h6>
                            <h5 class="mb-3"> Quel attribut permet de spécifier l'URL d'une page cible dans une balise <code><a></code> ? </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_122" id="label_qcm_485_label" class="form-check-input qcm_122 bg-primary" id_question="122" value="485">
                                            <label class="form-check-label" for="label_qcm_485_label">href="https://www.example.com"</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_122" id="label_qcm_488_label" class="form-check-input qcm_122 bg-primary" id_question="122" value="488">
                                            <label class="form-check-label" for="label_qcm_488_label">target="https://www.example.com"</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_122" id="label_qcm_486_label" class="form-check-input qcm_122 bg-primary" id_question="122" value="486">
                                            <label class="form-check-label" for="label_qcm_486_label">link="https://www.example.com"</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_122" id="label_qcm_487_label" class="form-check-input qcm_122 bg-primary" id_question="122" value="487">
                                            <label class="form-check-label" for="label_qcm_487_label">src="https://www.example.com"</label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="290" curentquestion="290">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="290" typequestion="qcm" idquestion="122">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="290" curentquestion="290">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_291">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 291 </h6>
                            <h5 class="mb-3"> HTML : Comment se compose une balise fermante ?<br />
 </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6762" id="label_qcm_22921_label" class="form-check-input qcm_6762 bg-primary" id_question="6762" value="22921">
                                            <label class="form-check-label" for="label_qcm_22921_label">: /div :<br />
</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6762" id="label_qcm_22919_label" class="form-check-input qcm_6762 bg-primary" id_question="6762" value="22919">
                                            <label class="form-check-label" for="label_qcm_22919_label">/ : div :<br />
</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6762" id="label_qcm_22918_label" class="form-check-input qcm_6762 bg-primary" id_question="6762" value="22918">
                                            <label class="form-check-label" for="label_qcm_22918_label">: div : /<br />
</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6762" id="label_qcm_22920_label" class="form-check-input qcm_6762 bg-primary" id_question="6762" value="22920">
                                            <label class="form-check-label" for="label_qcm_22920_label">: div/ :<br />
</label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="291" curentquestion="291">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="291" typequestion="qcm" idquestion="6762">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="291" curentquestion="291">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_292">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 292 </h6>
                            <h5 class="mb-3"> Quelle balise HTML est utilisée pour créer un lien hypertexte ? </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_157" id="label_qcm_628_label" class="form-check-input qcm_157 bg-primary" id_question="157" value="628">
                                            <label class="form-check-label" for="label_qcm_628_label"><url href="https://www.example.com">Aller sur Example</url></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_157" id="label_qcm_626_label" class="form-check-input qcm_157 bg-primary" id_question="157" value="626">
                                            <label class="form-check-label" for="label_qcm_626_label"><link href="https://www.example.com">Aller sur Example</link></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_157" id="label_qcm_627_label" class="form-check-input qcm_157 bg-primary" id_question="157" value="627">
                                            <label class="form-check-label" for="label_qcm_627_label"><hyperlink href="https://www.example.com">Aller sur Example</hyperlink></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_157" id="label_qcm_625_label" class="form-check-input qcm_157 bg-primary" id_question="157" value="625">
                                            <label class="form-check-label" for="label_qcm_625_label"><a href="https://www.example.com">Aller sur Example</a></label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="292" curentquestion="292">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="292" typequestion="qcm" idquestion="157">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="292" curentquestion="292">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_293">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 293 </h6>
                            <h5 class="mb-3"> Quel attribut spécifie que l'élément HTML doit s'étendre sur plusieurs colonnes dans une table ? </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_5" id="label_qcm_20_label" class="form-check-input qcm_5 bg-primary" id_question="5" value="20">
                                            <label class="form-check-label" for="label_qcm_20_label">span</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_5" id="label_qcm_17_label" class="form-check-input qcm_5 bg-primary" id_question="5" value="17">
                                            <label class="form-check-label" for="label_qcm_17_label">colspan</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_5" id="label_qcm_18_label" class="form-check-input qcm_5 bg-primary" id_question="5" value="18">
                                            <label class="form-check-label" for="label_qcm_18_label">rowspan</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_5" id="label_qcm_19_label" class="form-check-input qcm_5 bg-primary" id_question="5" value="19">
                                            <label class="form-check-label" for="label_qcm_19_label">merge</label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="293" curentquestion="293">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="293" typequestion="qcm" idquestion="5">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="293" curentquestion="293">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_294">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 294 </h6>
                            <h5 class="mb-3"> Lequel des éléments suivants doit être inclus à l'intérieur de la tête d'un document HTML pour un rendu et un zoom toucher appropriés? </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6744" id="label_qcm_22846_label" class="form-check-input qcm_6744 bg-primary" id_question="6744" value="22846">
                                            <label class="form-check-label" for="label_qcm_22846_label">Aucune de ces réponses</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6744" id="label_qcm_22845_label" class="form-check-input qcm_6744 bg-primary" id_question="6744" value="22845">
                                            <label class="form-check-label" for="label_qcm_22845_label"> <meta name = & quot; Viewsport & quot; contenu = & quot; width = wid-width, initial-scale = 1 & quot;></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6744" id="label_qcm_22843_label" class="form-check-input qcm_6744 bg-primary" id_question="6744" value="22843">
                                            <label class="form-check-label" for="label_qcm_22843_label">Meta name = & quot; Visionnaux & quot; contenu = & quot; width = wid-width, initial-scale = 1 & quot;></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6744" id="label_qcm_22844_label" class="form-check-input qcm_6744 bg-primary" id_question="6744" value="22844">
                                            <label class="form-check-label" for="label_qcm_22844_label"><méta name = & quot; fenêtre & quot; contenu = & quot; width = wid-width, initial-échelle = 1 & quot;></label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="294" curentquestion="294">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="294" typequestion="qcm" idquestion="6744">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="294" curentquestion="294">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_295">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 295 </h6>
                            <h5 class="mb-3"> Quelle est la différence entre <code><div></code> et <code><span></code> ? </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_193" id="label_qcm_771_label" class="form-check-input qcm_193 bg-primary" id_question="193" value="771">
                                            <label class="form-check-label" for="label_qcm_771_label">La balise <code><span></code> est utilisée pour les listes, <code><div></code> pour les images.</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_193" id="label_qcm_769_label" class="form-check-input qcm_193 bg-primary" id_question="193" value="769">
                                            <label class="form-check-label" for="label_qcm_769_label">La balise <code><div></code> est un élément de bloc, tandis que <code><span></code> est un élément en ligne.</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_193" id="label_qcm_772_label" class="form-check-input qcm_193 bg-primary" id_question="193" value="772">
                                            <label class="form-check-label" for="label_qcm_772_label">La balise <code><div></code> est utilisée pour les textes, <code><span></code> pour les titres.</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_193" id="label_qcm_770_label" class="form-check-input qcm_193 bg-primary" id_question="193" value="770">
                                            <label class="form-check-label" for="label_qcm_770_label">Les deux balises ont la même fonction et sont interchangeables.</label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="295" curentquestion="295">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="295" typequestion="qcm" idquestion="193">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="295" curentquestion="295">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_296">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 296 </h6>
                            <h5 class="mb-3"> Quelle propriété CSS est utilisée pour définir l'espacement intérieur d'un élément ? </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6728" id="label_qcm_22778_label" class="form-check-input qcm_6728 bg-primary" id_question="6728" value="22778">
                                            <label class="form-check-label" for="label_qcm_22778_label"> margin</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6728" id="label_qcm_22779_label" class="form-check-input qcm_6728 bg-primary" id_question="6728" value="22779">
                                            <label class="form-check-label" for="label_qcm_22779_label">border</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6728" id="label_qcm_22777_label" class="form-check-input qcm_6728 bg-primary" id_question="6728" value="22777">
                                            <label class="form-check-label" for="label_qcm_22777_label">padding</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6728" id="label_qcm_22780_label" class="form-check-input qcm_6728 bg-primary" id_question="6728" value="22780">
                                            <label class="form-check-label" for="label_qcm_22780_label">spacing</label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="296" curentquestion="296">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="296" typequestion="qcm" idquestion="6728">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="296" curentquestion="296">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_297">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 297 </h6>
                            <h5 class="mb-3"> Quel est le rôle de la balise <code><meta></code> dans la section <code><head></code> ? </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_36" id="label_qcm_144_label" class="form-check-input qcm_36 bg-primary" id_question="36" value="144">
                                            <label class="form-check-label" for="label_qcm_144_label">Créer un paragraphe</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_36" id="label_qcm_142_label" class="form-check-input qcm_36 bg-primary" id_question="36" value="142">
                                            <label class="form-check-label" for="label_qcm_142_label">Définir la couleur du texte</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_36" id="label_qcm_143_label" class="form-check-input qcm_36 bg-primary" id_question="36" value="143">
                                            <label class="form-check-label" for="label_qcm_143_label">Ajouter un lien vers un fichier CSS</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_36" id="label_qcm_141_label" class="form-check-input qcm_36 bg-primary" id_question="36" value="141">
                                            <label class="form-check-label" for="label_qcm_141_label">Fournir des métadonnées pour le document</label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="297" curentquestion="297">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="297" typequestion="qcm" idquestion="36">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="297" curentquestion="297">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_298">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 298 </h6>
                            <h5 class="mb-3"> Quelle classe façonne une image à un cercle? </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6704" id="label_qcm_22680_label" class="form-check-input qcm_6704 bg-primary" id_question="6704" value="22680">
                                            <label class="form-check-label" for="label_qcm_22680_label">.img-circle</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6704" id="label_qcm_22681_label" class="form-check-input qcm_6704 bg-primary" id_question="6704" value="22681">
                                            <label class="form-check-label" for="label_qcm_22681_label">  .Img.</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6704" id="label_qcm_22678_label" class="form-check-input qcm_6704 bg-primary" id_question="6704" value="22678">
                                            <label class="form-check-label" for="label_qcm_22678_label">.Img-Thumbnail</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_6704" id="label_qcm_22679_label" class="form-check-input qcm_6704 bg-primary" id_question="6704" value="22679">
                                            <label class="form-check-label" for="label_qcm_22679_label">.img-tour</label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="298" curentquestion="298">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="298" typequestion="qcm" idquestion="6704">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="298" curentquestion="298">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_299">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 299 </h6>
                            <h5 class="mb-3"> Quel attribut HTML est utilisé pour spécifier l'encodage de caractère d'une page ? </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_108" id="label_qcm_430_label" class="form-check-input qcm_108 bg-primary" id_question="108" value="430">
                                            <label class="form-check-label" for="label_qcm_430_label">charset="ISO-8859-1"</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_108" id="label_qcm_432_label" class="form-check-input qcm_108 bg-primary" id_question="108" value="432">
                                            <label class="form-check-label" for="label_qcm_432_label">encoding="ISO-8859-1"</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_108" id="label_qcm_429_label" class="form-check-input qcm_108 bg-primary" id_question="108" value="429">
                                            <label class="form-check-label" for="label_qcm_429_label">charset="UTF-8"</label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_108" id="label_qcm_431_label" class="form-check-input qcm_108 bg-primary" id_question="108" value="431">
                                            <label class="form-check-label" for="label_qcm_431_label">encoding="UTF-8"</label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="299" curentquestion="299">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="299" typequestion="qcm" idquestion="108">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-primary mt-3 px-5 text-end next" numeroQuestion="299" curentquestion="299">
                                            Suivant 
                                            <i class="ms-2 fas fa-chevron-right"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                                                        <div class="card mb-5 border-2 border-primary" hidden>
                        <div class="card-body" id="question_no_300">
                        
                            <h6 class="mb-3 text-primary fw-bold"> Question n<sup>o</sup> 300 </h6>
                            <h5 class="mb-3"> Comment peut-on rendre une image cliquable en HTML ? </h5>
    
                                                                                                                                <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_148" id="label_qcm_590_label" class="form-check-input qcm_148 bg-primary" id_question="148" value="590">
                                            <label class="form-check-label" for="label_qcm_590_label"><a img="image.jpg">Click Here</a></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_148" id="label_qcm_591_label" class="form-check-input qcm_148 bg-primary" id_question="148" value="591">
                                            <label class="form-check-label" for="label_qcm_591_label"><image href="https://www.example.com"></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_148" id="label_qcm_592_label" class="form-check-input qcm_148 bg-primary" id_question="148" value="592">
                                            <label class="form-check-label" for="label_qcm_592_label"><a href="image.jpg">Click Me</a></label> 
                                        </div>
                                    </span>
                                                                    <span class="mx-2"> 
                                        <div class="form-check form-switch mb-0">
                                            <input type="checkbox" name="cu_148" id="label_qcm_589_label" class="form-check-input qcm_148 bg-primary" id_question="148" value="589">
                                            <label class="form-check-label" for="label_qcm_589_label"><a href="https://www.example.com"><img src="image.jpg"></a></label> 
                                        </div>
                                    </span>
                                                                
                            <div class="row g-2">
                                <div class="col-md-6">
                                                                            <button class="btn btn-primary mt-3 px-5 text-end prev" numeroQuestion="300" curentquestion="300">
                                            <i class="me-2 fas fa-chevron-left"></i>
                                            Précédent 
                                        </button>
                                                                    </div>
                                <div class="col-md-6 text-end">
                                    <button class="btn btn-success mt-3 px-5 text-end me-5 validerquestion qcm" numeroQuestion="300" typequestion="qcm" idquestion="148">
                                        Vérifier 
                                        <i class="ms-2 fas fa-download"></i>
                                    </button>
                                                                            <button class="btn btn-danger mt-3 px-5 text-end terminer" numeroQuestion="300" curentquestion="300">
                                            Terminer 
                                            <i class="ms-2 fab fa-google-wallet"></i>
                                        </button>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                            </div>

<div id="note" hidden>
                <div class="card border-2 border-primary">
                    <div class="card-body text-center fw-bold">
                        <span class="fs-3"> Quiz terminer</span> <br>
                        <span class="text-success reussite" style="font-size: 125px;">0</span> 
                        <span style="font-size: 125px;">/</span> 
                        <span class="text-primary" style="font-size: 125px;">300</span>
                    </div>
                </div>
            </div>
        </div>
    </div>

<div class="modal fade" id="info_modal" tabindex="-1">
        <div class="modal-dialog modal-dialog-scrollable">
            <form class="modal-content">
                <div class="modal-header d-flex justify-content-between align-items-center">
                    <h6 class="modal-title mb-0" id="backDropModalTitle">Réponse</h6>
                    <div>
                        <div class="input-group pe-0">
                            <button type="button" class="btn btn-label-danger btn-sm me-2" data-bs-dismiss="modal">Fermer</button>
                        </div>
                    </div>
                </div>
                <div class="modal-body" id="info_modal_body">
                    
                </div>
            </form>
        </div>
    </div>

<footer class="landing-footer bg-body footer-text">
                <div class="footer-bottom py-3 py-md-5">
            <div class="container d-flex flex-wrap justify-content-between flex-md-row flex-column text-center text-md-start">
                <div class="mb-2 mb-md-0">
                    <span class="footer-bottom-text">© 2025</span>
                    <a href="https://quizos.site" target="_blank" class="text-white">Quizos</a> 
                    <span class="footer-bottom-text">par</span> 
                    <a href="https://bluelifetech.site" target="_blank" class="text-white">BLUE LIFE TECH,</a> 
                    <span class="footer-bottom-text">
                        Créé pour rendre l'apprentissage interactif et amusant.
                    </span>
                </div>
                
                            </div>
        </div>
    </footer>

</html>

Question no 1

Pourquoi la balise <meta charset="UTF-8"> est-elle utilisée ?

Question no 2

Quel est le rôle de l'attribut alt dans la balise <img> ?

Question no 3

Quelle balise HTML est utilisée pour insérer une liste ordonnée ?

Question no 4

Lequel des éléments suivants est la description correcte de .Offset * Classe?

Question no 5

Quel attribut HTML permet à une cellule de tableau de s'étendre sur plusieurs colonnes ?

Question no 6

Quel attribut HTML est utilisé pour ouvrir un lien dans un nouvel onglet ?

Question no 7

Quelle propriété CSS permet de contrôler l'affichage des éléments en ligne ?

Question no 8

Quel attribut HTML est utilisé pour créer un champ de texte dans un formulaire ?

Question no 9

Quelle balise HTML est utilisée pour ajouter une ligne horizontale ?

Question no 10

Les plugins bootstrap peuvent-ils être inclus individuellement?

Question no 11

Quelle balise HTML est utilisée pour définir un paragraphe ?

Question no 12

Quelle propriété CSS est utilisée pour définir une ombre portée sur le texte ?

Question no 13

Quel élément HTML est utilisé pour insérer un fichier JavaScript ?

Question no 14

Laquelle des propriétés CSS suivantes est utilisée pour spécifier les bordures de table en CSS ?

Question no 15

Comment spécifier la taille d'une image en HTML ?

Question no 16

Quel est l'effet de l'attribut rel dans la balise <link> ?

Question no 17

Comment ajouter une image dans une page HTML ?

Question no 18

Comment ajouter des commentaires dans un fichier HTML ?

Question no 19

Quelle balise HTML est utilisée pour insérer un tableau ?

Question no 20

Quelle balise HTML est utilisée pour afficher un lien hypertexte ?

Question no 21

Quel style de bootstrap fait apparaître un ensemble de boutons empilés verticalement plutôt que horizontalement?

Question no 22

Quel attribut est utilisé pour définir la largeur d'une image ?

Question no 23

Comment supprimer un style de liste pour les listes imbriquées?

Question no 24

Quelle balise HTML est utilisée pour définir un paragraphe ?

Question no 25

Quelle balise HTML est utilisée pour créer une ligne de séparation ?

Question no 26

Quel élément HTML est utilisé pour insérer une ligne horizontale ?

Question no 27

Quel paquet d'icônes est officiellement inclus dans Bootstrap?

Question no 28

Comment un texte majuscule est-il fabriqué en utilisant uniquement des classes de bootstrap?

Question no 29

Quel attribut HTML permet de spécifier la largeur d'une image ?

Question no 30

Comment appliquer une couleur de fond à un élément en CSS ?

Question no 31

Quelle est la hauteur de ligne par défaut tout en utilisant Twitter Bootstrap?

Question no 32

Quel est l'impact de l'attribut defer dans la balise <script> ?

Question no 33

Quelle balise HTML est utilisée pour inclure une vidéo ?

Question no 34

Quels requêtes médiatiques sont disponibles en moins d'options pour faire de la meilleure interface utilisateur pour les appareils mobiles?

Question no 35

Quelle propriété CSS est utilisée pour définir la hauteur d'un élément ?

Question no 36

Quel élément HTML est utilisé pour afficher une liste ordonnée ?

Question no 37

Quelle balise HTML est utilisée pour définir un champ de saisie de texte ?

Question n^o 1

Pourquoi la balise `<meta charset="UTF-8">` est-elle utilisée ?

Question n^o 2

Quel est le rôle de l'attribut `alt` dans la balise `<img>` ?

Question n^o 3

Question n^o 4

Question n^o 5

Question n^o 6

Question n^o 7

Question n^o 8

Question n^o 9

Question n^o 10

Question n^o 11

Question n^o 12

Question n^o 13

Question n^o 14

Question n^o 15

Question n^o 16

Quel est l'effet de l'attribut `rel` dans la balise `<link>` ?

Question n^o 17

Question n^o 18

Question n^o 19

Question n^o 20

Question n^o 21

Question n^o 22

Question n^o 23

Question n^o 24

Question n^o 25

Question n^o 26

Question n^o 27

Question n^o 28

Question n^o 29

Question n^o 30

Question n^o 31

Question n^o 32

Quel est l'impact de l'attribut `defer` dans la balise `<script>` ?

Question n^o 33

Question n^o 34

Question n^o 35

Question n^o 36

Question n^o 37