Guide complet de HTML

La mise en forme d’un site web à l’aide du langage de balisage HTML (Hypertext Markup Language) est une compétence essentielle pour tout développeur web ou toute personne intéressée par la création de contenus en ligne. HTML est le langage de base utilisé pour structurer et formater le contenu d’une page web, en lui donnant la structure nécessaire pour être interprétée et affichée correctement par un navigateur web.

Voici un aperçu des principales balises HTML utilisées pour formater un site web :

Balises de base :
- : Balise racine qui englobe tout le contenu HTML de la page.
- : Balise contenant les métadonnées de la page, telles que le titre, les liens vers les feuilles de style CSS, les scripts JavaScript, etc.
- : Balise qui définit le titre de la page, qui s’affiche dans l’onglet du navigateur.</li> <li><body> : Balise contenant le contenu visible de la page web.</li> </ul> </li> <li> <p>Structure de la page :</p><div class="stream-item stream-item-in-post stream-item-inline-post aligncenter"><div class="stream-item-size" style=""> <div class="stream-item stream-item-in-post stream-item-in-post-1"><script type="text/javascript"> atOptions = { 'key' : 'c8aa6fd8ed0c7b86fdc7adfaa0335730', 'format' : 'iframe', 'height' : 90, 'width' : 728, 'params' : {} }; </script> <script type="text/javascript" src="//www.topcreativeformat.com/c8aa6fd8ed0c7b86fdc7adfaa0335730/invoke.js"></script> </div> </div></div> <ul> <li> <header> : Balise utilisée pour définir l’en-tête de la page, généralement contenant le logo, le menu de navigation, etc.</li> <li> <nav> : Balise utilisée pour définir une section de navigation.</li> <li><main> : Balise utilisée pour définir le contenu principal de la page.</li> <li> <footer> : Balise utilisée pour définir le pied de page de la page.</li> </ul> </li> <li> <p>Formatage du texte :</p> <ul> <li> <p> : Balise pour les paragraphes de texte.</li> <li> <h1>, </p><div class="stream-item stream-item-in-post stream-item-inline-post aligncenter"><div class="stream-item-size" style=""> <div class="stream-item stream-item-in-post stream-item-in-post-1"><script type="text/javascript"> atOptions = { 'key' : 'c8aa6fd8ed0c7b86fdc7adfaa0335730', 'format' : 'iframe', 'height' : 90, 'width' : 728, 'params' : {} }; </script> <script type="text/javascript" src="//www.topcreativeformat.com/c8aa6fd8ed0c7b86fdc7adfaa0335730/invoke.js"></script> </div> </div></div> <h2>, </p> <h3>, </p><div class="stream-item stream-item-in-post stream-item-inline-post aligncenter"><div class="stream-item-size" style=""> <div class="stream-item stream-item-in-post stream-item-in-post-1"><script type="text/javascript"> atOptions = { 'key' : 'c8aa6fd8ed0c7b86fdc7adfaa0335730', 'format' : 'iframe', 'height' : 90, 'width' : 728, 'params' : {} }; </script> <script type="text/javascript" src="//www.topcreativeformat.com/c8aa6fd8ed0c7b86fdc7adfaa0335730/invoke.js"></script> </div> </div></div> <h4>, </p> <h5>, </p><div class="stream-item stream-item-in-post stream-item-inline-post aligncenter"><div class="stream-item-size" style=""> <div class="stream-item stream-item-in-post stream-item-in-post-1"><script type="text/javascript"> atOptions = { 'key' : 'c8aa6fd8ed0c7b86fdc7adfaa0335730', 'format' : 'iframe', 'height' : 90, 'width' : 728, 'params' : {} }; </script> <script type="text/javascript" src="//www.topcreativeformat.com/c8aa6fd8ed0c7b86fdc7adfaa0335730/invoke.js"></script> </div> </div></div> <h6> : Balises pour les titres de différents niveaux (du plus important au moins important).</li> <li><strong> : Balise pour le texte en gras.</li> <li><em> : Balise pour le texte en italique.</li> </ul> </li> <li> <p>Liens et médias :</p> <ul> <li><a> : Balise pour créer des liens hypertextes vers d’autres pages ou ressources.</li> <li><img> : Balise pour insérer des images dans la page.</li> <li><video> : Balise pour insérer des vidéos.</li> <li><audio> : Balise pour insérer des fichiers audio.</li> </ul> </li> <li> <p>Listes :</p><div class="stream-item stream-item-in-post stream-item-inline-post aligncenter"><div class="stream-item-size" style=""> <div class="stream-item stream-item-in-post stream-item-in-post-1"><script type="text/javascript"> atOptions = { 'key' : 'c8aa6fd8ed0c7b86fdc7adfaa0335730', 'format' : 'iframe', 'height' : 90, 'width' : 728, 'params' : {} }; </script> <script type="text/javascript" src="//www.topcreativeformat.com/c8aa6fd8ed0c7b86fdc7adfaa0335730/invoke.js"></script> </div> </div></div> <ul> <li> <ul> : Balise pour créer une liste non ordonnée.</li> <li> <ol> : Balise pour créer une liste ordonnée.</li> <li> <li> : Balise pour chaque élément de liste.</li> </ul> </li> <li> <p>Tableaux :</p> <ul> <li> <table> : Balise pour créer un tableau.</li> <li> <tr> : Balise pour définir une ligne dans un tableau.</li> <li> <td> : Balise pour définir une cellule dans un tableau.</li> </ul> </li> <li> <p>Formulaires :</p><div class="stream-item stream-item-in-post stream-item-inline-post aligncenter"><div class="stream-item-size" style=""> <div class="stream-item stream-item-in-post stream-item-in-post-1"><script type="text/javascript"> atOptions = { 'key' : 'c8aa6fd8ed0c7b86fdc7adfaa0335730', 'format' : 'iframe', 'height' : 90, 'width' : 728, 'params' : {} }; </script> <script type="text/javascript" src="//www.topcreativeformat.com/c8aa6fd8ed0c7b86fdc7adfaa0335730/invoke.js"></script> </div> </div></div> <ul> <li> <form> : Balise pour créer un formulaire.</li> <li><input> : Balise pour différents types de champs de saisie (texte, email, mot de passe, etc.).</li> <li><textarea> : Balise pour créer une zone de texte multiligne.</li> <li><button> : Balise pour créer un bouton dans un formulaire.</li> </ul> </li> </ol> <p>L’utilisation de ces balises HTML permet de structurer et de formater le contenu d’une page web de manière claire et cohérente, ce qui facilite la lecture et la navigation pour les utilisateurs. En combinaison avec les feuilles de style CSS (Cascading Style Sheets) et les scripts JavaScript, HTML permet de créer des sites web interactifs et esthétiques qui répondent aux besoins des utilisateurs et des créateurs de contenu en ligne.</p> </div> </div> <h2>Plus de connaissances</h2> <p><img decoding="async" src="https://lasujets.com/pic/more_info.png" class="center"></p> <div data-message-author-role="assistant" data-message-id="84054d0f-f7ef-4d08-bca9-b45d1ce5af96" class="min-h-[20px] text-message flex flex-col items-start gap-3 whitespace-pre-wrap break-words [.text-message+&]:mt-5 overflow-x-auto"> <div class="markdown prose w-full break-words dark:prose-invert light"> <p>Bien sûr, plongeons un peu plus en profondeur dans chaque aspect du formatage d’un site web avec HTML :</p> <ol> <li> <p><strong>Balises de base</strong> :</p> <ul> <li>La balise <html> est le point de départ de tout document HTML. Elle indique au navigateur que le contenu qui suit est du HTML.</li> <li>La balise <head> contient des informations sur le document HTML, telles que le titre de la page, les liens vers des fichiers CSS ou JavaScript externes, les métadonnées (comme l’encodage de caractères), etc.</li> <li>La balise <title> définit le titre de la page qui s’affiche dans l’onglet du navigateur.</li> <li>La balise <body> contient tout le contenu visible de la page, y compris le texte, les images, les liens, etc.</li> </ul> </li> <li> <p><strong>Structure de la page</strong> :</p> <ul> <li>La balise<br /> <header> est utilisée pour définir l’en-tête de la page, qui peut inclure le logo du site, le menu de navigation, les informations de connexion, etc.</li> <li>La balise<br /> <nav> est utilisée pour définir une section de navigation contenant des liens vers d’autres parties du site ou vers d’autres pages.</li> <li>La balise <main> enveloppe le contenu principal de la page, tel que les articles, les messages, etc.</li> <li>La balise<br /> <footer> est utilisée pour définir le pied de page de la page, qui peut inclure des informations de copyright, des liens vers des pages importantes, etc.</li> </ul> </li> <li> <p><strong>Formatage du texte</strong> :</p> <ul> <li>La balise <p> est utilisée pour définir des paragraphes de texte.</li> <li>Les balises de titre (<br /> <h1>, </p> <h2>, etc.) sont utilisées pour définir les titres et sous-titres de la page, avec </p> <h1> étant le titre principal et </p> <h6> le titre le moins important.</li> <li>Les balises <strong> et <em> sont utilisées pour mettre en évidence du texte, avec <strong> indiquant un texte important (généralement en gras) et <em> pour un texte mis en relief (généralement en italique).</li> </ul> </li> <li> <p><strong>Liens et médias</strong> :</p> <ul> <li>La balise <a> est utilisée pour créer des liens hypertextes vers d’autres pages ou ressources en ligne.</li> <li>La balise <img> est utilisée pour insérer des images dans la page, avec l’attribut src spécifiant l’emplacement de l’image.</li> <li>Les balises <video> et <audio> sont utilisées pour intégrer des fichiers vidéo et audio respectivement.</li> </ul> </li> <li> <p><strong>Listes</strong> :</p> <ul> <li>Les balises <ul> et </p> <ol> sont utilisées pour créer des listes non ordonnées et ordonnées respectivement.</li> <li>La balise <li> est utilisée pour chaque élément de liste, à l’intérieur des balises <ul> ou </p> <ol>.</li> </ul> </li> <li> <p><strong>Tableaux</strong> :</p> <ul> <li>La balise<br /> <table> est utilisée pour créer un tableau.</li> <li>Les balises<br /> <tr> et </p> <td> sont utilisées pour définir respectivement les lignes et les cellules d’un tableau.</li> </ul> </li> <li> <p><strong>Formulaires</strong> :</p> <ul> <li>La balise<br /> <form> est utilisée pour créer un formulaire interactif permettant aux utilisateurs de saisir des données.</li> <li>La balise <input> est utilisée pour créer différents types de champs de saisie dans un formulaire, tels que du texte, des cases à cocher, des boutons radio, etc.</li> <li>La balise <textarea> est utilisée pour créer une zone de texte multiligne dans un formulaire.</li> <li>La balise <button> est utilisée pour créer des boutons cliquables dans un formulaire.</li> </ul> </li> </ol> <p>En utilisant ces balises HTML de manière appropriée, les développeurs web peuvent créer des sites web bien structurés, faciles à lire et à naviguer pour les utilisateurs. Une utilisation judicieuse du HTML, combinée à des techniques de design et de développement web avancées, peut aboutir à des expériences utilisateur en ligne enrichissantes et engageantes.</p> </div> </div> </p> </div> <div id="post-extra-info"> <div class="theiaStickySidebar"> <div class="single-post-meta post-meta clearfix"></div> <div id="share-buttons-top" class="share-buttons share-buttons-top"> <div class="share-links share-centered icons-only share-rounded"> <a href="https://www.facebook.com/sharer.php?u=https://lasujets.com/guide-complet-de-html/" rel="external noopener nofollow" title="Facebook" target="_blank" class="facebook-share-btn " data-raw="https://www.facebook.com/sharer.php?u={post_link}"> <span class="share-btn-icon tie-icon-facebook"></span> <span class="screen-reader-text">Facebook</span> </a> <a href="https://twitter.com/intent/tweet?text=Guide%20complet%20de%20HTML&url=https://lasujets.com/guide-complet-de-html/" rel="external noopener nofollow" title="X" target="_blank" class="twitter-share-btn " data-raw="https://twitter.com/intent/tweet?text={post_title}&url={post_link}"> <span class="share-btn-icon tie-icon-twitter"></span> <span class="screen-reader-text">X</span> </a> <a href="https://www.linkedin.com/shareArticle?mini=true&url=https://lasujets.com/guide-complet-de-html/&title=Guide%20complet%20de%20HTML" rel="external noopener nofollow" title="Linkedin" target="_blank" class="linkedin-share-btn " data-raw="https://www.linkedin.com/shareArticle?mini=true&url={post_full_link}&title={post_title}"> <span class="share-btn-icon tie-icon-linkedin"></span> <span class="screen-reader-text">Linkedin</span> </a> <a href="https://www.tumblr.com/share/link?url=https://lasujets.com/guide-complet-de-html/&name=Guide%20complet%20de%20HTML" rel="external noopener nofollow" title="Tumblr" target="_blank" class="tumblr-share-btn " data-raw="https://www.tumblr.com/share/link?url={post_link}&name={post_title}"> <span class="share-btn-icon tie-icon-tumblr"></span> <span class="screen-reader-text">Tumblr</span> </a> <a href="https://pinterest.com/pin/create/button/?url=https://lasujets.com/guide-complet-de-html/&description=Guide%20complet%20de%20HTML&media=https://lasujets.com/wp-content/uploads/2023/12/la-sujets-high-resolution-logo.png" rel="external noopener nofollow" title="Pinterest" target="_blank" class="pinterest-share-btn " data-raw="https://pinterest.com/pin/create/button/?url={post_link}&description={post_title}&media={post_img}"> <span class="share-btn-icon tie-icon-pinterest"></span> <span class="screen-reader-text">Pinterest</span> </a> <a href="https://reddit.com/submit?url=https://lasujets.com/guide-complet-de-html/&title=Guide%20complet%20de%20HTML" rel="external noopener nofollow" title="Reddit" target="_blank" class="reddit-share-btn " data-raw="https://reddit.com/submit?url={post_link}&title={post_title}"> <span class="share-btn-icon tie-icon-reddit"></span> <span class="screen-reader-text">Reddit</span> </a> <a href="fb-messenger://share?app_id=5303202981&display=popup&link=https://lasujets.com/guide-complet-de-html/&redirect_uri=https://lasujets.com/guide-complet-de-html/" rel="external noopener nofollow" title="Messenger" target="_blank" class="messenger-mob-share-btn messenger-share-btn " data-raw="fb-messenger://share?app_id=5303202981&display=popup&link={post_link}&redirect_uri={post_link}"> <span class="share-btn-icon tie-icon-messenger"></span> <span class="screen-reader-text">Messenger</span> </a> <a href="https://www.facebook.com/dialog/send?app_id=5303202981&display=popup&link=https://lasujets.com/guide-complet-de-html/&redirect_uri=https://lasujets.com/guide-complet-de-html/" rel="external noopener nofollow" title="Messenger" target="_blank" class="messenger-desktop-share-btn messenger-share-btn " data-raw="https://www.facebook.com/dialog/send?app_id=5303202981&display=popup&link={post_link}&redirect_uri={post_link}"> <span class="share-btn-icon tie-icon-messenger"></span> <span class="screen-reader-text">Messenger</span> </a> <a href="https://api.whatsapp.com/send?text=Guide%20complet%20de%20HTML%20https://lasujets.com/guide-complet-de-html/" rel="external noopener nofollow" title="WhatsApp" target="_blank" class="whatsapp-share-btn " data-raw="https://api.whatsapp.com/send?text={post_title}%20{post_link}"> <span class="share-btn-icon tie-icon-whatsapp"></span> <span class="screen-reader-text">WhatsApp</span> </a> <a href="https://telegram.me/share/url?url=https://lasujets.com/guide-complet-de-html/&text=Guide%20complet%20de%20HTML" rel="external noopener nofollow" title="Telegram" target="_blank" class="telegram-share-btn " data-raw="https://telegram.me/share/url?url={post_link}&text={post_title}"> <span class="share-btn-icon tie-icon-paper-plane"></span> <span class="screen-reader-text">Telegram</span> </a> <a href="viber://forward?text=Guide%20complet%20de%20HTML%20https://lasujets.com/guide-complet-de-html/" rel="external noopener nofollow" title="Viber" target="_blank" class="viber-share-btn " data-raw="viber://forward?text={post_title}%20{post_link}"> <span class="share-btn-icon tie-icon-phone"></span> <span class="screen-reader-text">Viber</span> </a> <a href="https://line.me/R/msg/text/?Guide%20complet%20de%20HTML%20https://lasujets.com/guide-complet-de-html/" rel="external noopener nofollow" title="Ligne" target="_blank" class="line-share-btn " data-raw="https://line.me/R/msg/text/?{post_title}%20{post_link}"> <span class="share-btn-icon tie-icon-line"></span> <span class="screen-reader-text">Ligne</span> </a> <a href="mailto:?subject=Guide%20complet%20de%20HTML&body=https://lasujets.com/guide-complet-de-html/" rel="external noopener nofollow" title="Partager par email" target="_blank" class="email-share-btn " data-raw="mailto:?subject={post_title}&body={post_link}"> <span class="share-btn-icon tie-icon-envelope"></span> <span class="screen-reader-text">Partager par email</span> </a> <a href="#" rel="external noopener nofollow" title="Imprimer" target="_blank" class="print-share-btn " data-raw="#"> <span class="share-btn-icon tie-icon-print"></span> <span class="screen-reader-text">Imprimer</span> </a> </div> </div> </div> </div> <div class="clearfix"></div> <script id="tie-schema-json" type="application/ld+json">{"@context":"http:\/\/schema.org","@type":"Article","dateCreated":"2024-02-20T22:50:34+03:00","datePublished":"2024-02-20T22:50:34+03:00","dateModified":"2024-02-20T22:50:34+03:00","headline":"Guide complet de HTML","name":"Guide complet de HTML","keywords":[],"url":"https:\/\/lasujets.com\/guide-complet-de-html\/","description":"La mise en forme d'un site web \u00e0 l'aide du langage de balisage HTML (Hypertext Markup Language) est une comp\u00e9tence essentielle pour tout d\u00e9veloppeur web ou toute personne int\u00e9ress\u00e9e par la cr\u00e9ation de","copyrightYear":"2024","articleSection":"la programmation","articleBody":"La mise en forme d'un site web \u00e0 l'aide du langage de balisage HTML (Hypertext Markup Language) est une comp\u00e9tence essentielle pour tout d\u00e9veloppeur web ou toute personne int\u00e9ress\u00e9e par la cr\u00e9ation de contenus en ligne. HTML est le langage de base utilis\u00e9 pour structurer et formater le contenu d'une page web, en lui donnant la structure n\u00e9cessaire pour \u00eatre interpr\u00e9t\u00e9e et affich\u00e9e correctement par un navigateur web.Voici un aper\u00e7u des principales balises HTML utilis\u00e9es pour formater un site web :Balises de base : : Balise racine qui englobe tout le contenu HTML de la page. : Balise contenant les m\u00e9tadonn\u00e9es de la page, telles que le titre, les liens vers les feuilles de style CSS, les scripts JavaScript, etc. : Balise qui d\u00e9finit le titre de la page, qui s'affiche dans l'onglet du navigateur. : Balise contenant le contenu visible de la page web.Structure de la page : : Balise utilis\u00e9e pour d\u00e9finir l'en-t\u00eate de la page, g\u00e9n\u00e9ralement contenant le logo, le menu de navigation, etc. : Balise utilis\u00e9e pour d\u00e9finir une section de navigation. : Balise utilis\u00e9e pour d\u00e9finir le contenu principal de la page. : Balise utilis\u00e9e pour d\u00e9finir le pied de page de la page.Formatage du texte : : Balise pour les paragraphes de texte., , , , , : Balises pour les titres de diff\u00e9rents niveaux (du plus important au moins important). : Balise pour le texte en gras. : Balise pour le texte en italique.Liens et m\u00e9dias : : Balise pour cr\u00e9er des liens hypertextes vers d'autres pages ou ressources. : Balise pour ins\u00e9rer des images dans la page. : Balise pour ins\u00e9rer des vid\u00e9os. : Balise pour ins\u00e9rer des fichiers audio.Listes : : Balise pour cr\u00e9er une liste non ordonn\u00e9e. : Balise pour cr\u00e9er une liste ordonn\u00e9e. : Balise pour chaque \u00e9l\u00e9ment de liste.Tableaux : : Balise pour cr\u00e9er un tableau. : Balise pour d\u00e9finir une ligne dans un tableau. : Balise pour d\u00e9finir une cellule dans un tableau.Formulaires : : Balise pour cr\u00e9er un formulaire. : Balise pour diff\u00e9rents types de champs de saisie (texte, email, mot de passe, etc.). : Balise pour cr\u00e9er une zone de texte multiligne. : Balise pour cr\u00e9er un bouton dans un formulaire.L'utilisation de ces balises HTML permet de structurer et de formater le contenu d'une page web de mani\u00e8re claire et coh\u00e9rente, ce qui facilite la lecture et la navigation pour les utilisateurs. En combinaison avec les feuilles de style CSS (Cascading Style Sheets) et les scripts JavaScript, HTML permet de cr\u00e9er des sites web interactifs et esth\u00e9tiques qui r\u00e9pondent aux besoins des utilisateurs et des cr\u00e9ateurs de contenu en ligne.Plus de connaissances\n\nBien s\u00fbr, plongeons un peu plus en profondeur dans chaque aspect du formatage d'un site web avec HTML :Balises de base :La balise est le point de d\u00e9part de tout document HTML. Elle indique au navigateur que le contenu qui suit est du HTML.La balise contient des informations sur le document HTML, telles que le titre de la page, les liens vers des fichiers CSS ou JavaScript externes, les m\u00e9tadonn\u00e9es (comme l'encodage de caract\u00e8res), etc.La balise d\u00e9finit le titre de la page qui s'affiche dans l'onglet du navigateur.La balise contient tout le contenu visible de la page, y compris le texte, les images, les liens, etc.Structure de la page :La balise est utilis\u00e9e pour d\u00e9finir l'en-t\u00eate de la page, qui peut inclure le logo du site, le menu de navigation, les informations de connexion, etc.La balise est utilis\u00e9e pour d\u00e9finir une section de navigation contenant des liens vers d'autres parties du site ou vers d'autres pages.La balise enveloppe le contenu principal de la page, tel que les articles, les messages, etc.La balise est utilis\u00e9e pour d\u00e9finir le pied de page de la page, qui peut inclure des informations de copyright, des liens vers des pages importantes, etc.Formatage du texte :La balise est utilis\u00e9e pour d\u00e9finir des paragraphes de texte.Les balises de titre (, , etc.) sont utilis\u00e9es pour d\u00e9finir les titres et sous-titres de la page, avec \u00e9tant le titre principal et le titre le moins important.Les balises et sont utilis\u00e9es pour mettre en \u00e9vidence du texte, avec indiquant un texte important (g\u00e9n\u00e9ralement en gras) et pour un texte mis en relief (g\u00e9n\u00e9ralement en italique).Liens et m\u00e9dias :La balise est utilis\u00e9e pour cr\u00e9er des liens hypertextes vers d'autres pages ou ressources en ligne.La balise est utilis\u00e9e pour ins\u00e9rer des images dans la page, avec l'attribut src sp\u00e9cifiant l'emplacement de l'image.Les balises et sont utilis\u00e9es pour int\u00e9grer des fichiers vid\u00e9o et audio respectivement.Listes :Les balises et sont utilis\u00e9es pour cr\u00e9er des listes non ordonn\u00e9es et ordonn\u00e9es respectivement.La balise est utilis\u00e9e pour chaque \u00e9l\u00e9ment de liste, \u00e0 l'int\u00e9rieur des balises ou .Tableaux :La balise est utilis\u00e9e pour cr\u00e9er un tableau.Les balises et sont utilis\u00e9es pour d\u00e9finir respectivement les lignes et les cellules d'un tableau.Formulaires :La balise est utilis\u00e9e pour cr\u00e9er un formulaire interactif permettant aux utilisateurs de saisir des donn\u00e9es.La balise est utilis\u00e9e pour cr\u00e9er diff\u00e9rents types de champs de saisie dans un formulaire, tels que du texte, des cases \u00e0 cocher, des boutons radio, etc.La balise est utilis\u00e9e pour cr\u00e9er une zone de texte multiligne dans un formulaire.La balise est utilis\u00e9e pour cr\u00e9er des boutons cliquables dans un formulaire.En utilisant ces balises HTML de mani\u00e8re appropri\u00e9e, les d\u00e9veloppeurs web peuvent cr\u00e9er des sites web bien structur\u00e9s, faciles \u00e0 lire et \u00e0 naviguer pour les utilisateurs. Une utilisation judicieuse du HTML, combin\u00e9e \u00e0 des techniques de design et de d\u00e9veloppement web avanc\u00e9es, peut aboutir \u00e0 des exp\u00e9riences utilisateur en ligne enrichissantes et engageantes.","publisher":{"@id":"#Publisher","@type":"Organization","name":"la sujets","logo":{"@type":"ImageObject","url":"https:\/\/lasujets.com\/wp-content\/uploads\/2023\/12\/la-sujets-high-resolution-logo-transparent.png"}},"sourceOrganization":{"@id":"#Publisher"},"copyrightHolder":{"@id":"#Publisher"},"mainEntityOfPage":{"@type":"WebPage","@id":"https:\/\/lasujets.com\/guide-complet-de-html\/","breadcrumb":{"@id":"#Breadcrumb"}},"author":{"@type":"Person","name":"admin","url":"https:\/\/lasujets.com\/author\/admin\/"},"image":{"@type":"ImageObject","url":"https:\/\/lasujets.com\/wp-content\/uploads\/2023\/12\/la-sujets-high-resolution-logo.png","width":2000,"height":1500}}</script> <div id="share-buttons-bottom" class="share-buttons share-buttons-bottom"> <div class="share-links share-centered icons-only share-rounded"> <a href="https://www.facebook.com/sharer.php?u=https://lasujets.com/guide-complet-de-html/" rel="external noopener nofollow" title="Facebook" target="_blank" class="facebook-share-btn " data-raw="https://www.facebook.com/sharer.php?u={post_link}"> <span class="share-btn-icon tie-icon-facebook"></span> <span class="screen-reader-text">Facebook</span> </a> <a href="https://twitter.com/intent/tweet?text=Guide%20complet%20de%20HTML&url=https://lasujets.com/guide-complet-de-html/" rel="external noopener nofollow" title="X" target="_blank" class="twitter-share-btn " data-raw="https://twitter.com/intent/tweet?text={post_title}&url={post_link}"> <span class="share-btn-icon tie-icon-twitter"></span> <span class="screen-reader-text">X</span> </a> <a href="https://www.linkedin.com/shareArticle?mini=true&url=https://lasujets.com/guide-complet-de-html/&title=Guide%20complet%20de%20HTML" rel="external noopener nofollow" title="Linkedin" target="_blank" class="linkedin-share-btn " data-raw="https://www.linkedin.com/shareArticle?mini=true&url={post_full_link}&title={post_title}"> <span class="share-btn-icon tie-icon-linkedin"></span> <span class="screen-reader-text">Linkedin</span> </a> <a href="https://www.tumblr.com/share/link?url=https://lasujets.com/guide-complet-de-html/&name=Guide%20complet%20de%20HTML" rel="external noopener nofollow" title="Tumblr" target="_blank" class="tumblr-share-btn " data-raw="https://www.tumblr.com/share/link?url={post_link}&name={post_title}"> <span class="share-btn-icon tie-icon-tumblr"></span> <span class="screen-reader-text">Tumblr</span> </a> <a href="https://pinterest.com/pin/create/button/?url=https://lasujets.com/guide-complet-de-html/&description=Guide%20complet%20de%20HTML&media=https://lasujets.com/wp-content/uploads/2023/12/la-sujets-high-resolution-logo.png" rel="external noopener nofollow" title="Pinterest" target="_blank" class="pinterest-share-btn " data-raw="https://pinterest.com/pin/create/button/?url={post_link}&description={post_title}&media={post_img}"> <span class="share-btn-icon tie-icon-pinterest"></span> <span class="screen-reader-text">Pinterest</span> </a> <a href="https://reddit.com/submit?url=https://lasujets.com/guide-complet-de-html/&title=Guide%20complet%20de%20HTML" rel="external noopener nofollow" title="Reddit" target="_blank" class="reddit-share-btn " data-raw="https://reddit.com/submit?url={post_link}&title={post_title}"> <span class="share-btn-icon tie-icon-reddit"></span> <span class="screen-reader-text">Reddit</span> </a> <a href="https://vk.com/share.php?url=https://lasujets.com/guide-complet-de-html/" rel="external noopener nofollow" title="VKontakte" target="_blank" class="vk-share-btn " data-raw="https://vk.com/share.php?url={post_link}"> <span class="share-btn-icon tie-icon-vk"></span> <span class="screen-reader-text">VKontakte</span> </a> <a href="mailto:?subject=Guide%20complet%20de%20HTML&body=https://lasujets.com/guide-complet-de-html/" rel="external noopener nofollow" title="Partager par email" target="_blank" class="email-share-btn " data-raw="mailto:?subject={post_title}&body={post_link}"> <span class="share-btn-icon tie-icon-envelope"></span> <span class="screen-reader-text">Partager par email</span> </a> <a href="#" rel="external noopener nofollow" title="Imprimer" target="_blank" class="print-share-btn " data-raw="#"> <span class="share-btn-icon tie-icon-print"></span> <span class="screen-reader-text">Imprimer</span> </a> </div> </div> </article> <div class="post-components"> </div> </div> </div></div> <footer id="footer" class="site-footer dark-skin dark-widgetized-area"> <div id="footer-widgets-container"> <div class="container"> </div> </div> <div id="site-info" class="site-info"> <div class="container"> <div class="tie-row"> <div class="tie-col-md-12"> <div class="copyright-text copyright-text-first"><footer> © Droits d'auteur 2024, Tous droits réservés | <span style="color:red;" class="tie-icon-heart"></span> </footer> </div><div class="copyright-text copyright-text-second"> | <a href="https://lasujets.com/about-us/">À Propos</a> | <a href="https://lasujets.com/terms-and-conditions/">Termes et Conditions</a> | <a href="https://lasujets.com/report-content/">Signaler un Contenu</a> | <a href="https://lasujets.com/who-we-are/">Qui Sommes-Nous</a> | <a href="https://lasujets.com/privacy-policy/">Politique de Confidentialité</a> | <a href="https://lasujets.com/faq/">FAQ</a> | <a href="https://lasujets.com/contact-us/">Contact</a> | <a href="https://lasujets.com/disclaimer/">Clause de Non-responsabilité</a></div> </div> </div> </div> </div> </footer> <div id="share-buttons-mobile" class="share-buttons share-buttons-mobile"> <div class="share-links icons-only"> <a href="https://www.facebook.com/sharer.php?u=https://lasujets.com/guide-complet-de-html/" rel="external noopener nofollow" title="Facebook" target="_blank" class="facebook-share-btn " data-raw="https://www.facebook.com/sharer.php?u={post_link}"> <span class="share-btn-icon tie-icon-facebook"></span> <span class="screen-reader-text">Facebook</span> </a> <a href="https://twitter.com/intent/tweet?text=Guide%20complet%20de%20HTML&url=https://lasujets.com/guide-complet-de-html/" rel="external noopener nofollow" title="X" target="_blank" class="twitter-share-btn " data-raw="https://twitter.com/intent/tweet?text={post_title}&url={post_link}"> <span class="share-btn-icon tie-icon-twitter"></span> <span class="screen-reader-text">X</span> </a> <a href="https://www.linkedin.com/shareArticle?mini=true&url=https://lasujets.com/guide-complet-de-html/&title=Guide%20complet%20de%20HTML" rel="external noopener nofollow" title="Linkedin" target="_blank" class="linkedin-share-btn " data-raw="https://www.linkedin.com/shareArticle?mini=true&url={post_full_link}&title={post_title}"> <span class="share-btn-icon tie-icon-linkedin"></span> <span class="screen-reader-text">Linkedin</span> </a> <a href="https://www.tumblr.com/share/link?url=https://lasujets.com/guide-complet-de-html/&name=Guide%20complet%20de%20HTML" rel="external noopener nofollow" title="Tumblr" target="_blank" class="tumblr-share-btn " data-raw="https://www.tumblr.com/share/link?url={post_link}&name={post_title}"> <span class="share-btn-icon tie-icon-tumblr"></span> <span class="screen-reader-text">Tumblr</span> </a> <a href="https://pinterest.com/pin/create/button/?url=https://lasujets.com/guide-complet-de-html/&description=Guide%20complet%20de%20HTML&media=https://lasujets.com/wp-content/uploads/2023/12/la-sujets-high-resolution-logo.png" rel="external noopener nofollow" title="Pinterest" target="_blank" class="pinterest-share-btn " data-raw="https://pinterest.com/pin/create/button/?url={post_link}&description={post_title}&media={post_img}"> <span class="share-btn-icon tie-icon-pinterest"></span> <span class="screen-reader-text">Pinterest</span> </a> <a href="https://reddit.com/submit?url=https://lasujets.com/guide-complet-de-html/&title=Guide%20complet%20de%20HTML" rel="external noopener nofollow" title="Reddit" target="_blank" class="reddit-share-btn " data-raw="https://reddit.com/submit?url={post_link}&title={post_title}"> <span class="share-btn-icon tie-icon-reddit"></span> <span class="screen-reader-text">Reddit</span> </a> <a href="fb-messenger://share?app_id=5303202981&display=popup&link=https://lasujets.com/guide-complet-de-html/&redirect_uri=https://lasujets.com/guide-complet-de-html/" rel="external noopener nofollow" title="Messenger" target="_blank" class="messenger-mob-share-btn messenger-share-btn " data-raw="fb-messenger://share?app_id=5303202981&display=popup&link={post_link}&redirect_uri={post_link}"> <span class="share-btn-icon tie-icon-messenger"></span> <span class="screen-reader-text">Messenger</span> </a> <a href="https://www.facebook.com/dialog/send?app_id=5303202981&display=popup&link=https://lasujets.com/guide-complet-de-html/&redirect_uri=https://lasujets.com/guide-complet-de-html/" rel="external noopener nofollow" title="Messenger" target="_blank" class="messenger-desktop-share-btn messenger-share-btn " data-raw="https://www.facebook.com/dialog/send?app_id=5303202981&display=popup&link={post_link}&redirect_uri={post_link}"> <span class="share-btn-icon tie-icon-messenger"></span> <span class="screen-reader-text">Messenger</span> </a> <a href="https://api.whatsapp.com/send?text=Guide%20complet%20de%20HTML%20https://lasujets.com/guide-complet-de-html/" rel="external noopener nofollow" title="WhatsApp" target="_blank" class="whatsapp-share-btn " data-raw="https://api.whatsapp.com/send?text={post_title}%20{post_link}"> <span class="share-btn-icon tie-icon-whatsapp"></span> <span class="screen-reader-text">WhatsApp</span> </a> <a href="https://telegram.me/share/url?url=https://lasujets.com/guide-complet-de-html/&text=Guide%20complet%20de%20HTML" rel="external noopener nofollow" title="Telegram" target="_blank" class="telegram-share-btn " data-raw="https://telegram.me/share/url?url={post_link}&text={post_title}"> <span class="share-btn-icon tie-icon-paper-plane"></span> <span class="screen-reader-text">Telegram</span> </a> <a href="viber://forward?text=Guide%20complet%20de%20HTML%20https://lasujets.com/guide-complet-de-html/" rel="external noopener nofollow" title="Viber" target="_blank" class="viber-share-btn " data-raw="viber://forward?text={post_title}%20{post_link}"> <span class="share-btn-icon tie-icon-phone"></span> <span class="screen-reader-text">Viber</span> </a> <a href="https://line.me/R/msg/text/?Guide%20complet%20de%20HTML%20https://lasujets.com/guide-complet-de-html/" rel="external noopener nofollow" title="Ligne" target="_blank" class="line-share-btn " data-raw="https://line.me/R/msg/text/?{post_title}%20{post_link}"> <span class="share-btn-icon tie-icon-line"></span> <span class="screen-reader-text">Ligne</span> </a> </div> </div> <div class="mobile-share-buttons-spacer"></div> <a id="go-to-top" class="go-to-top-button" href="#go-to-tie-body"> <span class="tie-icon-angle-up"></span> <span class="screen-reader-text">Bouton retour en haut de la page</span> </a> </div> <aside class=" side-aside normal-side dark-skin dark-widgetized-area appear-from-left" aria-label="Sidebar Secondaire" style="visibility: hidden;"> <div data-height="100%" class="side-aside-wrapper has-custom-scroll"> <a href="#" class="close-side-aside remove big-btn"> <span class="screen-reader-text">Fermer</span> </a> <div id="mobile-container"> <div id="mobile-search"> <form role="search" method="get" class="search-form" action="https://lasujets.com/"> <label> <span class="screen-reader-text">Rechercher :</span> <input type="search" class="search-field" placeholder="Rechercher…" value="" name="s" /> </label> <input type="submit" class="search-submit" value="Rechercher" /> </form> </div> <div id="mobile-menu" class=""> </div> <div id="mobile-social-icons" class="social-icons-widget solid-social-icons"> <ul></ul> </div> </div> </div> </aside> </div> </div> <script id="ckyBannerTemplate" type="text/template"><div class="cky-overlay cky-hide"></div><div class="cky-btn-revisit-wrapper cky-revisit-hide" data-cky-tag="revisit-consent" data-tooltip="Préférences de Consentement" style="background-color:#0056a7"> <button class="cky-btn-revisit" aria-label="Préférences de Consentement"> <img src="https://lasujets.com/wp-content/plugins/cookie-law-info/lite/frontend/images/revisit.svg" alt="Revisit consent button"> </button></div><div class="cky-consent-container cky-hide" tabindex="0"> <div class="cky-consent-bar" data-cky-tag="notice" style="background-color:#FFFFFF;border-color:#f4f4f4;color:#212121"> <div class="cky-notice"> <p class="cky-title" role="heading" aria-level="1" data-cky-tag="title" style="color:#212121">Nous accordons de l'importance à votre vie privée</p><div class="cky-notice-group"> <div class="cky-notice-des" data-cky-tag="description" style="color:#212121"> <p>Nous utilisons des cookies pour améliorer votre expérience de navigation, diffuser des publicités ou du contenu personnalisé et analyser notre trafic. En cliquant sur « Accepter tout », vous consentez à notre utilisation des cookies.</p> </div><div class="cky-notice-btn-wrapper" data-cky-tag="notice-buttons"> <button class="cky-btn cky-btn-customize" aria-label="Personnaliser" data-cky-tag="settings-button" style="color:#1863dc;background-color:transparent;border-color:#1863dc">Personnaliser</button> <button class="cky-btn cky-btn-reject" aria-label="Refuser Tout" data-cky-tag="reject-button" style="color:#1863dc;background-color:transparent;border-color:#1863dc">Refuser Tout</button> <button class="cky-btn cky-btn-accept" aria-label="Accepter Tout" data-cky-tag="accept-button" style="color:#FFFFFF;background-color:#1863dc;border-color:#1863dc">Accepter Tout</button> </div></div></div></div></div><div class="cky-modal" tabindex="0"> <div class="cky-preference-center" data-cky-tag="detail" style="color:#212121;background-color:#FFFFFF;border-color:#F4F4F4"> <div class="cky-preference-header"> <span class="cky-preference-title" role="heading" aria-level="1" data-cky-tag="detail-title" style="color:#212121">Customize Consent Preferences</span> <button class="cky-btn-close" aria-label="[cky_preference_close_label]" data-cky-tag="detail-close"> <img src="https://lasujets.com/wp-content/plugins/cookie-law-info/lite/frontend/images/close.svg" alt="Close"> </button> </div><div class="cky-preference-body-wrapper"> <div class="cky-preference-content-wrapper" data-cky-tag="detail-description" style="color:#212121"> <p>Nous utilisons des cookies pour vous aider à naviguer efficacement et effectuer certaines fonctions. Vous trouverez des informations détaillées sur tous les cookies sous chaque catégorie de consentement ci-dessous.</p> <p>Les cookies catégorisés comme "Nécessaires" sont stockés sur votre navigateur car ils sont essentiels pour permettre les fonctionnalités de base du site.</p> <p>Nous utilisons également des cookies tiers qui nous aident à analyser votre utilisation de ce site, stocker vos préférences et fournir un contenu et des publicités qui vous sont pertinents. Ces cookies ne seront stockés dans votre navigateur qu'avec votre consentement préalable.</p> <p>Vous pouvez choisir d'activer ou de désactiver certains ou tous ces cookies, mais la désactivation de certains d'entre eux peut affecter votre expérience de navigation.</p> </div><div class="cky-accordion-wrapper" data-cky-tag="detail-categories"> <div class="cky-accordion" id="ckyDetailCategorynecessary"> <div class="cky-accordion-item"> <div class="cky-accordion-chevron"><i class="cky-chevron-right"></i></div> <div class="cky-accordion-header-wrapper"> <div class="cky-accordion-header"><button class="cky-accordion-btn" aria-label="Necessary" data-cky-tag="detail-category-title" style="color:#212121">Necessary</button><span class="cky-always-active">Toujours Actif</span> <div class="cky-switch" data-cky-tag="detail-category-toggle"><input type="checkbox" id="ckySwitchnecessary"></div> </div> <div class="cky-accordion-header-des" data-cky-tag="detail-category-description" style="color:#212121"> <p>Necessary cookies are required to enable the basic features of this site, such as providing secure log-in or adjusting your consent preferences. These cookies do not store any personally identifiable data.</p></div> </div> </div> <div class="cky-accordion-body"> <div class="cky-audit-table" data-cky-tag="audit-table" style="color:#212121;background-color:#f4f4f4;border-color:#ebebeb"><p class="cky-empty-cookies-text">Aucun cookie à afficher.</p></div> </div> </div><div class="cky-accordion" id="ckyDetailCategoryfunctional"> <div class="cky-accordion-item"> <div class="cky-accordion-chevron"><i class="cky-chevron-right"></i></div> <div class="cky-accordion-header-wrapper"> <div class="cky-accordion-header"><button class="cky-accordion-btn" aria-label="Functional" data-cky-tag="detail-category-title" style="color:#212121">Functional</button><span class="cky-always-active">Toujours Actif</span> <div class="cky-switch" data-cky-tag="detail-category-toggle"><input type="checkbox" id="ckySwitchfunctional"></div> </div> <div class="cky-accordion-header-des" data-cky-tag="detail-category-description" style="color:#212121"> <p>Functional cookies help perform certain functionalities like sharing the content of the website on social media platforms, collecting feedback, and other third-party features.</p></div> </div> </div> <div class="cky-accordion-body"> <div class="cky-audit-table" data-cky-tag="audit-table" style="color:#212121;background-color:#f4f4f4;border-color:#ebebeb"><p class="cky-empty-cookies-text">Aucun cookie à afficher.</p></div> </div> </div><div class="cky-accordion" id="ckyDetailCategoryanalytics"> <div class="cky-accordion-item"> <div class="cky-accordion-chevron"><i class="cky-chevron-right"></i></div> <div class="cky-accordion-header-wrapper"> <div class="cky-accordion-header"><button class="cky-accordion-btn" aria-label="Analytics" data-cky-tag="detail-category-title" style="color:#212121">Analytics</button><span class="cky-always-active">Toujours Actif</span> <div class="cky-switch" data-cky-tag="detail-category-toggle"><input type="checkbox" id="ckySwitchanalytics"></div> </div> <div class="cky-accordion-header-des" data-cky-tag="detail-category-description" style="color:#212121"> <p>Analytical cookies are used to understand how visitors interact with the website. These cookies help provide information on metrics such as the number of visitors, bounce rate, traffic source, etc.</p></div> </div> </div> <div class="cky-accordion-body"> <div class="cky-audit-table" data-cky-tag="audit-table" style="color:#212121;background-color:#f4f4f4;border-color:#ebebeb"><p class="cky-empty-cookies-text">Aucun cookie à afficher.</p></div> </div> </div><div class="cky-accordion" id="ckyDetailCategoryperformance"> <div class="cky-accordion-item"> <div class="cky-accordion-chevron"><i class="cky-chevron-right"></i></div> <div class="cky-accordion-header-wrapper"> <div class="cky-accordion-header"><button class="cky-accordion-btn" aria-label="Performance" data-cky-tag="detail-category-title" style="color:#212121">Performance</button><span class="cky-always-active">Toujours Actif</span> <div class="cky-switch" data-cky-tag="detail-category-toggle"><input type="checkbox" id="ckySwitchperformance"></div> </div> <div class="cky-accordion-header-des" data-cky-tag="detail-category-description" style="color:#212121"> <p>Performance cookies are used to understand and analyze the key performance indexes of the website which helps in delivering a better user experience for the visitors.</p></div> </div> </div> <div class="cky-accordion-body"> <div class="cky-audit-table" data-cky-tag="audit-table" style="color:#212121;background-color:#f4f4f4;border-color:#ebebeb"><p class="cky-empty-cookies-text">Aucun cookie à afficher.</p></div> </div> </div><div class="cky-accordion" id="ckyDetailCategoryadvertisement"> <div class="cky-accordion-item"> <div class="cky-accordion-chevron"><i class="cky-chevron-right"></i></div> <div class="cky-accordion-header-wrapper"> <div class="cky-accordion-header"><button class="cky-accordion-btn" aria-label="Advertisement" data-cky-tag="detail-category-title" style="color:#212121">Advertisement</button><span class="cky-always-active">Toujours Actif</span> <div class="cky-switch" data-cky-tag="detail-category-toggle"><input type="checkbox" id="ckySwitchadvertisement"></div> </div> <div class="cky-accordion-header-des" data-cky-tag="detail-category-description" style="color:#212121"> <p>Advertisement cookies are used to provide visitors with customized advertisements based on the pages you visited previously and to analyze the effectiveness of the ad campaigns.</p></div> </div> </div> <div class="cky-accordion-body"> <div class="cky-audit-table" data-cky-tag="audit-table" style="color:#212121;background-color:#f4f4f4;border-color:#ebebeb"><p class="cky-empty-cookies-text">Aucun cookie à afficher.</p></div> </div> </div> </div></div><div class="cky-footer-wrapper"> <span class="cky-footer-shadow"></span> <div class="cky-prefrence-btn-wrapper" data-cky-tag="detail-buttons"> <button class="cky-btn cky-btn-reject" aria-label="Refuser Tout" data-cky-tag="detail-reject-button" style="color:#1863dc;background-color:transparent;border-color:#1863dc"> Refuser Tout </button> <button class="cky-btn cky-btn-preferences" aria-label="Enregistrer Mes Préférences" data-cky-tag="detail-save-button" style="color:#1863dc;background-color:transparent;border-color:#1863dc"> Enregistrer Mes Préférences </button> <button class="cky-btn cky-btn-accept" aria-label="Accepter Tout" data-cky-tag="detail-accept-button" style="color:#ffffff;background-color:#1863dc;border-color:#1863dc"> Accepter Tout </button> </div></div></div></div></script> <script> function _katexRender(rootElement) { const eles = rootElement.querySelectorAll(".katex-eq:not(.katex-rendered)"); for(let idx=0; idx < eles.length; idx++) { const ele = eles[idx]; ele.classList.add("katex-rendered"); try { katex.render( ele.textContent, ele, { displayMode: ele.getAttribute("data-katex-display") === 'true', throwOnError: false } ); } catch(n) { ele.style.color="red"; ele.textContent = n.message; } } } function katexRender() { _katexRender(document); } document.addEventListener("DOMContentLoaded", function() { katexRender(); // Perform a KaTeX rendering step when the DOM is mutated. const katexObserver = new MutationObserver(function(mutations) { [].forEach.call(mutations, function(mutation) { if (mutation.target && mutation.target instanceof Element) { _katexRender(mutation.target); } }); }); const katexObservationConfig = { subtree: true, childList: true, attributes: true, characterData: true }; katexObserver.observe(document.body, katexObservationConfig); }); </script>  <script> var _paq = window._paq = window._paq || []; /* tracker methods like "setCustomDimension" should be called before "trackPageView" */ _paq.push(['trackPageView']); _paq.push(['enableLinkTracking']); (function() { var u="//all2.atico-jo.com/"; _paq.push(['setTrackerUrl', u+'matomo.php']); _paq.push(['setSiteId', '10']); var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s); })(); </script>  <div id="autocomplete-suggestions" class="autocomplete-suggestions"></div><div id="is-scroller-outer"><div id="is-scroller"></div></div><div id="fb-root"></div> <div id="tie-popup-search-desktop" class="tie-popup tie-popup-search-wrap" style="display: none;"> <a href="#" class="tie-btn-close remove big-btn light-btn"> <span class="screen-reader-text">Fermer</span> </a> <div class="popup-search-wrap-inner"> <div class="live-search-parent pop-up-live-search" data-skin="live-search-popup" aria-label="Rerchercher"> <form method="get" class="tie-popup-search-form" action="https://lasujets.com/"> <input class="tie-popup-search-input is-ajax-search" inputmode="search" type="text" name="s" title="Rechercher" autocomplete="off" placeholder="Ecrire et appuyer sur Entrer" /> <button class="tie-popup-search-submit" type="submit"> <span class="tie-icon-search tie-search-icon" aria-hidden="true"></span> <span class="screen-reader-text">Rechercher</span> </button> </form> </div> </div> </div> <div id="tie-popup-search-mobile" class="tie-popup tie-popup-search-wrap" style="display: none;"> <a href="#" class="tie-btn-close remove big-btn light-btn"> <span class="screen-reader-text">Fermer</span> </a> <div class="popup-search-wrap-inner"> <div class="live-search-parent pop-up-live-search" data-skin="live-search-popup" aria-label="Rerchercher"> <form method="get" class="tie-popup-search-form" action="https://lasujets.com/"> <input class="tie-popup-search-input is-ajax-search" inputmode="search" type="text" name="s" title="Rechercher" autocomplete="off" placeholder="Rechercher" /> <button class="tie-popup-search-submit" type="submit"> <span class="tie-icon-search tie-search-icon" aria-hidden="true"></span> <span class="screen-reader-text">Rechercher</span> </button> </form> </div> </div> </div> <script type="text/javascript" src="https://lasujets.com/wp-content/plugins/katex/assets/katex-0.13.13/katex.min.js?ver=6.6.2" id="katex-js"></script> <script type="text/javascript" id="tie-scripts-js-extra"> /* <![CDATA[ */ var tie = {"is_rtl":"","ajaxurl":"https:\/\/lasujets.com\/wp-admin\/admin-ajax.php","is_side_aside_light":"","is_taqyeem_active":"","is_sticky_video":"","mobile_menu_top":"","mobile_menu_active":"area_1","mobile_menu_parent":"","lightbox_all":"true","lightbox_gallery":"true","lightbox_skin":"dark","lightbox_thumb":"horizontal","lightbox_arrows":"true","is_singular":"1","autoload_posts":"","reading_indicator":"","lazyload":"","select_share":"true","select_share_twitter":"","select_share_facebook":"","select_share_linkedin":"","select_share_email":"","facebook_app_id":"5303202981","twitter_username":"","responsive_tables":"true","ad_blocker_detector":"","sticky_behavior":"upwards","sticky_desktop":"true","sticky_mobile":"true","sticky_mobile_behavior":"default","ajax_loader":"<div class=\"loader-overlay\"><div class=\"spinner-circle\"><\/div><\/div>","type_to_search":"1","lang_no_results":"Aucun r\u00e9sultat","sticky_share_mobile":"true","sticky_share_post":"","sticky_share_post_menu":""}; /* ]]> */ </script> <script type="text/javascript" src="https://lasujets.com/wp-content/themes/jannah/assets/js/scripts.min.js?ver=7.0.2" id="tie-scripts-js"></script> <script type="text/javascript" src="https://lasujets.com/wp-content/themes/jannah/assets/ilightbox/lightbox.js?ver=7.0.2" id="tie-js-ilightbox-js"></script> <script type="text/javascript" src="https://lasujets.com/wp-content/themes/jannah/assets/js/sliders.min.js?ver=7.0.2" id="tie-js-sliders-js"></script> <script type="text/javascript" src="https://lasujets.com/wp-content/themes/jannah/assets/js/shortcodes.js?ver=7.0.2" id="tie-js-shortcodes-js"></script> <script type="text/javascript" src="https://lasujets.com/wp-content/themes/jannah/assets/js/desktop.min.js?ver=7.0.2" id="tie-js-desktop-js"></script> <script type="text/javascript" src="https://lasujets.com/wp-content/themes/jannah/assets/js/live-search.js?ver=7.0.2" id="tie-js-livesearch-js"></script> <script type="text/javascript" src="https://lasujets.com/wp-content/themes/jannah/assets/js/single.min.js?ver=7.0.2" id="tie-js-single-js"></script> <script> WebFontConfig ={ google:{ families: [ 'Poppins:600,regular:latin&display=swap' ] } }; (function(){ var wf = document.createElement('script'); wf.src = '//ajax.googleapis.com/ajax/libs/webfont/1/webfont.js'; wf.type = 'text/javascript'; wf.defer = 'true'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(wf, s); })(); </script><script type="text/javascript"> jQuery.ajax({ type : "GET", url : "https://lasujets.com/wp-admin/admin-ajax.php", data : "postviews_id=33355&action=tie_postviews", cache: !1, success: function( data ){ jQuery(".single-post-meta").find(".meta-views").html( data ); } }); </script> </body> </html>