Intégrer des Pages Web avec des Iframes HTML

Introduction

La balise <iframe> est utilisée pour intégrer une page web dans une autre page web. Dans ce laboratoire, vous allez apprendre à utiliser la balise <iframe> pour afficher une autre page web dans votre page web actuelle.

Note: Vous pouvez pratiquer la programmation dans index.html et apprendre Comment écrire du HTML dans Visual Studio Code. Cliquez sur 'Go Live' dans le coin inférieur droit pour exécuter le service web sur le port 8080. Ensuite, vous pouvez actualiser l'onglet Web 8080 pour prévisualiser la page web.

Ajout de la balise à votre fichier HTML</h2> <p>Pour ajouter une <code><iframe></code> à votre fichier HTML, vous devez utiliser les balises d'ouverture et de fermeture <code><iframe></code> et inclure l'attribut <code>src</code>, qui spécifie l'URL de la page web à afficher. Voici un exemple de balise <code><iframe></code> :</p> <pre><code class="language-html"><iframe src="https://www.example.com"></iframe> </code></pre> <div class="pt-24 -mt-20 relative -z-10 anchor-item" id="d%C3%A9finition-de-la-hauteur-et-de-la-largeur-de-la-%3Ciframe%3E"></div> <h2 id="définition-de-la-hauteur-et-de-la-largeur-de-la-">Définition de la hauteur et de la largeur de la <iframe></h2> <p>Vous pouvez utiliser les attributs <code>height</code> et <code>width</code> pour ajuster la taille de la <code><iframe></code> selon vos besoins. Les attributs <code>height</code> et <code>width</code> prennent des valeurs en pixels, en pourcentage ou en em. Voici un exemple :</p> <pre><code class="language-html"><iframe src="https://www.example.com" height="500" width="500"></iframe> </code></pre> <div class="pt-24 -mt-20 relative -z-10 anchor-item" id="contr%C3%B4le-des-fonctionnalit%C3%A9s-d'affichage-avec-les-attributs-sandbox-et-allow"></div> <h2 id="contrôle-des-fonctionnalités-daffichage-avec-les-attributs-sandbox-et-allow">Contrôle des fonctionnalités d'affichage avec les attributs sandbox et allow</h2> <p>Vous pouvez utiliser les attributs <code>sandbox</code> et <code>allow</code> pour contrôler diverses fonctionnalités de la <code><iframe></code>, telles que l'autorisation d'affichage en plein écran, l'activation de l'exécution de scripts à l'intérieur de la <code><iframe></code>. Voici un exemple :</p> <pre><code class="language-html"><iframe src="https://www.example.com" sandbox="allow-modals allow-forms" ></iframe> </code></pre> <div class="pt-24 -mt-20 relative -z-10 anchor-item" id="utilisation-de-contenu-alternatif"></div> <h2 id="utilisation-de-contenu-alternatif">Utilisation de contenu alternatif</h2> <p>Il est recommandé d'utiliser des balises <code><iframe></code> avec un contenu <code>alternatif</code> à afficher si le navigateur ne prend pas en charge les cadres en ligne. Vous pouvez ajouter le texte alternatif entre les balises d'ouverture et de fermeture <code><iframe></code>, qui sera affiché si la balise <code><iframe></code> n'est pas prise en charge. Voici un exemple :</p> <pre><code class="language-html"><iframe src="https://www.example.com" height="500" width="500" >Votre navigateur ne prend pas en charge les cadres en ligne.</iframe > </code></pre> <div class="pt-24 -mt-20 relative -z-10 anchor-item" id="r%C3%A9sum%C3%A9"></div> <h2 id="résumé">Résumé</h2> <p>Félicitations ! Vous avez appris à utiliser la balise <code><iframe></code> pour afficher une autre page web dans votre page web actuelle. N'oubliez pas de définir l'attribut <code>src</code> sur l'URL de la page web que vous voulez afficher, et d'utiliser les attributs <code>height</code> et <code>width</code> pour ajuster l'affichage selon vos besoins. Vous pouvez également utiliser les attributs <code>sandbox</code> et <code>allow</code> pour contrôler diverses fonctionnalités de la <code><iframe></code>. De plus, assurez-vous d'inclure un contenu alternatif pour les navigateurs qui ne prennent pas en charge la balise <code><iframe></code>.</p> </article></div></div></div></div><span></span></div><div class="w-40 hidden lg:block shrink-0 sticky top-24"><div id="tutorial-detail-sidebar"><div class="mb-10"><p class="text-xs font-bold uppercase mt-10">partager</p><div class="flex gap-2 mt-5"><a class="focus:outline-none disabled:cursor-not-allowed disabled:opacity-75 flex-shrink-0 font-medium rounded-md text-sm gap-x-1.5 p-1.5 shadow-sm dark:text-gray-900 disabled:bg-primary-500 dark:bg-primary-400 dark:hover:bg-primary-500 dark:disabled:bg-primary-400 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary-500 dark:focus-visible:outline-primary-400 inline-flex items-center text-gray-800 bg-gray-200 hover:bg-gray-300" aria-label="Partager sur Twitter" href="https://twitter.com/intent/tweet?text=Int%C3%A9grer%20des%20Pages%20Web%20avec%20des%20Iframes%20HTML%20%7C%20LabEx&url=https://labex.io/fr/tutorials/html-html-embedded-html-page-70775" rel="noopener noreferrer" target="_blank"><svg class="svg-icon" aria-hidden="true"><use href="/_nuxt/icons.BMd9ddKk.svg#twitter" fill="#333"></use></svg></a><a class="focus:outline-none disabled:cursor-not-allowed disabled:opacity-75 flex-shrink-0 font-medium rounded-md text-sm gap-x-1.5 p-1.5 shadow-sm dark:text-gray-900 disabled:bg-primary-500 dark:bg-primary-400 dark:hover:bg-primary-500 dark:disabled:bg-primary-400 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary-500 dark:focus-visible:outline-primary-400 inline-flex items-center text-gray-800 bg-gray-200 hover:bg-gray-300" aria-label="Partager sur Facebook" href="https://www.facebook.com/sharer.php?title=Int%C3%A9grer%20des%20Pages%20Web%20avec%20des%20Iframes%20HTML%20%7C%20LabEx&u=https://labex.io/fr/tutorials/html-html-embedded-html-page-70775" rel="noopener noreferrer" target="_blank"><svg class="svg-icon" aria-hidden="true"><use href="/_nuxt/icons.BMd9ddKk.svg#facebook" fill="#333"></use></svg></a><a class="focus:outline-none disabled:cursor-not-allowed disabled:opacity-75 flex-shrink-0 font-medium rounded-md text-sm gap-x-1.5 p-1.5 shadow-sm dark:text-gray-900 disabled:bg-primary-500 dark:bg-primary-400 dark:hover:bg-primary-500 dark:disabled:bg-primary-400 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary-500 dark:focus-visible:outline-primary-400 inline-flex items-center text-gray-800 bg-gray-200 hover:bg-gray-300" aria-label="Partager sur Google Classroom" href="https://classroom.google.com/share?url=https://labex.io/fr/tutorials/html-html-embedded-html-page-70775" rel="noopener noreferrer" target="_blank"><svg class="svg-icon" aria-hidden="true"><use href="/_nuxt/icons.BMd9ddKk.svg#google-classroom-black" fill="#333"></use></svg></a></div></div><p class="text-xs font-bold uppercase">sujets</p><div class="flex flex-wrap gap-1 mt-5"><a class="focus:outline-none disabled:cursor-not-allowed disabled:opacity-75 flex-shrink-0 font-medium rounded-md text-xs gap-x-1.5 px-2.5 py-1.5 dark:text-gray-900 disabled:bg-primary-500 dark:bg-primary-400 dark:hover:bg-primary-500 dark:disabled:bg-primary-400 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary-500 dark:focus-visible:outline-primary-400 inline-flex items-center text-gray-800 bg-gray-200 hover:bg-gray-300 shadow-none" href="/fr/tutorials/category/linux">Linux</a><a class="focus:outline-none disabled:cursor-not-allowed disabled:opacity-75 flex-shrink-0 font-medium rounded-md text-xs gap-x-1.5 px-2.5 py-1.5 dark:text-gray-900 disabled:bg-primary-500 dark:bg-primary-400 dark:hover:bg-primary-500 dark:disabled:bg-primary-400 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary-500 dark:focus-visible:outline-primary-400 inline-flex items-center text-gray-800 bg-gray-200 hover:bg-gray-300 shadow-none" href="/fr/tutorials/category/devops">DevOps</a><a class="focus:outline-none disabled:cursor-not-allowed disabled:opacity-75 flex-shrink-0 font-medium rounded-md text-xs gap-x-1.5 px-2.5 py-1.5 dark:text-gray-900 disabled:bg-primary-500 dark:bg-primary-400 dark:hover:bg-primary-500 dark:disabled:bg-primary-400 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary-500 dark:focus-visible:outline-primary-400 inline-flex items-center text-gray-800 bg-gray-200 hover:bg-gray-300 shadow-none" href="/fr/tutorials/category/cybersecurity">Cybersécurité</a><a class="focus:outline-none disabled:cursor-not-allowed disabled:opacity-75 flex-shrink-0 font-medium rounded-md text-xs gap-x-1.5 px-2.5 py-1.5 dark:text-gray-900 disabled:bg-primary-500 dark:bg-primary-400 dark:hover:bg-primary-500 dark:disabled:bg-primary-400 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary-500 dark:focus-visible:outline-primary-400 inline-flex items-center text-gray-800 bg-gray-200 hover:bg-gray-300 shadow-none" href="/fr/tutorials/category/kali">Kali Linux</a><a class="focus:outline-none disabled:cursor-not-allowed disabled:opacity-75 flex-shrink-0 font-medium rounded-md text-xs gap-x-1.5 px-2.5 py-1.5 dark:text-gray-900 disabled:bg-primary-500 dark:bg-primary-400 dark:hover:bg-primary-500 dark:disabled:bg-primary-400 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary-500 dark:focus-visible:outline-primary-400 inline-flex items-center text-gray-800 bg-gray-200 hover:bg-gray-300 shadow-none" href="/fr/tutorials/category/devops-engineer">DevOps Engineer</a><a class="focus:outline-none disabled:cursor-not-allowed disabled:opacity-75 flex-shrink-0 font-medium rounded-md text-xs gap-x-1.5 px-2.5 py-1.5 dark:text-gray-900 disabled:bg-primary-500 dark:bg-primary-400 dark:hover:bg-primary-500 dark:disabled:bg-primary-400 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary-500 dark:focus-visible:outline-primary-400 inline-flex items-center text-gray-800 bg-gray-200 hover:bg-gray-300 shadow-none" href="/fr/tutorials/category/cybersecurity-engineer">Cybersecurity Engineer</a><a class="focus:outline-none disabled:cursor-not-allowed disabled:opacity-75 flex-shrink-0 font-medium rounded-md text-xs gap-x-1.5 px-2.5 py-1.5 dark:text-gray-900 disabled:bg-primary-500 dark:bg-primary-400 dark:hover:bg-primary-500 dark:disabled:bg-primary-400 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary-500 dark:focus-visible:outline-primary-400 inline-flex items-center text-gray-800 bg-gray-200 hover:bg-gray-300 shadow-none" href="/fr/tutorials/category/database">Base de données</a><a class="focus:outline-none disabled:cursor-not-allowed disabled:opacity-75 flex-shrink-0 font-medium rounded-md text-xs gap-x-1.5 px-2.5 py-1.5 dark:text-gray-900 disabled:bg-primary-500 dark:bg-primary-400 dark:hover:bg-primary-500 dark:disabled:bg-primary-400 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary-500 dark:focus-visible:outline-primary-400 inline-flex items-center text-gray-800 bg-gray-200 hover:bg-gray-300 shadow-none" href="/fr/tutorials/category/datascience">Science des données</a><a class="focus:outline-none disabled:cursor-not-allowed disabled:opacity-75 flex-shrink-0 font-medium rounded-md text-xs gap-x-1.5 px-2.5 py-1.5 dark:text-gray-900 disabled:bg-primary-500 dark:bg-primary-400 dark:hover:bg-primary-500 dark:disabled:bg-primary-400 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary-500 dark:focus-visible:outline-primary-400 inline-flex items-center text-gray-800 bg-gray-200 hover:bg-gray-300 shadow-none" href="/fr/tutorials/category/rhel">Red Hat Enterprise Linux</a><a class="focus:outline-none disabled:cursor-not-allowed disabled:opacity-75 flex-shrink-0 font-medium rounded-md text-xs gap-x-1.5 px-2.5 py-1.5 dark:text-gray-900 disabled:bg-primary-500 dark:bg-primary-400 dark:hover:bg-primary-500 dark:disabled:bg-primary-400 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary-500 dark:focus-visible:outline-primary-400 inline-flex items-center text-gray-800 bg-gray-200 hover:bg-gray-300 shadow-none" href="/fr/tutorials/category/comptia">CompTIA</a><a class="focus:outline-none disabled:cursor-not-allowed disabled:opacity-75 flex-shrink-0 font-medium rounded-md text-xs gap-x-1.5 px-2.5 py-1.5 dark:text-gray-900 disabled:bg-primary-500 dark:bg-primary-400 dark:hover:bg-primary-500 dark:disabled:bg-primary-400 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary-500 dark:focus-visible:outline-primary-400 inline-flex items-center text-gray-800 bg-gray-200 hover:bg-gray-300 shadow-none" href="/fr/tutorials/category/docker">Docker</a><a class="focus:outline-none disabled:cursor-not-allowed disabled:opacity-75 flex-shrink-0 font-medium rounded-md text-xs gap-x-1.5 px-2.5 py-1.5 dark:text-gray-900 disabled:bg-primary-500 dark:bg-primary-400 dark:hover:bg-primary-500 dark:disabled:bg-primary-400 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary-500 dark:focus-visible:outline-primary-400 inline-flex items-center text-gray-800 bg-gray-200 hover:bg-gray-300 shadow-none" href="/fr/tutorials/category/kubernetes">Kubernetes</a><a class="focus:outline-none disabled:cursor-not-allowed disabled:opacity-75 flex-shrink-0 font-medium rounded-md text-xs gap-x-1.5 px-2.5 py-1.5 dark:text-gray-900 disabled:bg-primary-500 dark:bg-primary-400 dark:hover:bg-primary-500 dark:disabled:bg-primary-400 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary-500 dark:focus-visible:outline-primary-400 inline-flex items-center text-gray-800 bg-gray-200 hover:bg-gray-300 shadow-none" href="/fr/tutorials/category/python">Python</a><a class="focus:outline-none disabled:cursor-not-allowed disabled:opacity-75 flex-shrink-0 font-medium rounded-md text-xs gap-x-1.5 px-2.5 py-1.5 dark:text-gray-900 disabled:bg-primary-500 dark:bg-primary-400 dark:hover:bg-primary-500 dark:disabled:bg-primary-400 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary-500 dark:focus-visible:outline-primary-400 inline-flex items-center text-gray-800 bg-gray-200 hover:bg-gray-300 shadow-none" href="/fr/tutorials/category/git">Git</a><a class="focus:outline-none disabled:cursor-not-allowed disabled:opacity-75 flex-shrink-0 font-medium rounded-md text-xs gap-x-1.5 px-2.5 py-1.5 dark:text-gray-900 disabled:bg-primary-500 dark:bg-primary-400 dark:hover:bg-primary-500 dark:disabled:bg-primary-400 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary-500 dark:focus-visible:outline-primary-400 inline-flex items-center text-gray-800 bg-gray-200 hover:bg-gray-300 shadow-none" href="/fr/tutorials/category/shell">Shell</a><a class="focus:outline-none disabled:cursor-not-allowed disabled:opacity-75 flex-shrink-0 font-medium rounded-md text-xs gap-x-1.5 px-2.5 py-1.5 dark:text-gray-900 disabled:bg-primary-500 dark:bg-primary-400 dark:hover:bg-primary-500 dark:disabled:bg-primary-400 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary-500 dark:focus-visible:outline-primary-400 inline-flex items-center text-gray-800 bg-gray-200 hover:bg-gray-300 shadow-none" href="/fr/tutorials/category/nmap">Nmap</a><a class="focus:outline-none disabled:cursor-not-allowed disabled:opacity-75 flex-shrink-0 font-medium rounded-md text-xs gap-x-1.5 px-2.5 py-1.5 dark:text-gray-900 disabled:bg-primary-500 dark:bg-primary-400 dark:hover:bg-primary-500 dark:disabled:bg-primary-400 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary-500 dark:focus-visible:outline-primary-400 inline-flex items-center text-gray-800 bg-gray-200 hover:bg-gray-300 shadow-none" href="/fr/tutorials/category/wireshark">Wireshark</a><a class="focus:outline-none disabled:cursor-not-allowed disabled:opacity-75 flex-shrink-0 font-medium rounded-md text-xs gap-x-1.5 px-2.5 py-1.5 dark:text-gray-900 disabled:bg-primary-500 dark:bg-primary-400 dark:hover:bg-primary-500 dark:disabled:bg-primary-400 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary-500 dark:focus-visible:outline-primary-400 inline-flex items-center text-gray-800 bg-gray-200 hover:bg-gray-300 shadow-none" href="/fr/tutorials/category/hydra">Hydra</a><a class="focus:outline-none disabled:cursor-not-allowed disabled:opacity-75 flex-shrink-0 font-medium rounded-md text-xs gap-x-1.5 px-2.5 py-1.5 dark:text-gray-900 disabled:bg-primary-500 dark:bg-primary-400 dark:hover:bg-primary-500 dark:disabled:bg-primary-400 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary-500 dark:focus-visible:outline-primary-400 inline-flex items-center text-gray-800 bg-gray-200 hover:bg-gray-300 shadow-none" href="/fr/tutorials/category/java">Java</a><a class="focus:outline-none disabled:cursor-not-allowed disabled:opacity-75 flex-shrink-0 font-medium rounded-md text-xs gap-x-1.5 px-2.5 py-1.5 dark:text-gray-900 disabled:bg-primary-500 dark:bg-primary-400 dark:hover:bg-primary-500 dark:disabled:bg-primary-400 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary-500 dark:focus-visible:outline-primary-400 inline-flex items-center text-gray-800 bg-gray-200 hover:bg-gray-300 shadow-none" href="/fr/tutorials/category/sqlite">SQLite</a><a class="focus:outline-none disabled:cursor-not-allowed disabled:opacity-75 flex-shrink-0 font-medium rounded-md text-xs gap-x-1.5 px-2.5 py-1.5 dark:text-gray-900 disabled:bg-primary-500 dark:bg-primary-400 dark:hover:bg-primary-500 dark:disabled:bg-primary-400 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary-500 dark:focus-visible:outline-primary-400 inline-flex items-center text-gray-800 bg-gray-200 hover:bg-gray-300 shadow-none" href="/fr/tutorials/category/postgresql">PostgreSQL</a><a class="focus:outline-none disabled:cursor-not-allowed disabled:opacity-75 flex-shrink-0 font-medium rounded-md text-xs gap-x-1.5 px-2.5 py-1.5 dark:text-gray-900 disabled:bg-primary-500 dark:bg-primary-400 dark:hover:bg-primary-500 dark:disabled:bg-primary-400 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary-500 dark:focus-visible:outline-primary-400 inline-flex items-center text-gray-800 bg-gray-200 hover:bg-gray-300 shadow-none" href="/fr/tutorials/category/mysql">MySQL</a><a class="focus:outline-none disabled:cursor-not-allowed disabled:opacity-75 flex-shrink-0 font-medium rounded-md text-xs gap-x-1.5 px-2.5 py-1.5 dark:text-gray-900 disabled:bg-primary-500 dark:bg-primary-400 dark:hover:bg-primary-500 dark:disabled:bg-primary-400 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary-500 dark:focus-visible:outline-primary-400 inline-flex items-center text-gray-800 bg-gray-200 hover:bg-gray-300 shadow-none" href="/fr/tutorials/category/redis">Redis</a><a class="focus:outline-none disabled:cursor-not-allowed disabled:opacity-75 flex-shrink-0 font-medium rounded-md text-xs gap-x-1.5 px-2.5 py-1.5 dark:text-gray-900 disabled:bg-primary-500 dark:bg-primary-400 dark:hover:bg-primary-500 dark:disabled:bg-primary-400 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary-500 dark:focus-visible:outline-primary-400 inline-flex items-center text-gray-800 bg-gray-200 hover:bg-gray-300 shadow-none" href="/fr/tutorials/category/mongodb">MongoDB</a><a class="focus:outline-none disabled:cursor-not-allowed disabled:opacity-75 flex-shrink-0 font-medium rounded-md text-xs gap-x-1.5 px-2.5 py-1.5 dark:text-gray-900 disabled:bg-primary-500 dark:bg-primary-400 dark:hover:bg-primary-500 dark:disabled:bg-primary-400 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary-500 dark:focus-visible:outline-primary-400 inline-flex items-center text-gray-800 bg-gray-200 hover:bg-gray-300 shadow-none" href="/fr/tutorials/category/go">Golang</a><a class="focus:outline-none disabled:cursor-not-allowed disabled:opacity-75 flex-shrink-0 font-medium rounded-md text-xs gap-x-1.5 px-2.5 py-1.5 dark:text-gray-900 disabled:bg-primary-500 dark:bg-primary-400 dark:hover:bg-primary-500 dark:disabled:bg-primary-400 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary-500 dark:focus-visible:outline-primary-400 inline-flex items-center text-gray-800 bg-gray-200 hover:bg-gray-300 shadow-none" href="/fr/tutorials/category/cpp">C++</a><a class="focus:outline-none disabled:cursor-not-allowed disabled:opacity-75 flex-shrink-0 font-medium rounded-md text-xs gap-x-1.5 px-2.5 py-1.5 dark:text-gray-900 disabled:bg-primary-500 dark:bg-primary-400 dark:hover:bg-primary-500 dark:disabled:bg-primary-400 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary-500 dark:focus-visible:outline-primary-400 inline-flex items-center text-gray-800 bg-gray-200 hover:bg-gray-300 shadow-none" href="/fr/tutorials/category/c">C</a><a class="focus:outline-none disabled:cursor-not-allowed disabled:opacity-75 flex-shrink-0 font-medium rounded-md text-xs gap-x-1.5 px-2.5 py-1.5 dark:text-gray-900 disabled:bg-primary-500 dark:bg-primary-400 dark:hover:bg-primary-500 dark:disabled:bg-primary-400 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary-500 dark:focus-visible:outline-primary-400 inline-flex items-center text-gray-800 bg-gray-200 hover:bg-gray-300 shadow-none" href="/fr/tutorials/category/jenkins">Jenkins</a><a class="focus:outline-none disabled:cursor-not-allowed disabled:opacity-75 flex-shrink-0 font-medium rounded-md text-xs gap-x-1.5 px-2.5 py-1.5 dark:text-gray-900 disabled:bg-primary-500 dark:bg-primary-400 dark:hover:bg-primary-500 dark:disabled:bg-primary-400 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary-500 dark:focus-visible:outline-primary-400 inline-flex items-center text-gray-800 bg-gray-200 hover:bg-gray-300 shadow-none" href="/fr/tutorials/category/ansible">Ansible</a><a class="focus:outline-none disabled:cursor-not-allowed disabled:opacity-75 flex-shrink-0 font-medium rounded-md text-xs gap-x-1.5 px-2.5 py-1.5 dark:text-gray-900 disabled:bg-primary-500 dark:bg-primary-400 dark:hover:bg-primary-500 dark:disabled:bg-primary-400 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary-500 dark:focus-visible:outline-primary-400 inline-flex items-center text-gray-800 bg-gray-200 hover:bg-gray-300 shadow-none" href="/fr/tutorials/category/pandas">Pandas</a><a class="focus:outline-none disabled:cursor-not-allowed disabled:opacity-75 flex-shrink-0 font-medium rounded-md text-xs gap-x-1.5 px-2.5 py-1.5 dark:text-gray-900 disabled:bg-primary-500 dark:bg-primary-400 dark:hover:bg-primary-500 dark:disabled:bg-primary-400 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary-500 dark:focus-visible:outline-primary-400 inline-flex items-center text-gray-800 bg-gray-200 hover:bg-gray-300 shadow-none" href="/fr/tutorials/category/numpy">NumPy</a><a class="focus:outline-none disabled:cursor-not-allowed disabled:opacity-75 flex-shrink-0 font-medium rounded-md text-xs gap-x-1.5 px-2.5 py-1.5 dark:text-gray-900 disabled:bg-primary-500 dark:bg-primary-400 dark:hover:bg-primary-500 dark:disabled:bg-primary-400 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary-500 dark:focus-visible:outline-primary-400 inline-flex items-center text-gray-800 bg-gray-200 hover:bg-gray-300 shadow-none" href="/fr/tutorials/category/sklearn">scikit-learn</a><a class="focus:outline-none disabled:cursor-not-allowed disabled:opacity-75 flex-shrink-0 font-medium rounded-md text-xs gap-x-1.5 px-2.5 py-1.5 dark:text-gray-900 disabled:bg-primary-500 dark:bg-primary-400 dark:hover:bg-primary-500 dark:disabled:bg-primary-400 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary-500 dark:focus-visible:outline-primary-400 inline-flex items-center text-gray-800 bg-gray-200 hover:bg-gray-300 shadow-none" href="/fr/tutorials/category/matplotlib">Matplotlib</a><a class="focus:outline-none disabled:cursor-not-allowed disabled:opacity-75 flex-shrink-0 font-medium rounded-md text-xs gap-x-1.5 px-2.5 py-1.5 dark:text-gray-900 disabled:bg-primary-500 dark:bg-primary-400 dark:hover:bg-primary-500 dark:disabled:bg-primary-400 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary-500 dark:focus-visible:outline-primary-400 inline-flex items-center text-gray-800 bg-gray-200 hover:bg-gray-300 shadow-none" href="/fr/tutorials/category/webdev">Développement web</a><a class="focus:outline-none disabled:cursor-not-allowed disabled:opacity-75 flex-shrink-0 font-medium rounded-md text-xs gap-x-1.5 px-2.5 py-1.5 dark:text-gray-900 disabled:bg-primary-500 dark:bg-primary-400 dark:hover:bg-primary-500 dark:disabled:bg-primary-400 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary-500 dark:focus-visible:outline-primary-400 inline-flex items-center text-gray-800 bg-gray-200 hover:bg-gray-300 shadow-none" href="/fr/tutorials/category/css">CSS</a><a class="focus:outline-none disabled:cursor-not-allowed disabled:opacity-75 flex-shrink-0 font-medium rounded-md text-xs gap-x-1.5 px-2.5 py-1.5 dark:text-gray-900 disabled:bg-primary-500 dark:bg-primary-400 dark:hover:bg-primary-500 dark:disabled:bg-primary-400 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary-500 dark:focus-visible:outline-primary-400 inline-flex items-center text-gray-800 bg-gray-200 hover:bg-gray-300 shadow-none" href="/fr/tutorials/category/javascript">JavaScript</a><a class="focus:outline-none disabled:cursor-not-allowed disabled:opacity-75 flex-shrink-0 font-medium rounded-md text-xs gap-x-1.5 px-2.5 py-1.5 dark:text-gray-900 disabled:bg-primary-500 dark:bg-primary-400 dark:hover:bg-primary-500 dark:disabled:bg-primary-400 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary-500 dark:focus-visible:outline-primary-400 inline-flex items-center text-gray-800 bg-gray-200 hover:bg-gray-300 shadow-none" href="/fr/tutorials/category/react">React</a><a class="focus:outline-none disabled:cursor-not-allowed disabled:opacity-75 flex-shrink-0 font-medium rounded-md text-xs gap-x-1.5 px-2.5 py-1.5 dark:text-gray-900 disabled:bg-primary-500 dark:bg-primary-400 dark:hover:bg-primary-500 dark:disabled:bg-primary-400 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary-500 dark:focus-visible:outline-primary-400 inline-flex items-center text-gray-800 bg-gray-200 hover:bg-gray-300 shadow-none" href="/fr/tutorials/category/devsecops">DevSecOps</a></div></div></div></div><div class="py-20"><div class="flex items-center align-center text-center w-full flex-row"><div class="flex border-gray-200 dark:border-gray-800 w-full border-t border-solid"></div><div class="font-medium text-gray-700 dark:text-gray-200 flex mx-3 whitespace-nowrap"><span class="text-2xl">Connexe <a href="/learn/html" class="">HTML Cours</a></span></div><div class="flex border-gray-200 dark:border-gray-800 w-full border-t border-solid"></div></div><div class="grid grid-cols-12 gap-6 mt-10"><div class="col-span-12 sm:col-span-6 lg:col-span-4"><a href="/fr/courses/html-for-beginners" class="course-card" data-v-784b32aa><div class="text-gray-800 bg-white overflow-hidden rounded-md shadow l-hover-shadow l-hover-translate-y" data-v-784b32aa><div class="relative l-bg-divider overflow-hidden course-image" data-v-784b32aa><div class="overflow-hidden cover course undefined" data-v-784b32aa data-v-1737ff8a><img src="/cdn-cgi/image/width=1130,height=582,quality=85,format=auto,onerror=redirect/https://course-cover.labex.io/html-for-beginners.png?lang=fr" onerror="this.setAttribute('data-error', 1)" width="525" height="270" alt="HTML pour débutants" loading="lazy" data-nuxt-img sizes="(max-width: 767px) 100vw, (max-width: 991px) 50vw, (max-width: 1199px) 33vw, 25vw" srcset="/cdn-cgi/image/width=300,height=154,quality=85,format=auto,onerror=redirect/https://course-cover.labex.io/html-for-beginners.png?lang=fr 300w, /cdn-cgi/image/width=327,height=168,quality=85,format=auto,onerror=redirect/https://course-cover.labex.io/html-for-beginners.png?lang=fr 327w, /cdn-cgi/image/width=384,height=197,quality=85,format=auto,onerror=redirect/https://course-cover.labex.io/html-for-beginners.png?lang=fr 384w, /cdn-cgi/image/width=565,height=291,quality=85,format=auto,onerror=redirect/https://course-cover.labex.io/html-for-beginners.png?lang=fr 565w, /cdn-cgi/image/width=600,height=308,quality=85,format=auto,onerror=redirect/https://course-cover.labex.io/html-for-beginners.png?lang=fr 600w, /cdn-cgi/image/width=654,height=336,quality=85,format=auto,onerror=redirect/https://course-cover.labex.io/html-for-beginners.png?lang=fr 654w, /cdn-cgi/image/width=768,height=394,quality=85,format=auto,onerror=redirect/https://course-cover.labex.io/html-for-beginners.png?lang=fr 768w, /cdn-cgi/image/width=1130,height=582,quality=85,format=auto,onerror=redirect/https://course-cover.labex.io/html-for-beginners.png?lang=fr 1130w" class="w-full h-auto" fetchpriority="auto" data-v-1737ff8a></div></div><div class="p-3" data-v-784b32aa><p class="h-14 text-xl font-semibold line-clamp-2 mb-4" data-v-784b32aa><span data-v-784b32aa>HTML pour débutants</span></p><div class="flex items-center fs-0" data-v-784b32aa><div class="flex-auto truncate overflow-hidden" data-v-784b32aa><span class="inline-flex items-center font-medium text-xs px-1.5 py-0.5 dark:bg-primary-400 dark:text-gray-900 text-gray-800 bg-white ring-1 ring-inset ring-gray-800 rounded-full me-2" data-v-784b32aa>html</span><span class="inline-flex items-center font-medium text-xs px-1.5 py-0.5 dark:bg-primary-400 dark:text-gray-900 text-gray-800 bg-white ring-1 ring-inset ring-gray-800 rounded-full me-2" data-v-784b32aa>web-development</span></div></div></div></div></a></div><div class="col-span-12 sm:col-span-6 lg:col-span-4"><a href="/fr/courses/project-build-a-tic-tac-toe-web-app" class="course-card" data-v-784b32aa><div class="text-gray-800 bg-white overflow-hidden rounded-md shadow l-hover-shadow l-hover-translate-y" data-v-784b32aa><div class="relative l-bg-divider overflow-hidden course-image" data-v-784b32aa><div class="overflow-hidden cover course undefined" data-v-784b32aa data-v-1737ff8a><img src="/cdn-cgi/image/width=1130,height=582,quality=85,format=auto,onerror=redirect/https://course-cover.labex.io/project-build-a-tic-tac-toe-web-app.png?lang=fr" onerror="this.setAttribute('data-error', 1)" width="525" height="270" alt="Construire une application web Tic-Tac-Toe" loading="lazy" data-nuxt-img sizes="(max-width: 767px) 100vw, (max-width: 991px) 50vw, (max-width: 1199px) 33vw, 25vw" srcset="/cdn-cgi/image/width=300,height=154,quality=85,format=auto,onerror=redirect/https://course-cover.labex.io/project-build-a-tic-tac-toe-web-app.png?lang=fr 300w, /cdn-cgi/image/width=327,height=168,quality=85,format=auto,onerror=redirect/https://course-cover.labex.io/project-build-a-tic-tac-toe-web-app.png?lang=fr 327w, /cdn-cgi/image/width=384,height=197,quality=85,format=auto,onerror=redirect/https://course-cover.labex.io/project-build-a-tic-tac-toe-web-app.png?lang=fr 384w, /cdn-cgi/image/width=565,height=291,quality=85,format=auto,onerror=redirect/https://course-cover.labex.io/project-build-a-tic-tac-toe-web-app.png?lang=fr 565w, /cdn-cgi/image/width=600,height=308,quality=85,format=auto,onerror=redirect/https://course-cover.labex.io/project-build-a-tic-tac-toe-web-app.png?lang=fr 600w, /cdn-cgi/image/width=654,height=336,quality=85,format=auto,onerror=redirect/https://course-cover.labex.io/project-build-a-tic-tac-toe-web-app.png?lang=fr 654w, /cdn-cgi/image/width=768,height=394,quality=85,format=auto,onerror=redirect/https://course-cover.labex.io/project-build-a-tic-tac-toe-web-app.png?lang=fr 768w, /cdn-cgi/image/width=1130,height=582,quality=85,format=auto,onerror=redirect/https://course-cover.labex.io/project-build-a-tic-tac-toe-web-app.png?lang=fr 1130w" class="w-full h-auto" fetchpriority="auto" data-v-1737ff8a></div></div><div class="p-3" data-v-784b32aa><p class="h-14 text-xl font-semibold line-clamp-2 mb-4" data-v-784b32aa><span data-v-784b32aa>Construire une application web Tic-Tac-Toe</span></p><div class="flex items-center fs-0" data-v-784b32aa><div class="flex-auto truncate overflow-hidden" data-v-784b32aa><span class="inline-flex items-center font-medium text-xs px-1.5 py-0.5 dark:bg-primary-400 dark:text-gray-900 text-gray-800 bg-white ring-1 ring-inset ring-gray-800 rounded-full me-2" data-v-784b32aa>javascript</span><span class="inline-flex items-center font-medium text-xs px-1.5 py-0.5 dark:bg-primary-400 dark:text-gray-900 text-gray-800 bg-white ring-1 ring-inset ring-gray-800 rounded-full me-2" data-v-784b32aa>web-development</span></div></div></div></div></a></div><div class="col-span-12 sm:col-span-6 lg:col-span-4"><a href="/fr/courses/project-creating-a-whack-a-mole-web-game" class="course-card" data-v-784b32aa><div class="text-gray-800 bg-white overflow-hidden rounded-md shadow l-hover-shadow l-hover-translate-y" data-v-784b32aa><div class="relative l-bg-divider overflow-hidden course-image" data-v-784b32aa><div class="overflow-hidden cover course undefined" data-v-784b32aa data-v-1737ff8a><img src="/cdn-cgi/image/width=1130,height=582,quality=85,format=auto,onerror=redirect/https://course-cover.labex.io/project-creating-a-whack-a-mole-web-game.png?lang=fr" onerror="this.setAttribute('data-error', 1)" width="525" height="270" alt="Création d'un jeu web de Tapez - le - taupe" loading="lazy" data-nuxt-img sizes="(max-width: 767px) 100vw, (max-width: 991px) 50vw, (max-width: 1199px) 33vw, 25vw" srcset="/cdn-cgi/image/width=300,height=154,quality=85,format=auto,onerror=redirect/https://course-cover.labex.io/project-creating-a-whack-a-mole-web-game.png?lang=fr 300w, /cdn-cgi/image/width=327,height=168,quality=85,format=auto,onerror=redirect/https://course-cover.labex.io/project-creating-a-whack-a-mole-web-game.png?lang=fr 327w, /cdn-cgi/image/width=384,height=197,quality=85,format=auto,onerror=redirect/https://course-cover.labex.io/project-creating-a-whack-a-mole-web-game.png?lang=fr 384w, /cdn-cgi/image/width=565,height=291,quality=85,format=auto,onerror=redirect/https://course-cover.labex.io/project-creating-a-whack-a-mole-web-game.png?lang=fr 565w, /cdn-cgi/image/width=600,height=308,quality=85,format=auto,onerror=redirect/https://course-cover.labex.io/project-creating-a-whack-a-mole-web-game.png?lang=fr 600w, /cdn-cgi/image/width=654,height=336,quality=85,format=auto,onerror=redirect/https://course-cover.labex.io/project-creating-a-whack-a-mole-web-game.png?lang=fr 654w, /cdn-cgi/image/width=768,height=394,quality=85,format=auto,onerror=redirect/https://course-cover.labex.io/project-creating-a-whack-a-mole-web-game.png?lang=fr 768w, /cdn-cgi/image/width=1130,height=582,quality=85,format=auto,onerror=redirect/https://course-cover.labex.io/project-creating-a-whack-a-mole-web-game.png?lang=fr 1130w" class="w-full h-auto" fetchpriority="auto" data-v-1737ff8a></div></div><div class="p-3" data-v-784b32aa><p class="h-14 text-xl font-semibold line-clamp-2 mb-4" data-v-784b32aa><span data-v-784b32aa>Création d'un jeu web de Tapez - le - taupe</span></p><div class="flex items-center fs-0" data-v-784b32aa><div class="flex-auto truncate overflow-hidden" data-v-784b32aa><span class="inline-flex items-center font-medium text-xs px-1.5 py-0.5 dark:bg-primary-400 dark:text-gray-900 text-gray-800 bg-white ring-1 ring-inset ring-gray-800 rounded-full me-2" data-v-784b32aa>javascript</span><span class="inline-flex items-center font-medium text-xs px-1.5 py-0.5 dark:bg-primary-400 dark:text-gray-900 text-gray-800 bg-white ring-1 ring-inset ring-gray-800 rounded-full me-2" data-v-784b32aa>web-development</span></div></div></div></div></a></div></div></div></div></section></div></main><footer class="bg-slate-800"><div class="pt-10 pb-1"><div class="mx-auto px-4 sm:px-6 lg:px-8 max-w-7xl"><div class="flex flex-col"><div class="flex items-center justify-between w-full"><a href="/fr" class="" aria-label="LabEx"><img src="/labex-logo-light.svg" onerror="this.setAttribute('data-error', 1)" width="98" height="30" alt="LabEx" loading="lazy" data-nuxt-img sizes="(max-width: 991px) 78px, 98px" srcset="/labex-logo-light.svg 78w, /labex-logo-light.svg 98w, /labex-logo-light.svg 156w, /labex-logo-light.svg 196w"></a><div><div class="language-switch" data-v-8a0b34f8><div data-headlessui-state class="relative inline-flex text-left rtl:text-right" data-v-8a0b34f8><div id="headlessui-menu-button-v-0-2-0" aria-haspopup="menu" aria-expanded="false" data-headlessui-state class="inline-flex w-full" role="button"><button type="button" class="focus:outline-none focus-visible:outline-0 disabled:cursor-not-allowed disabled:opacity-75 flex-shrink-0 font-medium rounded-md text-sm px-2.5 py-1.5 dark:text-gray-200 dark:hover:text-white dark:hover:bg-gray-800 focus-visible:ring-inset focus-visible:ring-2 focus-visible:ring-primary-500 dark:focus-visible:ring-primary-400 flex items-center gap-2 text-white hover:text-white hover:bg-slate-700" data-v-8a0b34f8><span data-v-8a0b34f8>🇫🇷 Français</span></button></div></div></div></div></div><p class="mt-4 mb-4 text-gray-400">Apprenez Linux, DevOps & Cybersécurité avec des Labs pratiques</p></div><div class="border-b border-gray-700 mb-8"></div><div class="grid gap-6 pb-10 lg:grid-cols-4 md:grid-cols-2 sm:grid-cols-1"><div class="flex flex-col"><div class="text-xl font-medium text-white mb-2">COURS PRATIQUES</div><div class="flex flex-col gap-2"><a href="https://labex.io/fr/learn/linux" rel="noopener noreferrer" class="hover:text-white text-gray-400 line-clamp-5">Apprendre Linux</a></div><div class="flex flex-col gap-2"><a href="https://labex.io/fr/learn/python" rel="noopener noreferrer" class="hover:text-white text-gray-400 line-clamp-5">Apprendre Python</a></div><div class="flex flex-col gap-2"><a href="https://labex.io/fr/learn/cybersecurity" rel="noopener noreferrer" class="hover:text-white text-gray-400 line-clamp-5">Apprendre la Cybersécurité</a></div><div class="flex flex-col gap-2"><a href="https://labex.io/fr/learn/docker" rel="noopener noreferrer" class="hover:text-white text-gray-400 line-clamp-5">Apprendre Docker</a></div><div class="flex flex-col gap-2"><a href="https://labex.io/fr/learn/comptia" rel="noopener noreferrer" class="hover:text-white text-gray-400 line-clamp-5">Apprendre CompTIA</a></div><div class="flex flex-col gap-2"><a href="https://labex.io/fr/learn/java" rel="noopener noreferrer" class="hover:text-white text-gray-400 line-clamp-5">Apprendre Java</a></div><div class="flex flex-col gap-2"><a href="https://labex.io/fr/learn/data-science" rel="noopener noreferrer" class="hover:text-white text-gray-400 line-clamp-5">Apprendre la Science des Données</a></div><div class="flex flex-col gap-2"><a href="https://labex.io/fr/learn/git" rel="noopener noreferrer" class="hover:text-white text-gray-400 line-clamp-5">Apprendre Git</a></div><div class="flex flex-col gap-2"><a href="https://labex.io/fr/learn/kubernetes" rel="noopener noreferrer" class="hover:text-white text-gray-400 line-clamp-5">Apprendre Kubernetes</a></div><div class="flex flex-col gap-2"><a href="https://labex.io/fr/learn/kali" rel="noopener noreferrer" class="hover:text-white text-gray-400 line-clamp-5">Apprendre Kali Linux</a></div><div class="flex flex-col gap-2"><a href="https://labex.io/fr/learn/ansible" rel="noopener noreferrer" class="hover:text-white text-gray-400 line-clamp-5">Apprendre Ansible</a></div><div class="flex flex-col gap-2"><a href="https://labex.io/fr/learn/devops" rel="noopener noreferrer" class="hover:text-white text-gray-400 line-clamp-5">Apprendre DevOps</a></div><div class="flex flex-col gap-2"><a href="https://labex.io/fr/learn/ml" rel="noopener noreferrer" class="hover:text-white text-gray-400 line-clamp-5">Apprendre le Machine Learning</a></div><div class="flex flex-col gap-2"><a href="https://labex.io/fr/courses/rhcsa-certification-exam-practice-exercises" rel="noopener noreferrer" class="hover:text-white text-gray-400 line-clamp-5">Examen Pratique RHCSA</a></div><div class="flex flex-col gap-2"><a href="https://labex.io/fr/courses/comptia-linux-plus-training-labs" rel="noopener noreferrer" class="hover:text-white text-gray-400 line-clamp-5">CompTIA Linux+</a></div><div class="flex flex-col gap-2"><a href="https://labex.io/fr/exercises/python" rel="noopener noreferrer" class="hover:text-white text-gray-400 line-clamp-5">Exercices Python</a></div><div class="flex flex-col gap-2"><a href="https://linux-commands.labex.io/" rel="noopener noreferrer" class="hover:text-white text-gray-400 line-clamp-5">Aide-mémoire des Commandes Linux</a></div></div><div class="flex flex-col"><div class="text-xl font-medium text-white mb-2">LABORATOIRES DE PRATIQUE</div><div class="flex flex-col gap-2"><a href="https://labex.io/fr/projects/category/linux" rel="noopener noreferrer" class="hover:text-white text-gray-400 line-clamp-5">Projets Linux</a></div><div class="flex flex-col gap-2"><a href="https://labex.io/fr/projects/category/python" rel="noopener noreferrer" class="hover:text-white text-gray-400 line-clamp-5">Projets Python</a></div><div class="flex flex-col gap-2"><a href="https://labex.io/fr/projects/category/java" rel="noopener noreferrer" class="hover:text-white text-gray-400 line-clamp-5">Projets Java</a></div><div class="flex flex-col gap-2"><a href="https://labex.io/fr/projects/category/c" rel="noopener noreferrer" class="hover:text-white text-gray-400 line-clamp-5">Projets Langage C</a></div><div class="flex flex-col gap-2"><a href="https://labex.io/fr/projects/category/devops" rel="noopener noreferrer" class="hover:text-white text-gray-400 line-clamp-5">Projets DevOps</a></div><div class="flex flex-col gap-2"><a href="https://labex.io/fr/projects/category/go" rel="noopener noreferrer" class="hover:text-white text-gray-400 line-clamp-5">Projets Golang</a></div><div class="flex flex-col gap-2"><a href="https://labex.io/fr/free-labs/git" rel="noopener noreferrer" class="hover:text-white text-gray-400 line-clamp-5">Pratique Git</a></div><div class="flex flex-col gap-2"><a href="https://labex.io/fr/free-labs/shell" rel="noopener noreferrer" class="hover:text-white text-gray-400 line-clamp-5">Pratique Shell</a></div><div class="flex flex-col gap-2"><a href="https://labex.io/fr/free-labs/java" rel="noopener noreferrer" class="hover:text-white text-gray-400 line-clamp-5">Pratique Java</a></div><div class="flex flex-col gap-2"><a href="https://labex.io/fr/free-labs/docker" rel="noopener noreferrer" class="hover:text-white text-gray-400 line-clamp-5">Pratique Docker</a></div><div class="flex flex-col gap-2"><a href="https://labex.io/fr/free-labs/mysql" rel="noopener noreferrer" class="hover:text-white text-gray-400 line-clamp-5">Pratique MySQL</a></div><div class="flex flex-col gap-2"><a href="https://labex.io/fr/free-labs/mongodb" rel="noopener noreferrer" class="hover:text-white text-gray-400 line-clamp-5">Pratique MongoDB</a></div><div class="flex flex-col gap-2"><a href="https://labex.io/fr/free-labs/kubernetes" rel="noopener noreferrer" class="hover:text-white text-gray-400 line-clamp-5">Pratique Kubernetes</a></div><div class="flex flex-col gap-2"><a href="https://labex.io/fr/free-labs/ml" rel="noopener noreferrer" class="hover:text-white text-gray-400 line-clamp-5">Pratique Machine Learning</a></div><div class="flex flex-col gap-2"><a href="https://labex.io/fr/free-labs/cybersecurity" rel="noopener noreferrer" class="hover:text-white text-gray-400 line-clamp-5">Pratique Cybersécurité</a></div><div class="flex flex-col gap-2"><a href="https://labex.io/fr/free-labs/nmap" rel="noopener noreferrer" class="hover:text-white text-gray-400 line-clamp-5">Pratique Nmap</a></div><div class="flex flex-col gap-2"><a href="https://labex.io/fr/free-labs/wireshark" rel="noopener noreferrer" class="hover:text-white text-gray-400 line-clamp-5">Pratique Wireshark</a></div></div><div class="flex flex-col"><div class="text-xl font-medium text-white mb-2">TERRAINS DE JEUX</div><div class="flex flex-col gap-2"><a href="https://labex.io/fr/tutorials/linux-online-linux-terminal-and-playground-372915" rel="noopener noreferrer" class="hover:text-white text-gray-400 line-clamp-5">Terminal Linux en ligne</a></div><div class="flex flex-col gap-2"><a href="https://labex.io/fr/tutorials/docker-online-docker-playground-372912" rel="noopener noreferrer" class="hover:text-white text-gray-400 line-clamp-5">Espace d'expérimentation Docker</a></div><div class="flex flex-col gap-2"><a href="https://labex.io/fr/tutorials/kubernetes-online-kubernetes-playground-593609" rel="noopener noreferrer" class="hover:text-white text-gray-400 line-clamp-5">Espace d'expérimentation Kubernetes</a></div><div class="flex flex-col gap-2"><a href="https://labex.io/fr/tutorials/python-online-python-playground-372886" rel="noopener noreferrer" class="hover:text-white text-gray-400 line-clamp-5">Espace d'expérimentation Python</a></div><div class="flex flex-col gap-2"><a href="https://labex.io/fr/tutorials/go-online-golang-playground-372913" rel="noopener noreferrer" class="hover:text-white text-gray-400 line-clamp-5">Espace d'expérimentation Golang</a></div><div class="flex flex-col gap-2"><a href="https://labex.io/fr/tutorials/cpp-online-c-playground-372911" rel="noopener noreferrer" class="hover:text-white text-gray-400 line-clamp-5">Compilateur C++ en ligne</a></div><div class="flex flex-col gap-2"><a href="https://labex.io/fr/tutorials/ansible-online-ansible-playground-415831" rel="noopener noreferrer" class="hover:text-white text-gray-400 line-clamp-5">Espace d'expérimentation Ansible</a></div><div class="flex flex-col gap-2"><a href="https://labex.io/fr/tutorials/jenkins-online-jenkins-playground-415838" rel="noopener noreferrer" class="hover:text-white text-gray-400 line-clamp-5">Espace d'expérimentation Jenkins</a></div><div class="flex flex-col gap-2"><a href="https://labex.io/fr/tutorials/java-online-java-playground-372914" rel="noopener noreferrer" class="hover:text-white text-gray-400 line-clamp-5">Espace d'expérimentation Java</a></div><div class="flex flex-col gap-2"><a href="https://labex.io/fr/tutorials/rust-online-rust-playground-372918" rel="noopener noreferrer" class="hover:text-white text-gray-400 line-clamp-5">Espace d'expérimentation Rust</a></div><div class="flex flex-col gap-2"><a href="https://labex.io/fr/tutorials/kali-online-kali-linux-terminal-and-playground-592935" rel="noopener noreferrer" class="hover:text-white text-gray-400 line-clamp-5">Kali Linux en ligne</a></div><div class="flex flex-col gap-2"><a href="https://labex.io/fr/tutorials/nmap-online-nmap-playground-593613" rel="noopener noreferrer" class="hover:text-white text-gray-400 line-clamp-5">Nmap en ligne</a></div><div class="flex flex-col gap-2"><a href="https://labex.io/fr/tutorials/wireshark-online-wireshark-playground-593624" rel="noopener noreferrer" class="hover:text-white text-gray-400 line-clamp-5">Wireshark en ligne</a></div><div class="flex flex-col gap-2"><a href="https://labex.io/fr/tutorials/mysql-online-mysql-playground-372916" rel="noopener noreferrer" class="hover:text-white text-gray-400 line-clamp-5">MySQL en ligne</a></div><div class="flex flex-col gap-2"><a href="https://labex.io/fr/tutorials/kali-online-postgresql-database-playground-593616" rel="noopener noreferrer" class="hover:text-white text-gray-400 line-clamp-5">PostgreSQL en ligne</a></div><div class="flex flex-col gap-2"><a href="https://labex.io/fr/tutorials/rhel-online-rhel-terminal-rhcsa-and-rhce-exam-playground-592933" rel="noopener noreferrer" class="hover:text-white text-gray-400 line-clamp-5">Simulateur d'examen RHCSA</a></div><div class="flex flex-col gap-2"><a href="https://labex.io/fr/lesson/choosing-a-linux-distribution" rel="noopener noreferrer" class="hover:text-white text-gray-400 line-clamp-5">Meilleure distribution Linux</a></div></div><div class="flex flex-col"><div class="text-xl font-medium text-white mb-2">TUTORIELS</div><div class="flex flex-col gap-2"><a href="https://labex.io/fr/tutorials/category/linux" rel="noopener noreferrer" class="hover:text-white text-gray-400 line-clamp-5">Tutoriel Linux</a></div><div class="flex flex-col gap-2"><a href="https://labex.io/fr/tutorials/category/docker" rel="noopener noreferrer" class="hover:text-white text-gray-400 line-clamp-5">Tutoriel Docker</a></div><div class="flex flex-col gap-2"><a href="https://labex.io/fr/tutorials/category/kubernetes" rel="noopener noreferrer" class="hover:text-white text-gray-400 line-clamp-5">Tutoriel Kubernetes</a></div><div class="flex flex-col gap-2"><a href="https://labex.io/fr/tutorials/category/mongodb" rel="noopener noreferrer" class="hover:text-white text-gray-400 line-clamp-5">Tutoriel MongoDB</a></div><div class="flex flex-col gap-2"><a href="https://labex.io/fr/tutorials/category/postgresql" rel="noopener noreferrer" class="hover:text-white text-gray-400 line-clamp-5">Tutoriel PostgreSQL</a></div><div class="flex flex-col gap-2"><a href="https://labex.io/fr/tutorials/category/wireshark" rel="noopener noreferrer" class="hover:text-white text-gray-400 line-clamp-5">Tutoriel Wireshark</a></div><div class="flex flex-col gap-2"><a href="https://labex.io/fr/tutorials/category/devops" rel="noopener noreferrer" class="hover:text-white text-gray-400 line-clamp-5">Tutoriel DevOps</a></div><div class="flex flex-col gap-2"><a href="https://labex.io/fr/tutorials/category/cybersecurity" rel="noopener noreferrer" class="hover:text-white text-gray-400 line-clamp-5">Tutoriel Cybersécurité</a></div><div class="flex flex-col gap-2"><a href="https://labex.io/fr/tutorials/java-java-interview-questions-and-answers-593685" rel="noopener noreferrer" class="hover:text-white text-gray-400 line-clamp-5">Questions d'entretien Java</a></div><div class="flex flex-col gap-2"><a href="https://labex.io/fr/tutorials/python-python-interview-questions-and-answers-593698" rel="noopener noreferrer" class="hover:text-white text-gray-400 line-clamp-5">Questions d'entretien Python</a></div><div class="flex flex-col gap-2"><a href="https://labex.io/fr/tutorials/kubernetes-kubernetes-interview-questions-and-answers-593688" rel="noopener noreferrer" class="hover:text-white text-gray-400 line-clamp-5">Questions d'entretien Kubernetes</a></div><div class="flex flex-col gap-2"><a href="https://labex.io/fr/tutorials/linux-devops-interview-questions-and-answers-593679" rel="noopener noreferrer" class="hover:text-white text-gray-400 line-clamp-5">Questions d'entretien DevOps</a></div><div class="flex flex-col gap-2"><a href="https://labex.io/fr/tutorials/cybersecurity-cybersecurity-interview-questions-and-answers-593676" rel="noopener noreferrer" class="hover:text-white text-gray-400 line-clamp-5">Questions d'entretien Cybersécurité</a></div><div class="flex flex-col gap-2"><a href="https://labex.io/fr/tutorials/docker-docker-interview-questions-and-answers-593680" rel="noopener noreferrer" class="hover:text-white text-gray-400 line-clamp-5">Questions d'entretien Docker</a></div><div class="flex flex-col gap-2"><a href="https://labex.io/fr/tutorials/linux-linux-interview-questions-and-answers-593689" rel="noopener noreferrer" class="hover:text-white text-gray-400 line-clamp-5">Questions d'entretien Linux</a></div><div class="flex flex-col gap-2"><a href="https://labex.io/fr/tutorials/mongodb-mongodb-interview-questions-and-answers-593692" rel="noopener noreferrer" class="hover:text-white text-gray-400 line-clamp-5">Questions d'entretien MongoDB</a></div><div class="flex flex-col gap-2"><a href="https://labex.io/fr/tutorials/linux-database-interview-questions-and-answers-593677" rel="noopener noreferrer" class="hover:text-white text-gray-400 line-clamp-5">Questions d'entretien Bases de données</a></div></div></div><div class="flex flex-wrap justify-center items-center gap-2 text-sm text-gray-400"><a href="https://support.labex.io" target="_blank" class="hover:text-white">SUPPORT</a><span class="text-gray-600">|</span><a href="mailto:info@labex.io" class="hover:text-white">NOUS CONTACTER</a><span class="text-gray-600">|</span><a href="/fr/forum" class="hover:text-white">FORUM</a><span class="text-gray-600">|</span><a href="/fr/tutorials" class="hover:text-white">TUTORIELS</a><span class="text-gray-600">|</span><a href="/fr/free-labs" class="hover:text-white">LABS GRATUITS</a><span class="text-gray-600">|</span><a href="/fr/linuxjourney" class="hover:text-white">LINUX JOURNEY</a><span class="text-gray-600">|</span><a href="/fr/exercises" class="hover:text-white">EXERCICES</a><span class="text-gray-600">|</span><a href="/fr/teams" class="hover:text-white">LABEX TEAMS</a><span class="text-gray-600">|</span><a href="https://labex.io/fr/questions/labex-affiliate-program-a6jov663" rel="noopener noreferrer" class="hover:text-white">AFFILIÉ</a><span class="text-gray-600">|</span><a href="https://sitemap.labex.io/" rel="noopener noreferrer" class="hover:text-white">PLAN DU SITE</a><span class="text-gray-600">|</span><a href="/fr/privacy" class="hover:text-white">POLITIQUE DE CONFIDENTIALITÉ</a><span class="text-gray-600">|</span><a href="/fr/terms" class="hover:text-white">CONDITIONS D'UTILISATION</a></div><div class="sm:col-span-2 md:col-span-3 lg:col-span-4 text-gray-400 text-center"><div class="flex gap-2 mt-4 justify-center"><a class="focus:outline-none focus-visible:outline-0 disabled:cursor-not-allowed disabled:opacity-75 flex-shrink-0 font-medium rounded-md text-sm gap-x-2 p-2 ring-1 hover:ring-0 ring-inset ring-current dark:text-primary-400 hover:bg-primary-500 disabled:bg-transparent dark:hover:bg-primary-500 dark:disabled:bg-transparent focus-visible:ring-2 focus-visible:ring-primary-500 dark:focus-visible:ring-primary-400 inline-flex items-center text-gray-400 hover:text-white" aria-label="Twitter" href="https://x.com/intent/follow?screen_name=wearelabex" rel="noopener noreferrer" target="_blank"><svg class="svg-icon" aria-hidden="true"><use href="/_nuxt/icons.BMd9ddKk.svg#x-black" fill="#333"></use></svg></a><a class="focus:outline-none focus-visible:outline-0 disabled:cursor-not-allowed disabled:opacity-75 flex-shrink-0 font-medium rounded-md text-sm gap-x-2 p-2 ring-1 hover:ring-0 ring-inset ring-current dark:text-primary-400 hover:bg-primary-500 disabled:bg-transparent dark:hover:bg-primary-500 dark:disabled:bg-transparent focus-visible:ring-2 focus-visible:ring-primary-500 dark:focus-visible:ring-primary-400 inline-flex items-center text-gray-400 hover:text-white" aria-label="Facebook" href="https://www.facebook.com/WeAreLabEx/" rel="noopener noreferrer" target="_blank"><svg class="svg-icon" aria-hidden="true"><use href="/_nuxt/icons.BMd9ddKk.svg#facebook" fill="#333"></use></svg></a><a class="focus:outline-none focus-visible:outline-0 disabled:cursor-not-allowed disabled:opacity-75 flex-shrink-0 font-medium rounded-md text-sm gap-x-2 p-2 ring-1 hover:ring-0 ring-inset ring-current dark:text-primary-400 hover:bg-primary-500 disabled:bg-transparent dark:hover:bg-primary-500 dark:disabled:bg-transparent focus-visible:ring-2 focus-visible:ring-primary-500 dark:focus-visible:ring-primary-400 inline-flex items-center text-gray-400 hover:text-white" aria-label="LinkedIn" href="https://www.linkedin.com/company/wearelabex/mycompany/" rel="noopener noreferrer" target="_blank"><svg class="svg-icon" aria-hidden="true"><use href="/_nuxt/icons.BMd9ddKk.svg#linkedin" fill="#333"></use></svg></a><a class="focus:outline-none focus-visible:outline-0 disabled:cursor-not-allowed disabled:opacity-75 flex-shrink-0 font-medium rounded-md text-sm gap-x-2 p-2 ring-1 hover:ring-0 ring-inset ring-current dark:text-primary-400 hover:bg-primary-500 disabled:bg-transparent dark:hover:bg-primary-500 dark:disabled:bg-transparent focus-visible:ring-2 focus-visible:ring-primary-500 dark:focus-visible:ring-primary-400 inline-flex items-center text-gray-400 hover:text-white" aria-label="TikTok" href="https://www.tiktok.com/@labexcoding" rel="noopener noreferrer" target="_blank"><svg class="svg-icon" aria-hidden="true"><use href="/_nuxt/icons.BMd9ddKk.svg#tiktok" fill="#333"></use></svg></a><a class="focus:outline-none focus-visible:outline-0 disabled:cursor-not-allowed disabled:opacity-75 flex-shrink-0 font-medium rounded-md text-sm gap-x-2 p-2 ring-1 hover:ring-0 ring-inset ring-current dark:text-primary-400 hover:bg-primary-500 disabled:bg-transparent dark:hover:bg-primary-500 dark:disabled:bg-transparent focus-visible:ring-2 focus-visible:ring-primary-500 dark:focus-visible:ring-primary-400 inline-flex items-center text-gray-400 hover:text-white" aria-label="YouTube" href="https://www.youtube.com/@labexio" rel="noopener noreferrer" target="_blank"><svg class="svg-icon" aria-hidden="true"><use href="/_nuxt/icons.BMd9ddKk.svg#youtube" fill="#333"></use></svg></a><a class="focus:outline-none focus-visible:outline-0 disabled:cursor-not-allowed disabled:opacity-75 flex-shrink-0 font-medium rounded-md text-sm gap-x-2 p-2 ring-1 hover:ring-0 ring-inset ring-current dark:text-primary-400 hover:bg-primary-500 disabled:bg-transparent dark:hover:bg-primary-500 dark:disabled:bg-transparent focus-visible:ring-2 focus-visible:ring-primary-500 dark:focus-visible:ring-primary-400 inline-flex items-center text-gray-400 hover:text-white" aria-label="Discord" href="https://discord.gg/J6k3u69nU6" rel="noopener noreferrer" target="_blank"><svg class="svg-icon" aria-hidden="true"><use href="/_nuxt/icons.BMd9ddKk.svg#discord" fill="#333"></use></svg></a><a class="focus:outline-none focus-visible:outline-0 disabled:cursor-not-allowed disabled:opacity-75 flex-shrink-0 font-medium rounded-md text-sm gap-x-2 p-2 ring-1 hover:ring-0 ring-inset ring-current dark:text-primary-400 hover:bg-primary-500 disabled:bg-transparent dark:hover:bg-primary-500 dark:disabled:bg-transparent focus-visible:ring-2 focus-visible:ring-primary-500 dark:focus-visible:ring-primary-400 inline-flex items-center text-gray-400 hover:text-white" aria-label="Github" href="https://github.com/labex-labs" rel="noopener noreferrer" target="_blank"><svg class="svg-icon" aria-hidden="true"><use href="/_nuxt/icons.BMd9ddKk.svg#github" fill="#333"></use></svg></a><a class="focus:outline-none focus-visible:outline-0 disabled:cursor-not-allowed disabled:opacity-75 flex-shrink-0 font-medium rounded-md text-sm gap-x-2 p-2 ring-1 hover:ring-0 ring-inset ring-current dark:text-primary-400 hover:bg-primary-500 disabled:bg-transparent dark:hover:bg-primary-500 dark:disabled:bg-transparent focus-visible:ring-2 focus-visible:ring-primary-500 dark:focus-visible:ring-primary-400 inline-flex items-center text-gray-400 hover:text-white" aria-label="Dockerhub" href="https://hub.docker.com/u/labex" rel="noopener noreferrer" target="_blank"><svg class="svg-icon" aria-hidden="true"><use href="/_nuxt/icons.BMd9ddKk.svg#docker-white" fill="#333"></use></svg></a></div></div></div></div><div class="py-3"><div class="mx-auto px-4 sm:px-6 lg:px-8 max-w-7xl"><p class="text-gray-400 font-medium text-center mb-0"> © 2017-2026 LabEx Technology Limited All Rights Reserved </p></div></div></footer></div><span></span><span></span><div class="alert-box" data-v-285a8eec></div><div></div></div><div id="teleports"></div><script>window.NUXT={};window.NUXT.config={public:{turnstile:{siteKey:"0x4AAAAAAAKM2eNgDcxF-9yH"},env:"production",appVersion:"v_1779764419801",cookie:{domain:""},gtag:{id:"G-ZFCX52ZJTZ"},ads:{id:"AW-882002536",registerConversionTag:"MBFrCIGFxNQYEOiUyaQD",subscriptionConversionTag:"crfuCO_z2tQYEOiUyaQD",purchaseConversionTag:"53Q2COvEvO0YEOiUyaQD"},gtm:{id:"GTM-TN7PC69C"},clarityProjectId:"qfnofdz0u8",apiBaseUrl:"/api/v2",ossBaseUrl:"https://file.labex.io",paypalClientId:"AZZ0ZORi-uwIWCMBvvWS8pN7yKq3dEmOuztg95XoqmPv0WihfrIU3XYEByj3y1sZcB6g2CW5tjcQOlHX",googleClientId:"359324822670-0i8infpcje3uh1ttca1d6stgdmdmhk1a.apps.googleusercontent.com",webPushServerKey:"BHIC0R48BSznqt8oCmKfQJkty77I0SV-EWdNqJ-3EPJ-HUBqnXKlrw_6cowDynxkVdNA26Y1q6s-VTaUdBYYICU",xAuth:"",stripeKey:"pk_live_51NnFfaISCR4x8ogMvIwl9UJQpDybg8tc41t8igKNOtejuDkPiQBvjShWmA94hm6Ii7hBpCxyiJ5CceACBNvIJWFj00KyBHumTT",i18n:{baseUrl:"https://labex.io",defaultLocale:"en",rootRedirect:"",redirectStatusCode:302,skipSettingLocaleOnNavigate:false,locales:[{code:"en",language:"en-US",dir:"ltr",name:"English",flag:"🇺🇸"},{code:"zh",language:"zh-CN",dir:"ltr",name:"简体中文",flag:"🇨🇳"},{code:"es",language:"es-ES",dir:"ltr",name:"Español",flag:"🇪🇸"},{code:"ja",language:"ja-JP",dir:"ltr",name:"日本語",flag:"🇯🇵"},{code:"fr",language:"fr-FR",dir:"ltr",name:"Français",flag:"🇫🇷"},{code:"de",language:"de-DE",dir:"ltr",name:"Deutsch",flag:"🇩🇪"},{code:"ru",language:"ru-RU",dir:"ltr",name:"Русский",flag:"🇷🇺"},{code:"pt",language:"pt-PT",dir:"ltr",name:"Português",flag:"🇧🇷"},{code:"ko",language:"ko-KR",dir:"ltr",name:"한국어",flag:"🇰🇷"}],detectBrowserLanguage:false,experimental:{localeDetector:"",typedPages:true,typedOptionsAndMessages:false,alternateLinkCanonicalQueries:true,devCache:false,cacheLifetime:"",stripMessagesPayload:false,preload:false,strictSeo:false,nitroContextDetection:true,httpCacheDuration:10,compactRoutes:false},domainLocales:{en:{domain:""},zh:{domain:""},es:{domain:""},ja:{domain:""},fr:{domain:""},de:{domain:""},ru:{domain:""},pt:{domain:""},ko:{domain:""}}}},app:{baseURL:"/",buildId:"1d2f30fd-f754-412b-87b2-8766b1cb380b",buildAssetsDir:"/_nuxt/",cdnURL:""}}</script> <script type="application/json" data-nuxt-data="nuxt-app" data-ssr="true" id="__NUXT_DATA__">[["ShallowReactive",1],{"data":2,"state":833,"once":1110,"_errors":1111,"serverRendered":260,"path":1113},["ShallowReactive",3],{"footerData_fr":4,"tutorialDetail:html-html-embedded-html-page-70775:fr":222,"skillTreeListData:basic:fr":307,"tutorialRecommendCourseListData:html-html-embedded-html-page-70775:fr":424,"skillTreeDetailData:html:fr":448},{"groups":5},[6,60,114,168],{"name":7,"items":8},"COURS PRATIQUES",[9,12,15,18,21,24,27,30,33,36,39,42,45,48,51,54,57],{"name":10,"url":11},"Apprendre Linux","https:\u002F\u002Flabex.io\u002Ffr\u002Flearn\u002Flinux",{"name":13,"url":14},"Apprendre Python","https:\u002F\u002Flabex.io\u002Ffr\u002Flearn\u002Fpython",{"name":16,"url":17},"Apprendre la Cybersécurité","https:\u002F\u002Flabex.io\u002Ffr\u002Flearn\u002Fcybersecurity",{"name":19,"url":20},"Apprendre Docker","https:\u002F\u002Flabex.io\u002Ffr\u002Flearn\u002Fdocker",{"name":22,"url":23},"Apprendre CompTIA","https:\u002F\u002Flabex.io\u002Ffr\u002Flearn\u002Fcomptia",{"name":25,"url":26},"Apprendre Java","https:\u002F\u002Flabex.io\u002Ffr\u002Flearn\u002Fjava",{"name":28,"url":29},"Apprendre la Science des Données","https:\u002F\u002Flabex.io\u002Ffr\u002Flearn\u002Fdata-science",{"name":31,"url":32},"Apprendre Git","https:\u002F\u002Flabex.io\u002Ffr\u002Flearn\u002Fgit",{"name":34,"url":35},"Apprendre Kubernetes","https:\u002F\u002Flabex.io\u002Ffr\u002Flearn\u002Fkubernetes",{"name":37,"url":38},"Apprendre Kali Linux","https:\u002F\u002Flabex.io\u002Ffr\u002Flearn\u002Fkali",{"name":40,"url":41},"Apprendre Ansible","https:\u002F\u002Flabex.io\u002Ffr\u002Flearn\u002Fansible",{"name":43,"url":44},"Apprendre DevOps","https:\u002F\u002Flabex.io\u002Ffr\u002Flearn\u002Fdevops",{"name":46,"url":47},"Apprendre le Machine Learning","https:\u002F\u002Flabex.io\u002Ffr\u002Flearn\u002Fml",{"name":49,"url":50},"Examen Pratique RHCSA","https:\u002F\u002Flabex.io\u002Ffr\u002Fcourses\u002Frhcsa-certification-exam-practice-exercises",{"name":52,"url":53},"CompTIA Linux+","https:\u002F\u002Flabex.io\u002Ffr\u002Fcourses\u002Fcomptia-linux-plus-training-labs",{"name":55,"url":56},"Exercices Python","https:\u002F\u002Flabex.io\u002Ffr\u002Fexercises\u002Fpython",{"name":58,"url":59},"Aide-mémoire des Commandes Linux","https:\u002F\u002Flinux-commands.labex.io\u002F",{"name":61,"items":62},"LABORATOIRES DE PRATIQUE",[63,66,69,72,75,78,81,84,87,90,93,96,99,102,105,108,111],{"name":64,"url":65},"Projets Linux","https:\u002F\u002Flabex.io\u002Ffr\u002Fprojects\u002Fcategory\u002Flinux",{"name":67,"url":68},"Projets Python","https:\u002F\u002Flabex.io\u002Ffr\u002Fprojects\u002Fcategory\u002Fpython",{"name":70,"url":71},"Projets Java","https:\u002F\u002Flabex.io\u002Ffr\u002Fprojects\u002Fcategory\u002Fjava",{"name":73,"url":74},"Projets Langage C","https:\u002F\u002Flabex.io\u002Ffr\u002Fprojects\u002Fcategory\u002Fc",{"name":76,"url":77},"Projets DevOps","https:\u002F\u002Flabex.io\u002Ffr\u002Fprojects\u002Fcategory\u002Fdevops",{"name":79,"url":80},"Projets Golang","https:\u002F\u002Flabex.io\u002Ffr\u002Fprojects\u002Fcategory\u002Fgo",{"name":82,"url":83},"Pratique Git","https:\u002F\u002Flabex.io\u002Ffr\u002Ffree-labs\u002Fgit",{"name":85,"url":86},"Pratique Shell","https:\u002F\u002Flabex.io\u002Ffr\u002Ffree-labs\u002Fshell",{"name":88,"url":89},"Pratique Java","https:\u002F\u002Flabex.io\u002Ffr\u002Ffree-labs\u002Fjava",{"name":91,"url":92},"Pratique Docker","https:\u002F\u002Flabex.io\u002Ffr\u002Ffree-labs\u002Fdocker",{"name":94,"url":95},"Pratique MySQL","https:\u002F\u002Flabex.io\u002Ffr\u002Ffree-labs\u002Fmysql",{"name":97,"url":98},"Pratique MongoDB","https:\u002F\u002Flabex.io\u002Ffr\u002Ffree-labs\u002Fmongodb",{"name":100,"url":101},"Pratique Kubernetes","https:\u002F\u002Flabex.io\u002Ffr\u002Ffree-labs\u002Fkubernetes",{"name":103,"url":104},"Pratique Machine Learning","https:\u002F\u002Flabex.io\u002Ffr\u002Ffree-labs\u002Fml",{"name":106,"url":107},"Pratique Cybersécurité","https:\u002F\u002Flabex.io\u002Ffr\u002Ffree-labs\u002Fcybersecurity",{"name":109,"url":110},"Pratique Nmap","https:\u002F\u002Flabex.io\u002Ffr\u002Ffree-labs\u002Fnmap",{"name":112,"url":113},"Pratique Wireshark","https:\u002F\u002Flabex.io\u002Ffr\u002Ffree-labs\u002Fwireshark",{"name":115,"items":116},"TERRAINS DE JEUX",[117,120,123,126,129,132,135,138,141,144,147,150,153,156,159,162,165],{"name":118,"url":119},"Terminal Linux en ligne","https:\u002F\u002Flabex.io\u002Ffr\u002Ftutorials\u002Flinux-online-linux-terminal-and-playground-372915",{"name":121,"url":122},"Espace d'expérimentation Docker","https:\u002F\u002Flabex.io\u002Ffr\u002Ftutorials\u002Fdocker-online-docker-playground-372912",{"name":124,"url":125},"Espace d'expérimentation Kubernetes","https:\u002F\u002Flabex.io\u002Ffr\u002Ftutorials\u002Fkubernetes-online-kubernetes-playground-593609",{"name":127,"url":128},"Espace d'expérimentation Python","https:\u002F\u002Flabex.io\u002Ffr\u002Ftutorials\u002Fpython-online-python-playground-372886",{"name":130,"url":131},"Espace d'expérimentation Golang","https:\u002F\u002Flabex.io\u002Ffr\u002Ftutorials\u002Fgo-online-golang-playground-372913",{"name":133,"url":134},"Compilateur C++ en ligne","https:\u002F\u002Flabex.io\u002Ffr\u002Ftutorials\u002Fcpp-online-c-playground-372911",{"name":136,"url":137},"Espace d'expérimentation Ansible","https:\u002F\u002Flabex.io\u002Ffr\u002Ftutorials\u002Fansible-online-ansible-playground-415831",{"name":139,"url":140},"Espace d'expérimentation Jenkins","https:\u002F\u002Flabex.io\u002Ffr\u002Ftutorials\u002Fjenkins-online-jenkins-playground-415838",{"name":142,"url":143},"Espace d'expérimentation Java","https:\u002F\u002Flabex.io\u002Ffr\u002Ftutorials\u002Fjava-online-java-playground-372914",{"name":145,"url":146},"Espace d'expérimentation Rust","https:\u002F\u002Flabex.io\u002Ffr\u002Ftutorials\u002Frust-online-rust-playground-372918",{"name":148,"url":149},"Kali Linux en ligne","https:\u002F\u002Flabex.io\u002Ffr\u002Ftutorials\u002Fkali-online-kali-linux-terminal-and-playground-592935",{"name":151,"url":152},"Nmap en ligne","https:\u002F\u002Flabex.io\u002Ffr\u002Ftutorials\u002Fnmap-online-nmap-playground-593613",{"name":154,"url":155},"Wireshark en ligne","https:\u002F\u002Flabex.io\u002Ffr\u002Ftutorials\u002Fwireshark-online-wireshark-playground-593624",{"name":157,"url":158},"MySQL en ligne","https:\u002F\u002Flabex.io\u002Ffr\u002Ftutorials\u002Fmysql-online-mysql-playground-372916",{"name":160,"url":161},"PostgreSQL en ligne","https:\u002F\u002Flabex.io\u002Ffr\u002Ftutorials\u002Fkali-online-postgresql-database-playground-593616",{"name":163,"url":164},"Simulateur d'examen RHCSA","https:\u002F\u002Flabex.io\u002Ffr\u002Ftutorials\u002Frhel-online-rhel-terminal-rhcsa-and-rhce-exam-playground-592933",{"name":166,"url":167},"Meilleure distribution Linux","https:\u002F\u002Flabex.io\u002Ffr\u002Flesson\u002Fchoosing-a-linux-distribution",{"name":169,"items":170},"TUTORIELS",[171,174,177,180,183,186,189,192,195,198,201,204,207,210,213,216,219],{"name":172,"url":173},"Tutoriel Linux","https:\u002F\u002Flabex.io\u002Ffr\u002Ftutorials\u002Fcategory\u002Flinux",{"name":175,"url":176},"Tutoriel Docker","https:\u002F\u002Flabex.io\u002Ffr\u002Ftutorials\u002Fcategory\u002Fdocker",{"name":178,"url":179},"Tutoriel Kubernetes","https:\u002F\u002Flabex.io\u002Ffr\u002Ftutorials\u002Fcategory\u002Fkubernetes",{"name":181,"url":182},"Tutoriel MongoDB","https:\u002F\u002Flabex.io\u002Ffr\u002Ftutorials\u002Fcategory\u002Fmongodb",{"name":184,"url":185},"Tutoriel PostgreSQL","https:\u002F\u002Flabex.io\u002Ffr\u002Ftutorials\u002Fcategory\u002Fpostgresql",{"name":187,"url":188},"Tutoriel Wireshark","https:\u002F\u002Flabex.io\u002Ffr\u002Ftutorials\u002Fcategory\u002Fwireshark",{"name":190,"url":191},"Tutoriel DevOps","https:\u002F\u002Flabex.io\u002Ffr\u002Ftutorials\u002Fcategory\u002Fdevops",{"name":193,"url":194},"Tutoriel Cybersécurité","https:\u002F\u002Flabex.io\u002Ffr\u002Ftutorials\u002Fcategory\u002Fcybersecurity",{"name":196,"url":197},"Questions d'entretien Java","https:\u002F\u002Flabex.io\u002Ffr\u002Ftutorials\u002Fjava-java-interview-questions-and-answers-593685",{"name":199,"url":200},"Questions d'entretien Python","https:\u002F\u002Flabex.io\u002Ffr\u002Ftutorials\u002Fpython-python-interview-questions-and-answers-593698",{"name":202,"url":203},"Questions d'entretien Kubernetes","https:\u002F\u002Flabex.io\u002Ffr\u002Ftutorials\u002Fkubernetes-kubernetes-interview-questions-and-answers-593688",{"name":205,"url":206},"Questions d'entretien DevOps","https:\u002F\u002Flabex.io\u002Ffr\u002Ftutorials\u002Flinux-devops-interview-questions-and-answers-593679",{"name":208,"url":209},"Questions d'entretien Cybersécurité","https:\u002F\u002Flabex.io\u002Ffr\u002Ftutorials\u002Fcybersecurity-cybersecurity-interview-questions-and-answers-593676",{"name":211,"url":212},"Questions d'entretien Docker","https:\u002F\u002Flabex.io\u002Ffr\u002Ftutorials\u002Fdocker-docker-interview-questions-and-answers-593680",{"name":214,"url":215},"Questions d'entretien Linux","https:\u002F\u002Flabex.io\u002Ffr\u002Ftutorials\u002Flinux-linux-interview-questions-and-answers-593689",{"name":217,"url":218},"Questions d'entretien MongoDB","https:\u002F\u002Flabex.io\u002Ffr\u002Ftutorials\u002Fmongodb-mongodb-interview-questions-and-answers-593692",{"name":220,"url":221},"Questions d'entretien Bases de données","https:\u002F\u002Flabex.io\u002Ffr\u002Ftutorials\u002Flinux-database-interview-questions-and-answers-593677",{"tutorial":223,"steps":281,"skilltrees":305},{"id":224,"name":225,"fee_type":226,"type":227,"difficulty":228,"time":229,"from_community":230,"max_lab_num":231,"allow_to_start":230,"remain_num":227,"allow_to_view":230,"skills":232,"hidden":260,"path":261,"alias":262,"icon":263,"show_in_tutorial":260,"description":264,"default_console_type":265,"meta_title":266,"meta_description":267,"meta_keywords":268,"skilltree_alias":238,"practice_url":269,"langs":270,"ai_verify":230,"repo_full_name":280},70775,"Page HTML Intégrée dans HTML",2,0,"Beginner",20,false,-1,[233,245,254],{"key":234,"name":235,"desc":236,"project":237,"group":241},"html\u002Fembed_media","Embedding External Media","External media content like videos from YouTube or audio clips can be embedded using \u003Ciframe> and \u003Caudio> or \u003Cvideo> tags.",{"key":238,"name":239,"desc":240},"html","HTML","",{"key":242,"name":243,"desc":244},"html\u002FMultimediaandGraphicsGroup","Multimedia and Graphics","Multimedia and Graphics deals with embedding multimedia elements like images, image maps, figures with captions, and external media in HTML documents.",{"key":246,"name":247,"desc":248,"project":249,"group":250},"html\u002Finter_elems","Interactive and Dynamic Elements","Interactive and dynamic elements, such as \u003Ciframe>, \u003Caudio>, \u003Cvideo>, and \u003Ccanvas>, enable the creation of engaging and interactive web content that responds to user actions.",{"key":238,"name":239,"desc":240},{"key":251,"name":252,"desc":253},"html\u002FAdvancedElementsGroup","Advanced Elements","Advanced Elements covers advanced HTML elements and features, including custom data attributes, accessibility considerations, and HTML templating.",{"key":255,"name":256,"desc":257,"project":258,"group":259},"html\u002Fcustom_attr","Custom Data Attributes","Custom data attributes (data-* attributes) provide a way to store custom data for JavaScript or CSS use without affecting HTML semantics.",{"key":238,"name":239,"desc":240},{"key":251,"name":252,"desc":253},true,"html\u002Flab-html-iframe-tag","html-html-embedded-html-page-70775","https:\u002F\u002Ficons.labex.io\u002Fhtml-embedded-html-page.png","La balise \u003Ciframe> est utilisée pour intégrer une page web dans une autre page web. Dans ce laboratoire, vous allez apprendre à utiliser la balise \u003Ciframe> pour afficher une autre page web dans votre page web actuelle.",4,"Intégrer des Pages Web avec des Iframes HTML","Découvrez comment utiliser des iframes HTML pour intégrer une page web dans une autre, y compris la définition de la hauteur et de la largeur.","plateforme d'entraînement HTML, HTML, iframe, exercices pratiques HTML, exercices HTML, page web, développement web, intégration","\u002Flabs\u002Fhtml-html-document-structure-597898?course=html-for-beginners&hideheader=true&hidelabby=true",[271,272,273,274,275,276,277,278,279],"zh","es","fr","de","ja","ru","ko","pt","en","labex-labs\u002Flabs",[282,286,291,294,298,301],{"position":227,"title":283,"layout":284,"text":285,"need_verify":230,"has_solution":230},"Introduction","doc-fullscreen","## Introduction\n\nLa balise `\u003Ciframe>` est utilisée pour intégrer une page web dans une autre page web. Dans ce laboratoire, vous allez apprendre à utiliser la balise `\u003Ciframe>` pour afficher une autre page web dans votre page web actuelle.\n\n> Note: Vous pouvez pratiquer la programmation dans `index.html` et apprendre [Comment écrire du HTML dans Visual Studio Code](https:\u002F\u002Fcode.visualstudio.com\u002Fdocs\u002Flanguages\u002Fhtml). Cliquez sur 'Go Live' dans le coin inférieur droit pour exécuter le service web sur le port 8080. Ensuite, vous pouvez actualiser l'onglet Web 8080 pour prévisualiser la page web.\n",{"position":287,"title":288,"layout":289,"text":290,"need_verify":260,"has_solution":230},1,"Ajout de la balise \u003Ciframe> à votre fichier HTML","doc-workbench-split","## Ajout de la balise \u003Ciframe> à votre fichier HTML\n\nPour ajouter une `\u003Ciframe>` à votre fichier HTML, vous devez utiliser les balises d'ouverture et de fermeture `\u003Ciframe>` et inclure l'attribut `src`, qui spécifie l'URL de la page web à afficher. Voici un exemple de balise `\u003Ciframe>` :\n\n```html\n\u003Ciframe src=\"https:\u002F\u002Fwww.example.com\">\u003C\u002Fiframe>\n```\n",{"position":226,"title":292,"layout":289,"text":293,"need_verify":260,"has_solution":230},"Définition de la hauteur et de la largeur de la \u003Ciframe>","## Définition de la hauteur et de la largeur de la \u003Ciframe>\n\nVous pouvez utiliser les attributs `height` et `width` pour ajuster la taille de la `\u003Ciframe>` selon vos besoins. Les attributs `height` et `width` prennent des valeurs en pixels, en pourcentage ou en em. Voici un exemple :\n\n```html\n\u003Ciframe src=\"https:\u002F\u002Fwww.example.com\" height=\"500\" width=\"500\">\u003C\u002Fiframe>\n```\n",{"position":295,"title":296,"layout":289,"text":297,"need_verify":260,"has_solution":230},3,"Contrôle des fonctionnalités d'affichage avec les attributs sandbox et allow","## Contrôle des fonctionnalités d'affichage avec les attributs sandbox et allow\n\nVous pouvez utiliser les attributs `sandbox` et `allow` pour contrôler diverses fonctionnalités de la `\u003Ciframe>`, telles que l'autorisation d'affichage en plein écran, l'activation de l'exécution de scripts à l'intérieur de la `\u003Ciframe>`. Voici un exemple :\n\n```html\n\u003Ciframe\n src=\"https:\u002F\u002Fwww.example.com\"\n sandbox=\"allow-modals allow-forms\"\n>\u003C\u002Fiframe>\n```\n",{"position":265,"title":299,"layout":289,"text":300,"need_verify":260,"has_solution":230},"Utilisation de contenu alternatif","## Utilisation de contenu alternatif\n\nIl est recommandé d'utiliser des balises `\u003Ciframe>` avec un contenu `alternatif` à afficher si le navigateur ne prend pas en charge les cadres en ligne. Vous pouvez ajouter le texte alternatif entre les balises d'ouverture et de fermeture `\u003Ciframe>`, qui sera affiché si la balise `\u003Ciframe>` n'est pas prise en charge. Voici un exemple :\n\n```html\n\u003Ciframe src=\"https:\u002F\u002Fwww.example.com\" height=\"500\" width=\"500\"\n >Votre navigateur ne prend pas en charge les cadres en ligne.\u003C\u002Fiframe\n>\n```\n",{"position":302,"title":303,"layout":284,"text":304,"need_verify":230,"has_solution":230},5,"Résumé","## Résumé\n\nFélicitations ! Vous avez appris à utiliser la balise `\u003Ciframe>` pour afficher une autre page web dans votre page web actuelle. N'oubliez pas de définir l'attribut `src` sur l'URL de la page web que vous voulez afficher, et d'utiliser les attributs `height` et `width` pour ajuster l'affichage selon vos besoins. Vous pouvez également utiliser les attributs `sandbox` et `allow` pour contrôler diverses fonctionnalités de la `\u003Ciframe>`. De plus, assurez-vous d'inclure un contenu alternatif pour les navigateurs qui ne prennent pas en charge la balise `\u003Ciframe>`.\n",[306],{"name":239,"alias":238},{"paths":308},[309,312,315,318,321,324,327,330,333,336,339,342,345,348,351,354,357,360,363,366,369,372,375,378,381,384,387,390,393,396,399,402,405,408,411,412,415,418,421],{"alias":310,"name":311},"linux","Linux",{"alias":313,"name":314},"devops","DevOps",{"alias":316,"name":317},"cybersecurity","Cybersécurité",{"alias":319,"name":320},"kali","Kali Linux",{"alias":322,"name":323},"devops-engineer","DevOps Engineer",{"alias":325,"name":326},"cybersecurity-engineer","Cybersecurity Engineer",{"alias":328,"name":329},"database","Base de données",{"alias":331,"name":332},"datascience","Science des données",{"alias":334,"name":335},"rhel","Red Hat Enterprise Linux",{"alias":337,"name":338},"comptia","CompTIA",{"alias":340,"name":341},"docker","Docker",{"alias":343,"name":344},"kubernetes","Kubernetes",{"alias":346,"name":347},"python","Python",{"alias":349,"name":350},"git","Git",{"alias":352,"name":353},"shell","Shell",{"alias":355,"name":356},"nmap","Nmap",{"alias":358,"name":359},"wireshark","Wireshark",{"alias":361,"name":362},"hydra","Hydra",{"alias":364,"name":365},"java","Java",{"alias":367,"name":368},"sqlite","SQLite",{"alias":370,"name":371},"postgresql","PostgreSQL",{"alias":373,"name":374},"mysql","MySQL",{"alias":376,"name":377},"redis","Redis",{"alias":379,"name":380},"mongodb","MongoDB",{"alias":382,"name":383},"go","Golang",{"alias":385,"name":386},"cpp","C++",{"alias":388,"name":389},"c","C",{"alias":391,"name":392},"jenkins","Jenkins",{"alias":394,"name":395},"ansible","Ansible",{"alias":397,"name":398},"pandas","Pandas",{"alias":400,"name":401},"numpy","NumPy",{"alias":403,"name":404},"sklearn","scikit-learn",{"alias":406,"name":407},"matplotlib","Matplotlib",{"alias":409,"name":410},"webdev","Développement web",{"alias":238,"name":239},{"alias":413,"name":414},"css","CSS",{"alias":416,"name":417},"javascript","JavaScript",{"alias":419,"name":420},"react","React",{"alias":422,"name":423},"devsecops","DevSecOps",{"courses":425},[426,434,441],{"id":427,"alias":428,"name":429,"cover":430,"user_count":431,"level":287,"fee_type":227,"lab_coins":227,"tags":432,"type":227,"status":287,"has_cert":260,"hidden":230},9428,"html-for-beginners","HTML pour débutants","https:\u002F\u002Fcourse-cover.labex.io\u002Fhtml-for-beginners.png?lang=fr",4266,[238,433],"web-development",{"id":435,"alias":436,"name":437,"cover":438,"user_count":439,"level":287,"fee_type":227,"lab_coins":227,"tags":440,"type":295,"status":287,"has_cert":260,"hidden":230},1823,"project-build-a-tic-tac-toe-web-app","Construire une application web Tic-Tac-Toe","https:\u002F\u002Fcourse-cover.labex.io\u002Fproject-build-a-tic-tac-toe-web-app.png?lang=fr",165,[416,433],{"id":442,"alias":443,"name":444,"cover":445,"user_count":446,"level":287,"fee_type":227,"lab_coins":227,"tags":447,"type":295,"status":287,"has_cert":260,"hidden":230},1827,"project-creating-a-whack-a-mole-web-game","Création d'un jeu web de Tapez - le - taupe","https:\u002F\u002Fcourse-cover.labex.io\u002Fproject-creating-a-whack-a-mole-web-game.png?lang=fr",45,[416,433],{"path":449,"team":832},{"id":450,"alias":238,"name":239,"img_url":451,"course_count":287,"hours":452,"enable_uid":230,"skills_count":453,"is_online":260,"is_followed":230,"has_cert":260,"cert_threshold":454,"skilltree":238,"project_count":455,"category":240,"followers_count":456,"tags":457,"url":240,"description":458,"icon":240,"authors":459,"labs_count":302,"levels":460,"learned_skills_count":227,"is_path_group":230,"groups":815,"meta_title":816,"meta_description":817,"meta_keywords":818,"parent_paths":819,"langs":830,"first_lab_alias":831,"first_course_alias":428},52,"https:\u002F\u002Ffile.labex.io\u002Fupload\u002Fu\u002F1991\u002FeGCPCGgBJ3WY.png",30,28,8000,57,13286,[],"Apprenez le HTML, la pierre angulaire du développement web, grâce à ce parcours d'apprentissage complet. Conçue pour les débutants, cette feuille de route offre une approche structurée pour maîtriser le HTML. Les cours HTML interactifs couvrent la structure des documents, les balises et le balisage sémantique. Acquérez une expérience pratique en réalisant des exercices non-vidéo dans un environnement HTML dynamique pour créer des pages web bien structurées.",[],[461,466],{"level":287,"name":462,"courses":463},"courses",[464],{"id":427,"alias":428,"name":429,"cover":430,"user_count":431,"level":287,"fee_type":227,"lab_coins":227,"tags":465,"type":227,"status":287,"has_cert":260,"hidden":230},[238,433],{"level":226,"name":467,"courses":468},"projects",[469,471,473,480,487,494,501,508,514,520,526,532,539,545,551,557,563,569,575,582,589,595,601,608,615,621,627,633,639,645,651,657,663,669,675,681,687,693,699,705,711,717,724,731,737,743,749,755,761,767,773,779,785,791,797,803,809],{"id":435,"alias":436,"name":437,"cover":438,"user_count":439,"level":287,"fee_type":227,"lab_coins":227,"tags":470,"type":295,"status":287,"has_cert":260,"hidden":230},[416,433],{"id":442,"alias":443,"name":444,"cover":445,"user_count":446,"level":287,"fee_type":227,"lab_coins":227,"tags":472,"type":295,"status":287,"has_cert":260,"hidden":230},[416,433],{"id":474,"alias":475,"name":476,"cover":477,"user_count":478,"level":287,"fee_type":227,"lab_coins":227,"tags":479,"type":295,"status":287,"has_cert":260,"hidden":230},2117,"project-create-a-notes-app-using-react","Créer une application de notes avec React","https:\u002F\u002Fcourse-cover.labex.io\u002Fproject-create-a-notes-app-using-react.png?lang=fr",70,[419,416,433],{"id":481,"alias":482,"name":483,"cover":484,"user_count":485,"level":287,"fee_type":227,"lab_coins":227,"tags":486,"type":295,"status":287,"has_cert":260,"hidden":230},2120,"project-building-a-expense-splitter-web-app","Création d'une application web moderne de partage de dépenses","https:\u002F\u002Fcourse-cover.labex.io\u002Fproject-building-a-expense-splitter-web-app.png?lang=fr",17,[416,433],{"id":488,"alias":489,"name":490,"cover":491,"user_count":492,"level":287,"fee_type":227,"lab_coins":227,"tags":493,"type":295,"status":287,"has_cert":260,"hidden":230},2121,"project-creating-a-drawing-board-web-app","Création d'une application web de tableau de dessin","https:\u002F\u002Fcourse-cover.labex.io\u002Fproject-creating-a-drawing-board-web-app.png?lang=fr",12,[416,433],{"id":495,"alias":496,"name":497,"cover":498,"user_count":499,"level":287,"fee_type":227,"lab_coins":227,"tags":500,"type":295,"status":287,"has_cert":260,"hidden":230},2126,"project-creating-a-task-timer-web-app","Création d'une application web de minuteur de tâches","https:\u002F\u002Fcourse-cover.labex.io\u002Fproject-creating-a-task-timer-web-app.png?lang=fr",21,[416,433],{"id":502,"alias":503,"name":504,"cover":505,"user_count":506,"level":287,"fee_type":227,"lab_coins":227,"tags":507,"type":295,"status":287,"has_cert":260,"hidden":230},2152,"project-create-a-swiper-carousel-web-app","Créer une application web de carrousel Swiper","https:\u002F\u002Fcourse-cover.labex.io\u002Fproject-create-a-swiper-carousel-web-app.png?lang=fr",9,[416,433],{"id":509,"alias":510,"name":511,"cover":512,"user_count":226,"level":287,"fee_type":227,"lab_coins":227,"tags":513,"type":295,"status":287,"has_cert":260,"hidden":230},2205,"project-monty-hall-problem-simulation-web-app","Application Web de Simulation du Problème de Monty Hall","https:\u002F\u002Fcourse-cover.labex.io\u002Fproject-monty-hall-problem-simulation-web-app.png?lang=fr",[416,433],{"id":515,"alias":516,"name":517,"cover":518,"user_count":302,"level":226,"fee_type":227,"lab_coins":227,"tags":519,"type":295,"status":287,"has_cert":260,"hidden":230},2217,"project-building-a-web-avoiding-block-game","Création d'un jeu web de dodge block","https:\u002F\u002Fcourse-cover.labex.io\u002Fproject-building-a-web-avoiding-block-game.png?lang=fr",[416,433],{"id":521,"alias":522,"name":523,"cover":524,"user_count":302,"level":287,"fee_type":227,"lab_coins":227,"tags":525,"type":295,"status":287,"has_cert":260,"hidden":230},2243,"project-2048-web-game-using-jquery","Jeu web 2048 utilisant jQuery","https:\u002F\u002Fcourse-cover.labex.io\u002Fproject-2048-web-game-using-jquery.png?lang=fr",[416,433],{"id":527,"alias":528,"name":529,"cover":530,"user_count":485,"level":287,"fee_type":227,"lab_coins":227,"tags":531,"type":295,"status":287,"has_cert":260,"hidden":230},2250,"project-developing-a-simple-online-chat-room-using-flask","Développement d'une salle de chat en ligne simple avec Flask","https:\u002F\u002Fcourse-cover.labex.io\u002Fproject-developing-a-simple-online-chat-room-using-flask.png?lang=fr",[346,433],{"id":533,"alias":534,"name":535,"cover":536,"user_count":537,"level":287,"fee_type":227,"lab_coins":227,"tags":538,"type":295,"status":287,"has_cert":260,"hidden":230},2260,"project-build-a-sliding-puzzle-game-with-javascript","Construire un jeu de Taquin avec JavaScript","https:\u002F\u002Fcourse-cover.labex.io\u002Fproject-build-a-sliding-puzzle-game-with-javascript.png?lang=fr",8,[416,433],{"id":540,"alias":541,"name":542,"cover":543,"user_count":302,"level":287,"fee_type":227,"lab_coins":227,"tags":544,"type":295,"status":287,"has_cert":260,"hidden":230},2261,"project-create-a-pixel-art-animator-with-react","Créer un animateur d'art pixel avec React","https:\u002F\u002Fcourse-cover.labex.io\u002Fproject-create-a-pixel-art-animator-with-react.png?lang=fr",[419,416,433],{"id":546,"alias":547,"name":548,"cover":549,"user_count":265,"level":287,"fee_type":227,"lab_coins":227,"tags":550,"type":295,"status":287,"has_cert":260,"hidden":230},2262,"project-jquery-flip-puzzle-game","Jeu de puzzle jQuery Flip","https:\u002F\u002Fcourse-cover.labex.io\u002Fproject-jquery-flip-puzzle-game.png?lang=fr",[416,433],{"id":552,"alias":553,"name":554,"cover":555,"user_count":265,"level":287,"fee_type":227,"lab_coins":227,"tags":556,"type":295,"status":287,"has_cert":260,"hidden":230},2293,"project-creating-a-minesweeper-game-with-javascript","Création d'un jeu de Démineur avec JavaScript","https:\u002F\u002Fcourse-cover.labex.io\u002Fproject-creating-a-minesweeper-game-with-javascript.png?lang=fr",[416,433],{"id":558,"alias":559,"name":560,"cover":561,"user_count":265,"level":287,"fee_type":227,"lab_coins":227,"tags":562,"type":295,"status":287,"has_cert":260,"hidden":230},2320,"project-build-a-simple-markdown-editor-with-live-preview","Construire un éditeur Markdown simple avec aperçu en direct","https:\u002F\u002Fcourse-cover.labex.io\u002Fproject-build-a-simple-markdown-editor-with-live-preview.png?lang=fr",[416,433],{"id":564,"alias":565,"name":566,"cover":567,"user_count":287,"level":287,"fee_type":227,"lab_coins":227,"tags":568,"type":295,"status":287,"has_cert":260,"hidden":230},2321,"project-implement-a-magnifying-glass-effect-using-canvas","Implémenter un effet de loupe à l'aide de Canvas","https:\u002F\u002Fcourse-cover.labex.io\u002Fproject-implement-a-magnifying-glass-effect-using-canvas.png?lang=fr",[416,433],{"id":570,"alias":571,"name":572,"cover":573,"user_count":227,"level":287,"fee_type":227,"lab_coins":227,"tags":574,"type":295,"status":287,"has_cert":260,"hidden":230},2363,"project-build-an-image-cropping-tool-using-html5","Construire un outil de rognage d'images avec HTML5","https:\u002F\u002Fcourse-cover.labex.io\u002Fproject-build-an-image-cropping-tool-using-html5.png?lang=fr",[416,433],{"id":576,"alias":577,"name":578,"cover":579,"user_count":580,"level":226,"fee_type":227,"lab_coins":227,"tags":581,"type":295,"status":287,"has_cert":260,"hidden":230},2826,"project-building-a-christmas-wish-list-builder-in-react","Création d'un générateur de liste de souhaits de Noël avec React","https:\u002F\u002Fcourse-cover.labex.io\u002Fproject-building-a-christmas-wish-list-builder-in-react.png?lang=fr",24,[419,416,433],{"id":583,"alias":584,"name":585,"cover":586,"user_count":492,"level":287,"fee_type":227,"lab_coins":227,"tags":587,"type":295,"status":287,"has_cert":260,"hidden":230},4544,"project-deploying-mobilenet-with-tensorflowjs-and-flask","Déploiement de MobileNet avec TensorFlow.js et Flask","https:\u002F\u002Fcourse-cover.labex.io\u002Fproject-deploying-mobilenet-with-tensorflowjs-and-flask.png?lang=fr",[346,588],"data-science",{"id":590,"alias":591,"name":592,"cover":593,"user_count":287,"level":287,"fee_type":227,"lab_coins":227,"tags":594,"type":295,"status":287,"has_cert":260,"hidden":230},4573,"project-dont-step-on-the-white-tile","Ne marchez pas sur les tuiles blanches","https:\u002F\u002Fcourse-cover.labex.io\u002Fproject-dont-step-on-the-white-tile.png?lang=fr",[416,433],{"id":596,"alias":597,"name":598,"cover":599,"user_count":226,"level":287,"fee_type":227,"lab_coins":227,"tags":600,"type":295,"status":287,"has_cert":260,"hidden":230},4574,"project-scratch-card-game","Construire un jeu web de carte gratte - gagnant","https:\u002F\u002Fcourse-cover.labex.io\u002Fproject-scratch-card-game.png?lang=fr",[416,433],{"id":602,"alias":603,"name":604,"cover":605,"user_count":606,"level":295,"fee_type":227,"lab_coins":227,"tags":607,"type":295,"status":287,"has_cert":260,"hidden":230},4719,"project-build-a-simple-url-shortener-with-flask-and-mysql","Créer un raccourcisseur d'URL simple avec Flask et MySQL","https:\u002F\u002Fcourse-cover.labex.io\u002Fproject-build-a-simple-url-shortener-with-flask-and-mysql.png?lang=fr",31,[416,433],{"id":609,"alias":610,"name":611,"cover":612,"user_count":613,"level":287,"fee_type":227,"lab_coins":227,"tags":614,"type":295,"status":287,"has_cert":260,"hidden":230},4871,"project-build-a-web-based-tcp-port-scanner","Créer un scanner de ports TCP basé sur le Web","https:\u002F\u002Fcourse-cover.labex.io\u002Fproject-build-a-web-based-tcp-port-scanner.png?lang=fr",13,[316,355,310],{"id":616,"alias":617,"name":618,"cover":619,"user_count":265,"level":287,"fee_type":227,"lab_coins":227,"tags":620,"type":295,"status":287,"has_cert":260,"hidden":230},5455,"project-do-a-search","Développement de la fonctionnalité de recherche Vue.js","https:\u002F\u002Fcourse-cover.labex.io\u002Fproject-do-a-search.png?lang=fr",[416,433],{"id":622,"alias":623,"name":624,"cover":625,"user_count":302,"level":287,"fee_type":227,"lab_coins":227,"tags":626,"type":295,"status":287,"has_cert":260,"hidden":230},5456,"project-dynamic-tab-bar","Implémenter une barre d'onglets collante dynamique","https:\u002F\u002Fcourse-cover.labex.io\u002Fproject-dynamic-tab-bar.png?lang=fr",[413,433],{"id":628,"alias":629,"name":630,"cover":631,"user_count":226,"level":287,"fee_type":227,"lab_coins":227,"tags":632,"type":295,"status":287,"has_cert":260,"hidden":230},5459,"project-a-good-review-for-the-takeout","Une bonne critique pour les commandes à emporter","https:\u002F\u002Fcourse-cover.labex.io\u002Fproject-a-good-review-for-the-takeout.png?lang=fr",[416,433],{"id":634,"alias":635,"name":636,"cover":637,"user_count":295,"level":287,"fee_type":227,"lab_coins":227,"tags":638,"type":295,"status":287,"has_cert":260,"hidden":230},5460,"project-add-new-address","Application Web de Gestion des Adresses","https:\u002F\u002Fcourse-cover.labex.io\u002Fproject-add-new-address.png?lang=fr",[416,433],{"id":640,"alias":641,"name":642,"cover":643,"user_count":287,"level":287,"fee_type":227,"lab_coins":227,"tags":644,"type":295,"status":287,"has_cert":260,"hidden":230},5467,"project-holiday-greeting-card","Générateur de cartes de vœux aléatoires","https:\u002F\u002Fcourse-cover.labex.io\u002Fproject-holiday-greeting-card.png?lang=fr",[416,433],{"id":646,"alias":647,"name":648,"cover":649,"user_count":295,"level":287,"fee_type":227,"lab_coins":227,"tags":650,"type":295,"status":287,"has_cert":260,"hidden":230},5468,"project-movie-ticket-reservation","Système de réservation de billets de cinéma","https:\u002F\u002Fcourse-cover.labex.io\u002Fproject-movie-ticket-reservation.png?lang=fr",[416,433],{"id":652,"alias":653,"name":654,"cover":655,"user_count":226,"level":287,"fee_type":227,"lab_coins":227,"tags":656,"type":295,"status":287,"has_cert":260,"hidden":230},5476,"project-web-ppt","Générateur de présentations HTML basé sur le web","https:\u002F\u002Fcourse-cover.labex.io\u002Fproject-web-ppt.png?lang=fr",[416,433],{"id":658,"alias":659,"name":660,"cover":661,"user_count":227,"level":287,"fee_type":227,"lab_coins":227,"tags":662,"type":295,"status":287,"has_cert":260,"hidden":230},5479,"project-fun-shopping","Panier d'achat Vue.js avec glisser-déposer","https:\u002F\u002Fcourse-cover.labex.io\u002Fproject-fun-shopping.png?lang=fr",[416,433],{"id":664,"alias":665,"name":666,"cover":667,"user_count":287,"level":287,"fee_type":227,"lab_coins":227,"tags":668,"type":295,"status":287,"has_cert":260,"hidden":230},5481,"project-layout-switch","Liste de produits avec changement de mise en page","https:\u002F\u002Fcourse-cover.labex.io\u002Fproject-layout-switch.png?lang=fr",[416,433],{"id":670,"alias":671,"name":672,"cover":673,"user_count":227,"level":287,"fee_type":227,"lab_coins":227,"tags":674,"type":295,"status":287,"has_cert":260,"hidden":230},5485,"project-read-it","Créer un lecteur d'e-books Vue.js","https:\u002F\u002Fcourse-cover.labex.io\u002Fproject-read-it.png?lang=fr",[416,433],{"id":676,"alias":677,"name":678,"cover":679,"user_count":227,"level":287,"fee_type":227,"lab_coins":227,"tags":680,"type":295,"status":287,"has_cert":260,"hidden":230},5488,"project-switch-business-status","Création d'un commutateur d'état de magasin avec Vue.js","https:\u002F\u002Fcourse-cover.labex.io\u002Fproject-switch-business-status.png?lang=fr",[416,433],{"id":682,"alias":683,"name":684,"cover":685,"user_count":287,"level":287,"fee_type":227,"lab_coins":227,"tags":686,"type":295,"status":287,"has_cert":260,"hidden":230},5537,"project-atomic-css","Implémenter une mise en page flexible atomique avec CSS","https:\u002F\u002Fcourse-cover.labex.io\u002Fproject-atomic-css.png?lang=fr",[413,433],{"id":688,"alias":689,"name":690,"cover":691,"user_count":295,"level":287,"fee_type":227,"lab_coins":227,"tags":692,"type":295,"status":287,"has_cert":260,"hidden":230},5538,"project-creating-website-homepage","Création d'une page d'accueil de site web d'actualités responsive","https:\u002F\u002Fcourse-cover.labex.io\u002Fproject-creating-website-homepage.png?lang=fr",[413,433],{"id":694,"alias":695,"name":696,"cover":697,"user_count":295,"level":287,"fee_type":227,"lab_coins":227,"tags":698,"type":295,"status":287,"has_cert":260,"hidden":230},5539,"project-creative-billboard","Conception créative d'affiche avec des textures de bois","https:\u002F\u002Fcourse-cover.labex.io\u002Fproject-creative-billboard.png?lang=fr",[413,433],{"id":700,"alias":701,"name":702,"cover":703,"user_count":265,"level":287,"fee_type":227,"lab_coins":227,"tags":704,"type":295,"status":287,"has_cert":260,"hidden":230},5543,"project-fix-website-display","Réparation des problèmes d'affichage de site web","https:\u002F\u002Fcourse-cover.labex.io\u002Fproject-fix-website-display.png?lang=fr",[413,433],{"id":706,"alias":707,"name":708,"cover":709,"user_count":302,"level":287,"fee_type":227,"lab_coins":227,"tags":710,"type":295,"status":287,"has_cert":260,"hidden":230},5544,"project-flex-dice-layout","Mise en page responsive de dés avec Flexbox","https:\u002F\u002Fcourse-cover.labex.io\u002Fproject-flex-dice-layout.png?lang=fr",[413,433],{"id":712,"alias":713,"name":714,"cover":715,"user_count":295,"level":287,"fee_type":227,"lab_coins":227,"tags":716,"type":295,"status":287,"has_cert":260,"hidden":230},5549,"project-give-your-page-a-makeover","Donnez un coup de jeune à votre page","https:\u002F\u002Fcourse-cover.labex.io\u002Fproject-give-your-page-a-makeover.png?lang=fr",[413,433],{"id":718,"alias":719,"name":720,"cover":721,"user_count":722,"level":287,"fee_type":227,"lab_coins":227,"tags":723,"type":295,"status":287,"has_cert":260,"hidden":230},5550,"project-labex-knowledge-network","Conception d'une page d'accueil simple et belle","https:\u002F\u002Fcourse-cover.labex.io\u002Fproject-labex-knowledge-network.png?lang=fr",15,[413,433],{"id":725,"alias":726,"name":727,"cover":728,"user_count":729,"level":287,"fee_type":227,"lab_coins":227,"tags":730,"type":295,"status":287,"has_cert":260,"hidden":230},5551,"project-movie-theater-seat-arrangement","Disposition des sièges d'un cinéma","https:\u002F\u002Fcourse-cover.labex.io\u002Fproject-movie-theater-seat-arrangement.png?lang=fr",6,[413,433],{"id":732,"alias":733,"name":734,"cover":735,"user_count":287,"level":287,"fee_type":227,"lab_coins":227,"tags":736,"type":295,"status":287,"has_cert":260,"hidden":230},5552,"project-responsive-page-layout","Conception Web Responsive avec Gulp","https:\u002F\u002Fcourse-cover.labex.io\u002Fproject-responsive-page-layout.png?lang=fr",[413,433],{"id":738,"alias":739,"name":740,"cover":741,"user_count":302,"level":287,"fee_type":227,"lab_coins":227,"tags":742,"type":295,"status":287,"has_cert":260,"hidden":230},5553,"project-responsive-web-design","Conception Web Responsive pour Tous les Écrans","https:\u002F\u002Fcourse-cover.labex.io\u002Fproject-responsive-web-design.png?lang=fr",[413,433],{"id":744,"alias":745,"name":746,"cover":747,"user_count":287,"level":287,"fee_type":227,"lab_coins":227,"tags":748,"type":295,"status":287,"has_cert":260,"hidden":230},5594,"project-table-data-conversion","Mise en forme et visualisation de données avec Vue.js","https:\u002F\u002Fcourse-cover.labex.io\u002Fproject-table-data-conversion.png?lang=fr",[416,433],{"id":750,"alias":751,"name":752,"cover":753,"user_count":265,"level":287,"fee_type":227,"lab_coins":227,"tags":754,"type":295,"status":287,"has_cert":260,"hidden":230},5595,"project-vanished-into-thin-air","Disparu dans les nuages","https:\u002F\u002Fcourse-cover.labex.io\u002Fproject-vanished-into-thin-air.png?lang=fr",[416,433],{"id":756,"alias":757,"name":758,"cover":759,"user_count":227,"level":287,"fee_type":227,"lab_coins":227,"tags":760,"type":295,"status":287,"has_cert":260,"hidden":230},5596,"project-wish-sticky-note","Application de notes adhésives de souhaits avec Vue.js","https:\u002F\u002Fcourse-cover.labex.io\u002Fproject-wish-sticky-note.png?lang=fr",[416,433],{"id":762,"alias":763,"name":764,"cover":765,"user_count":227,"level":287,"fee_type":227,"lab_coins":227,"tags":766,"type":295,"status":287,"has_cert":260,"hidden":230},5607,"project-dynamization-of-homepage-data","Dynamisation des données de la page d'accueil","https:\u002F\u002Fcourse-cover.labex.io\u002Fproject-dynamization-of-homepage-data.png?lang=fr",[416,433],{"id":768,"alias":769,"name":770,"cover":771,"user_count":226,"level":287,"fee_type":227,"lab_coins":227,"tags":772,"type":295,"status":287,"has_cert":260,"hidden":230},5609,"project-food-protein-revealed","Visualisation de données avec Echarts et JSON","https:\u002F\u002Fcourse-cover.labex.io\u002Fproject-food-protein-revealed.png?lang=fr",[416,433],{"id":774,"alias":775,"name":776,"cover":777,"user_count":227,"level":287,"fee_type":227,"lab_coins":227,"tags":778,"type":295,"status":287,"has_cert":260,"hidden":230},5611,"project-lets-have-a-meeting-together","Organisons ensemble une réunion","https:\u002F\u002Fcourse-cover.labex.io\u002Fproject-lets-have-a-meeting-together.png?lang=fr",[416,433],{"id":780,"alias":781,"name":782,"cover":783,"user_count":287,"level":287,"fee_type":227,"lab_coins":227,"tags":784,"type":295,"status":287,"has_cert":260,"hidden":230},5612,"project-missing-token","Création d'une fonctionnalité de connexion avec Vue.js et Vuex","https:\u002F\u002Fcourse-cover.labex.io\u002Fproject-missing-token.png?lang=fr",[416,433],{"id":786,"alias":787,"name":788,"cover":789,"user_count":227,"level":287,"fee_type":227,"lab_coins":227,"tags":790,"type":295,"status":287,"has_cert":260,"hidden":230},5618,"project-time-management-master","Construire un gestionnaire de tâches Vue.js","https:\u002F\u002Fcourse-cover.labex.io\u002Fproject-time-management-master.png?lang=fr",[416,433],{"id":792,"alias":793,"name":794,"cover":795,"user_count":227,"level":287,"fee_type":227,"lab_coins":227,"tags":796,"type":295,"status":287,"has_cert":260,"hidden":230},5695,"project-implement-user-login-function","Implémenter la fonction de connexion utilisateur","https:\u002F\u002Fcourse-cover.labex.io\u002Fproject-implement-user-login-function.png?lang=fr",[416,433],{"id":798,"alias":799,"name":800,"cover":801,"user_count":287,"level":287,"fee_type":227,"lab_coins":227,"tags":802,"type":295,"status":287,"has_cert":260,"hidden":230},5713,"project-time-with-your-phone","Temps passé sur votre téléphone","https:\u002F\u002Fcourse-cover.labex.io\u002Fproject-time-with-your-phone.png?lang=fr",[416,433],{"id":804,"alias":805,"name":806,"cover":807,"user_count":287,"level":287,"fee_type":227,"lab_coins":227,"tags":808,"type":295,"status":287,"has_cert":260,"hidden":230},5714,"project-weather-trend","Graphique de tendance météorologique avec Vue et Echarts","https:\u002F\u002Fcourse-cover.labex.io\u002Fproject-weather-trend.png?lang=fr",[416,433],{"id":810,"alias":811,"name":812,"cover":813,"user_count":613,"level":287,"fee_type":227,"lab_coins":227,"tags":814,"type":295,"status":287,"has_cert":260,"hidden":230},5720,"project-counting-access-times-by-ip","Comptage des accès par adresse IP","https:\u002F\u002Fcourse-cover.labex.io\u002Fproject-counting-access-times-by-ip.png?lang=fr",[364],[],"Apprendre HTML | Cours de HTML en ligne","Apprenez le HTML avec un parcours d'apprentissage structuré conçu pour les débutants. Ces cours HTML interactifs vous permettent de pratiquer la conception web dans un environnement HTML dynamique et de développer des compétences fondamentales.","apprendre HTML, cours HTML, HTML pour débutants, apprendre html en ligne, tutoriels html, fondamentaux du web, bases html, pratique html",[820],{"id":821,"alias":433,"name":410,"img_url":822,"course_count":302,"hours":823,"enable_uid":230,"skills_count":824,"is_online":260,"is_followed":230,"has_cert":260,"cert_threshold":454,"skilltree":433,"project_count":825,"category":240,"followers_count":826,"tags":827,"url":240,"description":828,"icon":240,"authors":829,"labs_count":606},71,"https:\u002F\u002Ffile.labex.io\u002Fupload\u002Fu\u002F1991\u002FY5b0Qn21hQLI.png",300,99,130,13766,[],"Apprenez le développement web grâce à ce parcours d'apprentissage complet conçu pour les débutants. Ces cours structurés de développement web offrent une feuille de route claire pour maîtriser les technologies front-end et back-end, des fondamentaux comme HTML, CSS et JavaScript aux frameworks populaires. Grâce à des modules pratiques sans vidéo et à des exercices de codage concrets, vous construirez des sites web et des applications web réels dans un environnement interactif.",[],[271,275,272,273,274,276,277,278,279],"html-html-document-structure-597898",[],["Reactive",834],{"$si18n:cached-locale-configs":835,"$si18n:resolved-locale":273,"$scolor-mode":854,"$suser":-1,"$scopywriting":856,"$sjoined_teams":1102,"$sowned_teams":1103,"$sjoined_skill_strees":1104,"$sget_joined_skill_strees_pending":260,"$suser_streaks":1105,"$stoday_get_streak":230,"$snext_skill_badge":1105,"$snext_streak_badge":1105,"$sis_pc":260,"$swindow_width":227,"$ssite-config":1106},{"en":836,"zh":838,"es":840,"ja":842,"fr":844,"de":846,"ru":848,"pt":850,"ko":852},{"fallbacks":837,"cacheable":260},[279],{"fallbacks":839,"cacheable":260},[279],{"fallbacks":841,"cacheable":260},[279,279],{"fallbacks":843,"cacheable":260},[279],{"fallbacks":845,"cacheable":260},[279,279],{"fallbacks":847,"cacheable":260},[279,279],{"fallbacks":849,"cacheable":260},[279,279],{"fallbacks":851,"cacheable":260},[279,279],{"fallbacks":853,"cacheable":260},[279],{"preference":855,"value":855,"unknown":260,"forced":230},"light",[857,897,974,1037,1042],{"key":858,"text":240,"tags":859,"data":861},"free_modal",[860],"free_user",{"close":862,"free_modal":863},{"hours":580},{"confirm_button":864,"sub_title":877,"title":887},{"label":865,"type":875,"url":876},{"de":866,"en":867,"es":868,"fr":869,"ja":870,"ko":871,"pt":872,"ru":873,"zh":874},"Level up mit LabEx Pro","Level Up With LabEx Pro","Sube de nivel con LabEx Pro","Montez de niveau avec LabEx Pro","LabEx Pro にレベルアップ","LabEx Pro로 레벨업","Suba de nível com LabEx Pro","Повысьте уровень с LabEx Pro","升级到 LabEx Pro","link","\u002Fpricing",{"de":878,"en":879,"es":880,"fr":881,"ja":882,"ko":883,"pt":884,"ru":885,"zh":886},"🚀 Seit 2017 · Vertraut von 1M+ Lernenden · 100% Praxisorientiert","🚀 Since 2017 · Trusted by 1M+ Learners · 100% Hands-On","🚀 Desde 2017 · Confiado por 1M+ Estudiantes · 100% Práctico","🚀 Depuis 2017 · Fait confiance par 1M+ Apprenants · 100% Pratique","🚀 2017年以来 · 100万人以上の学習者に信頼 · 100% ハンズオン","🚀 2017년부터 · 100만명+ 학습자가 신뢰 · 100% 실습","🚀 Desde 2017 · Confiado por 1M+ Aprendizes · 100% Prático","🚀 С 2017 года · Доверие 1M+ учащихся · 100% Практика","🚀 自2017年 · 100万+学习者信赖 · 100% 动手实践",{"de":888,"en":889,"es":890,"fr":891,"ja":892,"ko":893,"pt":894,"ru":895,"zh":896},"Kostenloser Plan auf 3 VM-Starts pro Tag begrenzt","Free Plan Limited to 3 VM Launches Per Day","Plan gratuito limitado a 3 lanzamientos de VM por día","Plan gratuit limité à 3 lancements de VM par jour","無料プランは1日3回のVM起動に制限されています","무료 플랜은 하루 3회 VM 실행으로 제한됩니다","Plano gratuito limitado a 3 inicializações de VM por dia","Бесплатный план ограничен 3 запусками ВМ в день","免费计划每天限制启动3个虚拟机",{"key":898,"text":240,"tags":899,"data":900},"country_codes",[860],{"codes":901},[902,905,908,911,914,917,920,923,926,929,932,935,938,941,944,947,950,953,956,959,962,965,968,971],{"code":903,"emoji":904},"IN","🇮🇳",{"code":906,"emoji":907},"ID","🇮🇩",{"code":909,"emoji":910},"EG","🇪🇬",{"code":912,"emoji":913},"PK","🇵🇰",{"code":915,"emoji":916},"MY","🇲🇾",{"code":918,"emoji":919},"VN","🇻🇳",{"code":921,"emoji":922},"UG","🇺🇬",{"code":924,"emoji":925},"PH","🇵🇭",{"code":927,"emoji":928},"BR","🇧🇷",{"code":930,"emoji":931},"ET","🇪🇹",{"code":933,"emoji":934},"BD","🇧🇩",{"code":936,"emoji":937},"NG","🇳🇬",{"code":939,"emoji":940},"KE","🇰🇪",{"code":942,"emoji":943},"IR","🇮🇷",{"code":945,"emoji":946},"MX","🇲🇽",{"code":948,"emoji":949},"TR","🇹🇷",{"code":951,"emoji":952},"DZ","🇩🇿",{"code":954,"emoji":955},"SD","🇸🇩",{"code":957,"emoji":958},"AO","🇦🇴",{"code":960,"emoji":961},"PE","🇵🇪",{"code":963,"emoji":964},"GH","🇬🇭",{"code":966,"emoji":967},"MZ","🇲🇿",{"code":969,"emoji":970},"IQ","🇮🇶",{"code":972,"emoji":973},"UZ","🇺🇿",{"key":975,"text":976,"tags":977,"data":981},"free_labs_page","free labs 页面 TDK",[860,978,979,980],"trial_user","pro_user","not_logged_in",{"free_labs_page":982},[983,989,995,1001,1007,1013,1019,1025,1031],{"description":984,"lang":279,"meta_description":985,"meta_keywords":986,"meta_title":987,"title":988},"1000+ Free Interactive Labs in 30+ Tech Fields for Developers and Students. Practice and enhance your skills with free hands-on exercises and real-world scenarios.\n","Discover LabEx's 1000+ free interactive labs across Linux, DevOps, Cybersecurity, Data Science, Web Development, Machine Learning, and more. Gain free access to expert-led training and hands-on practice in a dynamic environment.\n","Free Labs, LabEx, Interactive Labs, Free Tech Skills, Free Hands-On Practice, Online Learning\n","Free Labs | Interactive Practice in 30+ Tech Fields","Free Labs",{"description":990,"lang":271,"meta_description":991,"meta_keywords":992,"meta_title":993,"title":994},"为开发者和学生量身打造的 1000+ 免费互动实验，覆盖 30+ 技术领域。通过免费实践练习和真实场景，提升您的技能。\n","探索 LabEx 提供的 1000+ 免费互动实验，涵盖 Linux、DevOps、网络安全、数据科学、 Web 开发、机器学习等领域。在动态环境中免费获得专家指导的培训和实践机会。\n","免费实验, LabEx, 互动实验, 免费技术技能, 免费实践练习, 在线学习\n","免费实验 | 30+ 技术领域互动实践","免费实验",{"description":996,"lang":272,"meta_description":997,"meta_keywords":998,"meta_title":999,"title":1000},"Más de 1000 laboratorios interactivos gratuitos en más de 30 áreas tecnológicas para desarrolladores y estudiantes. Mejora tus habilidades con ejercicios prácticos gratuitos y escenarios del mundo real.\n","Explora más de 1000 laboratorios interactivos gratuitos de LabEx en Linux, DevOps, Ciberseguridad, Ciencia de Datos, Desarrollo Web, Machine Learning y más. Accede gratis a formación guiada por expertos y práctica en entornos dinámicos.\n","Laboratorios Gratuitos, LabEx, Laboratorios Interactivos, Habilidades Técnicas Gratis, Práctica Práctica Gratuita, Aprendizaje en Línea\n","Laboratorios Gratuitos | Práctica Interactiva en Más de 30 Áreas Tecnológicas","Laboratorios Gratuitos",{"description":1002,"lang":273,"meta_description":1003,"meta_keywords":1004,"meta_title":1005,"title":1006},"Plus de 1000 laboratoires interactifs gratuits dans plus de 30 domaines technologiques pour les développeurs et les étudiants. Améliorez vos compétences avec des exercices pratiques gratuits et des scénarios réels.\n","Découvrez plus de 1000 laboratoires interactifs gratuits de LabEx en Linux, DevOps, Cybersécurité, Science des Données, Développement Web, Machine Learning et plus encore. Accédez gratuitement à des formations dirigées par des experts et à des exercices pratiques dans un environnement dynamique.\n","Laboratoires Gratuits, LabEx, Laboratoires Interactifs, Compétences Techniques Gratuites, Pratique Pratique Gratuite, Apprentissage en Ligne\n","Laboratoires Gratuits | Pratique Interactive dans Plus de 30 Domaines Technologiques","Laboratoires Gratuits",{"description":1008,"lang":274,"meta_description":1009,"meta_keywords":1010,"meta_title":1011,"title":1012},"Über 1000 kostenlose interaktive Labs in über 30 Technologiebereichen für Entwickler und Studierende. Verbessere deine Fähigkeiten mit kostenlosen praktischen Übungen und realen Szenarien.\n","Entdecke über 1000 kostenlose interaktive Labs von LabEx in Bereichen wie Linux, DevOps, Cybersicherheit, Datenwissenschaft, Webentwicklung, maschinelles Lernen und mehr. Erhalte kostenlosen Zugang zu von Experten geleiteten Schulungen und praktischen Übungen in einer dynamischen Umgebung.\n","Kostenlose Labs, LabEx, Interaktive Labs, Kostenlose Technische Fähigkeiten, Kostenlose Praktische Übungen, Online-Lernen\n","Kostenlose Labs | Interaktive Übungen in Über 30 Technologiebereichen","Kostenlose Labs",{"description":1014,"lang":275,"meta_description":1015,"meta_keywords":1016,"meta_title":1017,"title":1018},"開発者や学生向けに、30以上の技術分野をカバーする1000以上の無料インタラクティブなラボ。無料の実践練習と現実のシナリオでスキルを向上させましょう。\n","LabExの1000以上の無料インタラクティブなラボを、Linux、DevOps、サイバーセキュリティ、データサイエンス、ウェブ開発、機械学習などで体験。専門家による指導とダイナミックな環境での無料実践練習を利用できます。\n","無料ラボ, LabEx, インタラクティブなラボ, 無料技術スキル, 無料実践練習, オンライン学習\n","無料ラボ | 30以上の技術分野でインタラクティブな実践","無料ラボ",{"description":1020,"lang":276,"meta_description":1021,"meta_keywords":1022,"meta_title":1023,"title":1024},"Более 1000 бесплатных интерактивных лабораторий в более чем 30 технических областях для разработчиков и студентов. Совершенствуйте свои навыки с бесплатными практическими упражнениями и реальными сценариями.\n","Ознакомьтесь с более чем 1000 бесплатных интерактивных лабораторий от LabEx по Linux, DevOps, кибербезопасности, науке о данных, веб-разработке, машинному обучению и многому другому. Получите бесплатный доступ к обучению под руководством экспертов и практическим упражнениям в динамичной среде.\n","Бесплатные Лаборатории, LabEx, Интерактивные Лаборатории, Бесплатные Технические Навыки, Бесплатная Практика, Онлайн-Обучение\n","Бесплатные Лаборатории | Интерактивная Практика в Более Чем 30 Технических Областях","Бесплатные Лаборатории",{"description":1026,"lang":277,"meta_description":1027,"meta_keywords":1028,"meta_title":1029,"title":1030},"개발자와 학생을 위해 30개 이상의 기술 분야를 다루는 1000개 이상의 무료 인터랙티브 랩. 무료 실습 연습과 실제 시나리오로 스킬을 향상하세요.\n","LabEx의 1000개 이상의 무료 인터랙티브 랩을 통해 Linux, DevOps, 사이버 보안, 데이터 사이언스, 웹 개발, 머신 러닝 등을 탐구하세요. 전문가가 이끄는 교육과 동적 환경에서의 무료 실습 기회를 누리세요.\n","무료 랩, LabEx, 인터랙티브 랩, 무료 기술 스킬, 무료 실습 연습, 온라인 학습\n","무료 랩 | 30개 이상의 기술 분야에서 인터랙티브 연습","무료 랩",{"description":1032,"lang":278,"meta_description":1033,"meta_keywords":1034,"meta_title":1035,"title":1036},"Mais de 1000 laboratórios interativos gratuitos em mais de 30 áreas tecnológicas para desenvolvedores e estudantes. Aprimore suas habilidades com exercícios práticos gratuitos e cenários do mundo real.\n","Explore mais de 1000 laboratórios interativos gratuitos da LabEx em Linux, DevOps, Cibersegurança, Ciência de Dados, Desenvolvimento Web, Machine Learning e mais. Obtenha acesso gratuito a treinamentos liderados por especialistas e prática em ambientes dinâmicos.\n","Laboratórios Gratuitos, LabEx, Laboratórios Interativos, Habilidades Técnicas Gratuitas, Prática Prática Gratuita, Aprendizado Online\n","Laboratórios Gratuitos | Prática Interativa em Mais de 30 Áreas Tecnológicas","Laboratórios Gratuitos",{"key":1038,"text":1039,"tags":1040,"data":1041},"ai_check","ai inspect 是否开启",[860,978,979],{"ai_check":260},{"key":1043,"text":1044,"tags":1045,"data":1046},"exercises_page","Exercises 页面 TDK",[860,978,979,980],{"exercises_page":1047},[1048,1054,1060,1066,1072,1078,1084,1090,1096],{"description":1049,"lang":279,"meta_description":1050,"meta_keywords":1051,"meta_title":1052,"title":1053},"Explore 2000+ hands-on exercises and real-world challenges across 30+ tech domains. Build your skills with guided practice and interactive scenarios.\n","Practice hands-on skills across Linux, Python, DevOps, Cybersecurity, and more. Level up through guided tasks, troubleshooting labs, and scenario-based exercises built for real-world learning.\n","Exercises, Challenges, LabEx, Hands-On Practice, Tech Skills, Interactive Learning, Online Exercises\n","Interactive Exercises & Real-World Challenges","Exercises",{"description":1055,"lang":271,"meta_description":1056,"meta_keywords":1057,"meta_title":1058,"title":1059},"探索覆盖 30+ 技术领域的 2000+ 动手练习和真实挑战，通过引导式练习提升实战能力。\n","覆盖 Linux、Python、DevOps、网络安全等领域的动手技能练习。通过引导任务、故障排查实验和基于场景的练习，提升实战能力。\n","技术练习, 挑战任务, LabEx, 动手实践, 技术技能提升, 在线练习, 互动学习\n","互动练习与真实挑战","技术练习",{"description":1061,"lang":272,"meta_description":1062,"meta_keywords":1063,"meta_title":1064,"title":1065},"Explora más de 2000 ejercicios prácticos y desafíos reales en más de 30 áreas tecnológicas. Mejora tus habilidades con práctica guiada e interactiva.\n","Practica habilidades prácticas en Linux, Python, DevOps, Ciberseguridad y más. Mejora con tareas guiadas, laboratorios de resolución de problemas y ejercicios basados en escenarios reales.\n","Ejercicios, Desafíos, LabEx, Práctica Práctica, Habilidades Técnicas, Aprendizaje Interactivo, Ejercicios en Línea\n","Ejercicios Interactivos y Desafíos Reales","Ejercicios",{"description":1067,"lang":273,"meta_description":1068,"meta_keywords":1069,"meta_title":1070,"title":1071},"Découvrez plus de 2000 exercices pratiques et défis concrets dans plus de 30 domaines technologiques. Renforcez vos compétences grâce à une pratique guidée et interactive.\n","Pratiquez des compétences pratiques en Linux, Python, DevOps, Cybersécurité et plus encore. Progressez grâce à des tâches guidées, des labs de dépannage et des exercices basés sur des scénarios réels.\n","Exercices, Défis, LabEx, Pratique Interactive, Compétences Techniques, Apprentissage en Ligne\n","Exercices Interactifs et Défis Concrets","Exercices",{"description":1073,"lang":274,"meta_description":1074,"meta_keywords":1075,"meta_title":1076,"title":1077},"Über 2000 praktische Übungen und reale Herausforderungen in über 30 Technologiebereichen. Stärke deine Fähigkeiten durch geführte und interaktive Praxis.\n","Trainiere praktische Fähigkeiten in Linux, Python, DevOps, Cybersicherheit und mehr. Steigere dein Können mit geführten Aufgaben, Fehlersuche-Labs und szenariobasierten Übungen für echtes Lernen.\n","Übungen, Herausforderungen, LabEx, Praktische Übung, Technische Fähigkeiten, Interaktives Lernen, Online-Übungen\n","Interaktive Übungen & Reale Herausforderungen","Übungen",{"description":1079,"lang":275,"meta_description":1080,"meta_keywords":1081,"meta_title":1082,"title":1083},"30以上の技術分野にわたる2000以上の実践的な練習問題やチャレンジを体験。ガイド付きの練習でスキルを磨きましょう。\n","Linux、Python、DevOps、サイバーセキュリティなどの実践スキルを習得しましょう。ガイド付きタスクやトラブルシューティングラボ、シナリオに基づいた演習でスキルを向上させましょう。\n","練習問題, チャレンジ, LabEx, 実践スキル, 技術力向上, インタラクティブラーニング, オンライン練習\n","インタラクティブな練習問題と現実的なチャレンジ","練習問題",{"description":1085,"lang":276,"meta_description":1086,"meta_keywords":1087,"meta_title":1088,"title":1089},"Более 2000 практических упражнений и реальных задач в более чем 30 технических областях. Развивайте свои навыки через интерактивную практику.\n","Отрабатывайте практические навыки в Linux, Python, DevOps, кибербезопасности и других областях. Повышайте уровень через пошаговые задания, лаборатории по устранению неполадок и упражнения, основанные на реальных сценариях.\n","Упражнения, Задачи, LabEx, Практика, Технические Навыки, Интерактивное Обучение, Онлайн Упражнения\n","Интерактивные Упражнения и Реальные Задачи","Упражнения",{"description":1091,"lang":277,"meta_description":1092,"meta_keywords":1093,"meta_title":1094,"title":1095},"30개 이상의 기술 분야에 걸친 2000개 이상의 실습 연습 및 실제 과제를 경험하세요. 가이드형 실습으로 기술 능력을 향상하세요。\n","Linux, Python, DevOps, 사이버 보안 등 다양한 분야의 실습 스킬을 연습하세요. 가이드 과제, 문제 해결 랩, 시나리오 기반 연습을 통해 실전 역량을 향상하세요.\n","연습문제, 도전과제, LabEx, 실습훈련, 기술역량 향상, 인터랙티브 학습, 온라인 연습\n","인터랙티브 연습 & 실전 도전 과제","연습문제",{"description":1097,"lang":278,"meta_description":1098,"meta_keywords":1099,"meta_title":1100,"title":1101},"Explore mais de 2000 exercícios práticos e desafios reais em mais de 30 áreas tecnológicas. Melhore suas habilidades com prática guiada e interativa.\n","Pratique habilidades práticas em Linux, Python, DevOps, Cibersegurança e mais. Evolua com tarefas guiadas, laboratórios de resolução de problemas e exercícios baseados em cenários reais.\n","Exercícios, Desafios, LabEx, Prática Interativa, Habilidades Técnicas, Exercícios Online, Aprendizado Prático\n","Exercícios Interativos e Desafios Reais","Exercícios",[],[],[],null,{"currentLocale":273,"defaultLocale":279,"env":1107,"name":1108,"url":1109},"production","LabEx","https:\u002F\u002Flabex.io",["Set"],["ShallowReactive",1112],{"tutorialDetail:html-html-embedded-html-page-70775:fr":1105,"footerData_fr":1105,"skillTreeDetailData:html:fr":1105,"skillTreeListData:basic:fr":1105,"tutorialRecommendCourseListData:html-html-embedded-html-page-70775:fr":1105},"\u002Ffr\u002Ftutorials\u002Fhtml-html-embedded-html-page-70775"]</script></body></html>