Apprendre le HTML : Guide complet pour débutants et pros

Maîtriser le HTML est essentiel pour quiconque souhaite créer des sites internet. Commencez à explorer ce langage fondamental et découvrez comment il peut vous ouvrir les portes du développement web, voire éveiller une nouvelle passion pour le code informatique ! Le HTML est la première étape pour bâtir des pages web et éventuellement des applications mobiles. Que vous soyez développeur web, intégrateur, webdesigner, rédacteur, référenceur SEO, ou webmaster, une solide connaissance du HTML est indispensable. Vous aspirez à un de ces postes ou souhaitez simplement comprendre le fonctionnement de la création de sites web ? Ce guide vous présente les clés pour apprendre à coder en HTML, tout en vous mettant en lumière l’importance de ce langage incontournable.

L’importance du HTML dans le développement web

Le HTML, ou HyperText Markup Language, est un langage de balisage essentiel pour la création de pages web. Il offre une structure aux sites en intégrant divers contenus tels que des vidéos et des images. Ce langage encapsule tous les éléments visibles sur une page, incluant les blocs de texte, tableaux, et menus. Tim Berners-Lee l’a conçu en 1992, et il a évolué au fil des années, aboutissant à la version actuelle, le HTML5.

Que permet le HTML ?

  • Structurer la page : Il organise le contenu pour offrir une expérience utilisateur fluide.
  • Intégrer divers médias : De la vidéo aux images, tout élément visuel y trouve sa place.
  • Créer des formulaires interactifs : Faciliter la collecte de données.
  • Optimisation pour les moteurs de recherche : Une structuration correcte améliore la visibilité sur Internet.

Les avancées du HTML5 ont permis de nouvelles fonctionnalités, renforçant sa place indispensable dans le développement web moderne.

Les outils pour coder en HTML

Pour débuter en HTML, un simple éditeur de texte suffit pour explorer cet univers. Vous trouverez de nombreux éditeurs gratuits en ligne. Prenez le temps de lire les avis des utilisateurs pour choisir celui qui vous conviendra pour vos premiers pas en programmation. Quelques options recommandées incluent Notepad++, Sublime Text, Komodo, Visual Studio Code, et Brackets. Comme débutant, il est préférable d’éviter les éditeurs complexes et de privilégier ceux qui sont plus simples pour ne pas se sentir submergé par une multitude de fonctionnalités.

Employez ces outils pour faciliter votre initiation sans complications inutiles !

Comprendre les balises HTML

Les balises HTML structurent les éléments d’une page web en les insérant dans des balises spécifiques. Ces balises sont entourées de chevrons et fonctionnent généralement par paires. Si ce n’est pas le cas, elles sont appelées « balises orphelines ». Voici comment elles apparaissent : <balise> </balise>. La première est la balise d’ouverture et la deuxième, distinguée par un « / », est la balise de fermeture, indiquant la fin de l’instruction.

Les balises HTML essentielles

Il existe un grand nombre de balises HTML, chacune donnant des instructions spécifiques aux éléments d’une page web. Voici quelques balises courantes :

  • </strong> : Indique le titre de la page.</li> <li><strong> <p></strong> : Représente un paragraphe.</li> <li><strong><br /> <h1></strong> à <strong></p> <h6></strong> : Définit les titres éditoriaux, du niveau 1 au niveau 6.</li> <li><strong><img></strong> : Indique une image.</li> <li><strong><strong></strong> : Met en gras le contenu.</li> <li><strong> <div></strong> : Crée un conteneur pour séparer le contenu.</li> <li><strong><video></strong> et <strong><audio></strong> : Intègrent respectivement des vidéos et des audios.</li> <li><strong> <ul></strong> : Crée des listes à puces.</li> </ul> <p>Se former au HTML procure une compréhension des bases du langage, essentielle pour créer sa toute première page web. Abordons maintenant le programme des cours destinés aux débutants en développement web.</p> <h2 id="choisirlabonneformuledeformationauhtml">Choisir la bonne formule de formation au HTML</h2> <p>Pour débuter, il est essentiel de sélectionner le type de cours qui vous convient le mieux : soit une <strong>formation à distance</strong>, soit des cours en présentiel. Vous avez la possibilité de suivre ces stages individuellement ou en groupe. De nombreux centres de formation réalisent des évaluations préalables pour définir vos besoins selon vos compétences actuelles et vos objectifs. Cela permet de bénéficier d’un <strong>accompagnement personnalisé</strong> qui favorise l’amélioration progressive de vos aptitudes.</p> <h2 id="desformationsconcentressurlesbasesduhtml">Des formations concentrées sur les bases du HTML</h2> <p>Apprendre un langage tel que le HTML peut être rapide ; les bases peuvent souvent être acquises en une journée. Pour cette raison, de nombreuses formations incluent des cours combinant HTML et CSS. Ce format est extrêmement populaire car HTML et CSS forment un duo indissociable. Négliger le CSS pourrait vous limiter dans la création de sites web attrayants et fonctionnels. </p> <p>Assurez-vous de ne pas sous-estimer l’importance du CSS, qui est fondamental pour le développement web moderne.</p> <h2 id="comprendrelehtmletcsspourlaconceptionweb">Comprendre le HTML et CSS pour la conception web</h2> <p>Le HTML et le CSS sont les deux piliers de la <strong>création de sites web</strong>. Le HTML assure la structure des éléments d’une page, tandis que le CSS les met en forme et leur donne vie. Sans CSS, un site serait terne et peu attrayant. Avec le CSS, vous pouvez, par exemple, positionner un bloc de texte dans un coin de l’écran, insérer des illustrations judicieusement, appliquer des couleurs aux titres ou animer une transition lorsque la souris survole un menu.</p> <h3 id="apprendreorganiservosbaliseshtml">Apprendre à organiser vos balises HTML</h3> <p>Vous découvrirez comment structurer vos balises HTML en respectant les standards du web établis par le W3C, et en optimisant l’expérience utilisateur. Le terme « responsive design » deviendra familier, signifiant la capacité d’un site à s’adapter aux écrans variés – ordinateurs, tablettes ou téléphones mobiles. Les formations pour maîtriser HTML et CSS sont abondantes, vous offrant une multitude de choix pour apprendre à concevoir des pages web en quelques jours seulement. Les progrès rapides que vous ferez pourraient vous surprendre, surtout si vous n’avez jamais envisagé de coder auparavant!</p> <h3 id="opterpouruneformationprofessionnelle">Opter pour une formation professionnelle</h3> <p>Pour ceux qui souhaitent aller plus loin, une formation plus <strong>approfondie sera nécessaire</strong>. Elle vous permettra de vous spécialiser et de créer des sites interactifs, complexes et dynamiques, un véritable atout dans le domaine numérique.</p> <h3 id="lespralablespourcommenceraveclehtmletlecss">Les préalables pour commencer avec le HTML et le CSS</h3> <p>Si vous souhaitez vous lancer dans une formation en HTML, mais que vous craignez de ne pas être prêt, ne vous inquiétez pas. Être à l’aise avec les <strong>outils informatiques</strong> est largement suffisant pour se lancer. Ajoutez à cela une bonne part de curiosité, de patience, et un soupçon d’esprit logique. Avec ces qualités, votre apprentissage du <strong>HTML et du CSS</strong> démarrera sans problème.</p> <h2 id="comprendrelesoutilsetlangageswebessentiels">Comprendre les outils et langages web essentiels</h2> <h3 id="allerplusloindansledveloppementweb">Aller plus loin dans le développement web</h3> <p>Pour concevoir des sites dynamiques et multifonctionnels tels que des blogs, des sites vitrines ou des plateformes e-commerce, certains <strong>langages web se révèlent particulièrement utiles</strong>. Pour ceux qui souhaitent approfondir leurs compétences en développement front-end, l’apprentissage de langages informatiques comme le <strong>JavaScript et sa bibliothèque jQuery</strong> peut s’avérer enrichissant. </p> <h3 id="dcouvertedudveloppementbackend">Découverte du développement back-end</h3> <p>Découvrir les coulisses d’un site web, notamment ce qui touche aux bases de données, est possible grâce au développement back-end. Cela vous permettra, par exemple, de concevoir des espaces personnels sécurisés pour vos utilisateurs. Parmi les langages de programmation à découvrir, figurent <strong>PHP, MySQL,</strong> mais aussi le Python et le Java.</p> <h3 id="utilisationdescmspourlacrationweb">Utilisation des CMS pour la création web</h3> <p>Enfin, pour ceux qui souhaitent créer facilement des sites web administrables sans connaissances approfondies en langages web, des logiciels comme WordPress ou Prestashop sont d’excellents choix. Néanmoins, afin de <strong>personnaliser efficacement</strong> un site conçu avec ces CMS (Content Management Systems), maîtriser les bases du <strong>HTML et du CSS</strong> est incontournable.</p> <h2 id="formationenprsentieloudistance">Formation en présentiel ou à distance</h2> <h3 id="formatsdisponibles">Formats disponibles</h3> <p>La formation de <strong>21 heures peut être suivie</strong> selon différents modes adaptés à vos besoins :</p> <ul> <li><strong>À distance</strong> : Participez aux sessions de formation depuis chez vous en utilisant les outils numériques adaptés.</li> <li><strong>En présentiel en centre</strong> : Rejoignez-nous dans l’un de nos centres de formation pour bénéficier d’un apprentissage direct et interactif.</li> <li><strong>En entreprise</strong> : Optez pour une formation sur place, directement dans votre entreprise, pour plus de commodité.</li> </ul> <p><img decoding="async" src="https://path.to/your/image.jpg" alt="Image de Formation" /></p> <h3 id="formationphp">Formation PHP</h3> <p>La <strong>formation PHP s’adresse</strong> aussi bien aux débutants qu’aux développeurs expérimentés qui souhaitent approfondir leurs compétences. Elle couvre les bases du langage ainsi que ses fonctionnalités avancées.<br /> <strong>Formation en visioconférence: TOSA</strong> </p> <p>Optez pour une formation <strong><em>intensive de 10 jours qui totalise 70 heures</em></strong>. Cette formation est offerte en plusieurs formats flexibles : à distance, en centre ou même en entreprise. Elle est idéale pour les salariés en poste désireux d’accroître leurs compétences. </p> <p><strong>Formation Webmaster: Développeur avec WordPress et HTML/CSS</strong></p> <p>Ce programme cible les <strong>*apprenants souhaitant maîtriser</strong> les outils web modernes. Les participants exploreront :</p> <ul> <li>Les bases du développement web avec HTML et CSS</li> <li>La création et la gestion de contenu sous WordPress</li> <li>Les meilleures pratiques pour optimiser la performance des sites web</li> </ul> <p>Ces cours visent à fournir les compétences nécessaires pour gérer et développer des plateformes en ligne efficacement.</p> <h3 id="formationde35heuresavecunformateur">Formation de 35 heures avec un formateur</h3> <p><strong>Mode de formation</strong> </p> <ul> <li>À distance </li> <li>En centre </li> <li>En entreprise </li> </ul> <p><strong>Public cible</strong> </p> <ul> <li>Salariés en poste </li> <li>Entreprises </li> </ul> <h3 id="formationindividuelleenditiondesiteswebavechtml5etcss3">Formation individuelle en édition de sites web avec HTML 5 et CSS 3</h3> <p>Ce programme est conçu pour ceux qui souhaitent développer leurs compétences en <strong>création de sites web</strong>. Il offre une compréhension approfondie des langages HTML 5 et CSS 3, essentiels pour construire des pages web interactives et modernes.</p> <h2 id="dcouvrezdesformationsadaptes">Découvrez des formations adaptées</h2> <h3 id="prparezvouspourrussirentantquesalarioudemandeurdemploi">Préparez-vous pour réussir en tant que salarié ou demandeur d’emploi</h3> <ul> <li><strong>Durée :</strong> 3 jours</li> <li><strong>Modes de formation :</strong> À distance ou en centre</li> <li><strong>Public cible :</strong> Salariés en poste, demandeurs d’emploi, entreprises</li> </ul> <h3 id="formationssupplmentairesendveloppementwebchezdawan">Formations supplémentaires en développement web chez Dawan</h3> <p>Explorez des perspectives professionnelles avec Dawan grâce à une sélection variée de formations. Que vous soyez salarié, à la recherche d’un emploi ou représentant d’entreprise, ces sessions de formation vous aideront à vous perfectionner.</p> <h3 id="htmlcssfondamentaux">HTML/CSS : fondamentaux</h3> <p>Apprenez les bases du développement web avec notre formation HTML/CSS. Idéale pour débutants, <strong>elle couvre les principaux concepts</strong> du langage HTML et des feuilles de style CSS, garantissant une compréhension claire et pratique essentielle pour un développeur web en herbe.</p> <p>Dawan vous propose des programmes conçus pour répondre aux besoins variés des professionnels en développement web, adaptés autant aux débutants qu’à ceux cherchant à enrichir leur expertise.</p> <h2 id="avisdexperts">Avis d’experts</h2> <p>De 6 à 10 mois<br /> Mentorat personnalisé<br /> Formation à distance </p> <h3 id="idalpour">Idéal pour</h3> <ul> <li><strong>Salariés en poste</strong></li> <li><strong>Demandeurs d’emploi</strong></li> <li><strong>Entreprises</strong></li> </ul> <h2 id="formationdveloppeurwebfrontend">Formation développeur web front end</h2> <p>Assembler, coder et maîtriser les compétences essentielles du développement web front end.</p> </div><!-- .entry-content --> <footer class="entry-footer"> </footer><!-- .entry-footer --> </article><!-- #post-3566 --> <div id="comments" class="comments-area"> <div id="respond" class="comment-respond"> <h3 id="reply-title" class="comment-reply-title">Laisser un commentaire <small><a rel="nofollow" id="cancel-comment-reply-link" href="/apprendre-le-html-guide-complet-pour-debutants-et-pros/#respond" style="display:none;">Annuler la réponse</a></small></h3><form action="https://formaposte-nordest.fr/wp-comments-post.php" method="post" id="commentform" class="comment-form" novalidate><p class="comment-notes"><span id="email-notes">Votre adresse e-mail ne sera pas publiée.</span> <span class="required-field-message">Les champs obligatoires sont indiqués avec <span class="required">*</span></span></p><p class="comment-form-comment"><label for="comment">Commentaire <span class="required">*</span></label> <textarea id="comment" name="comment" cols="45" rows="8" maxlength="65525" required></textarea></p><p class="comment-form-author"><label for="author">Nom <span class="required">*</span></label> <input id="author" name="author" type="text" value="" size="30" maxlength="245" autocomplete="name" required /></p> <p class="comment-form-email"><label for="email">E-mail <span class="required">*</span></label> <input id="email" name="email" type="email" value="" size="30" maxlength="100" aria-describedby="email-notes" autocomplete="email" required /></p> <p class="comment-form-url"><label for="url">Site web</label> <input id="url" name="url" type="url" value="" size="30" maxlength="200" autocomplete="url" /></p> <p class="comment-form-cookies-consent"><input id="wp-comment-cookies-consent" name="wp-comment-cookies-consent" type="checkbox" value="yes" /> <label for="wp-comment-cookies-consent">Enregistrer mon nom, mon e-mail et mon site dans le navigateur pour mon prochain commentaire.</label></p> <p class="form-submit"><input name="submit" type="submit" id="submit" class="submit" value="Laisser un commentaire" /> <input type='hidden' name='comment_post_ID' value='3566' id='comment_post_ID' /> <input type='hidden' name='comment_parent' id='comment_parent' value='0' /> </p></form> </div><!-- #respond --> </div><!-- #comments --> </div> </div> <section class="ui-related-posts elementor-section elementor-section-boxed"> <div class="uicore elementor-container"> <div class="uicore-row"> <h3>You may also like</h3> <div class="uicore-grid-container uicore-blog-grid uicore-grid-row uicore-grid uicore-landscape-ratio uicore-large-space animate-3 ui-st-simple uicore-blog-widget"> <div class="uicore-grid-item uicore-col-md-6 uicore-col-lg-4 uicore-zoom uicore-animate post-3394 post type-post status-publish format-standard hentry category-actu" > <article class="uicore-post"> <div class="uicore-post-wrapper"> <div class="uicore-post-info"> <div class="uicore-post-info-wrapper"> <div class="uicore-post-category uicore-body"> <a href="https://formaposte-nordest.fr/category/actu/" title="View Actu posts">Actu</a> </div> <a href="https://formaposte-nordest.fr/les-10-metiers-du-web-pour-une-carriere-dans-le-digital/" title="View Post: Les 10 métiers du web pour une carrière dans le digital "> <h4 class="uicore-post-title"><span>Les 10 métiers du web pour une carrière dans le digital</span></h4> </a><p>Le web a révolutionné les emplois, transformant les « hommes à tout faire » en experts spécialisés grâce à des formations ciblées. Tous partagent […]</p><div class="uicore-post-footer uicore-body"><span><a href="https://formaposte-nordest.fr/author/adrien/" title="Articles par Adrien" rel="author">Adrien</a></span><span class="uicore-meta-separator"></span><span>février 4, 2025</span><span class="uicore-meta-separator"></span><span>14 min read</span></div> </div> </div> </div> </article> </div> <div class="uicore-grid-item uicore-col-md-6 uicore-col-lg-4 uicore-zoom uicore-animate post-3396 post type-post status-publish format-standard hentry category-actu" > <article class="uicore-post"> <div class="uicore-post-wrapper"> <div class="uicore-post-info"> <div class="uicore-post-info-wrapper"> <div class="uicore-post-category uicore-body"> <a href="https://formaposte-nordest.fr/category/actu/" title="View Actu posts">Actu</a> </div> <a href="https://formaposte-nordest.fr/se-reconvertir-dans-le-web-5-conseils-essentiels-pour-reussir/" title="View Post: Se reconvertir dans le web : 5 conseils essentiels pour réussir "> <h4 class="uicore-post-title"><span>Se reconvertir dans le web : 5 conseils essentiels pour réussir</span></h4> </a><p>Vous souhaitez vous lancer dans les métiers du web et du numérique ? Les opportunités d’emploi dans ce domaine semblent prometteuses. Les […]</p><div class="uicore-post-footer uicore-body"><span><a href="https://formaposte-nordest.fr/author/adrien/" title="Articles par Adrien" rel="author">Adrien</a></span><span class="uicore-meta-separator"></span><span>février 4, 2025</span><span class="uicore-meta-separator"></span><span>10 min read</span></div> </div> </div> </div> </article> </div> <div class="uicore-grid-item uicore-col-md-6 uicore-col-lg-4 uicore-zoom uicore-animate post-3398 post type-post status-publish format-standard hentry category-actu" > <article class="uicore-post"> <div class="uicore-post-wrapper"> <div class="uicore-post-info"> <div class="uicore-post-info-wrapper"> <div class="uicore-post-category uicore-body"> <a href="https://formaposte-nordest.fr/category/actu/" title="View Actu posts">Actu</a> </div> <a href="https://formaposte-nordest.fr/devenir-developpeur-web-guide-complet-pour-reussir-dans-le-metier/" title="View Post: Devenir développeur web : Guide complet pour réussir dans le métier "> <h4 class="uicore-post-title"><span>Devenir développeur web : Guide complet pour réussir dans le métier</span></h4> </a><p>Le rôle du développeur web est de donner vie à des sites internet et à des applications web. Oubliez l’image dépassée du […]</p><div class="uicore-post-footer uicore-body"><span><a href="https://formaposte-nordest.fr/author/adrien/" title="Articles par Adrien" rel="author">Adrien</a></span><span class="uicore-meta-separator"></span><span>février 4, 2025</span><span class="uicore-meta-separator"></span><span>14 min read</span></div> </div> </div> </div> </article> </div> </div> </div> </div> </section> </main> </div><!-- #primary --> </div><!-- #content --> <footer id="uicore-tb-footer" itemscope="itemscope" itemtype="https://schema.org/WPFooter" > <div data-elementor-type="uicore-tb" data-elementor-id="232" class="elementor elementor-232"> <div class="elementor-section elementor-top-section elementor-element elementor-element-1828a66 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="1828a66" data-element_type="section" data-settings="{"background_background":"classic"}"> <div class="elementor-container elementor-column-gap-no"> <div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-073d189" data-id="073d189" data-element_type="column"> <div class="elementor-widget-wrap elementor-element-populated"> <section class="elementor-section elementor-inner-section elementor-element elementor-element-1e4b16d elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="1e4b16d" data-element_type="section" data-settings="{"background_background":"classic"}"> <div class="elementor-container elementor-column-gap-default"> <div class="elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-1f4de94" data-id="1f4de94" data-element_type="column" data-settings="{"background_background":"classic"}"> <div class="elementor-widget-wrap elementor-element-populated"> <div class="elementor-element elementor-element-df5f6e4 elementor-widget__width-initial elementor-widget-tablet__width-initial elementor-widget-mobile__width-inherit elementor-invisible elementor-widget elementor-widget-heading" data-id="df5f6e4" data-element_type="widget" data-settings="{"_animation":"fadeInUp","_animation_delay":"200"}" data-widget_type="heading.default"> <div class="elementor-widget-container"> <h2 class="elementor-heading-title elementor-size-default">La prochaine étape de votre vie professionnelle</h2> </div> </div> <div class="elementor-element elementor-element-6844815 elementor-widget__width-initial elementor-widget-mobile__width-inherit elementor-invisible elementor-widget elementor-widget-text-editor" data-id="6844815" data-element_type="widget" data-settings="{"_animation":"fadeInUp","_animation_delay":"200"}" data-widget_type="text-editor.default"> <div class="elementor-widget-container"> <p>Passe par une formation de qualité qui vous aidera à vous épanouir dans un nouvel emploi où votre passion et vos qualités seront les clés de la réussite de l’entreprise !</p> </div> </div> <div class="elementor-element elementor-element-85a67ff elementor-widget elementor-widget-spacer" data-id="85a67ff" data-element_type="widget" data-widget_type="spacer.default"> <div class="elementor-widget-container"> <div class="elementor-spacer"> <div class="elementor-spacer-inner"></div> </div> </div> </div> <div class="elementor-element elementor-element-4221a9e elementor-widget__width-auto elementor-invisible elementor-widget elementor-widget-button" data-id="4221a9e" data-element_type="widget" data-settings="{"_animation":"fadeInUp","_animation_delay":"200"}" data-widget_type="button.default"> <div class="elementor-widget-container"> <div class="elementor-button-wrapper"> <a class="elementor-button elementor-button-link elementor-size-sm" href="#"> <span class="elementor-button-content-wrapper"> <span class="elementor-button-text">Le guide de la formation</span> </span> </a> </div> </div> </div> <div class="elementor-element elementor-element-be51565 elementor-widget__width-auto elementor-invisible elementor-widget elementor-widget-button" data-id="be51565" data-element_type="widget" data-settings="{"_animation":"fadeInUp","_animation_delay":"200"}" data-widget_type="button.default"> <div class="elementor-widget-container"> <div class="elementor-button-wrapper"> <a class="elementor-button elementor-size-sm" role="button"> <span class="elementor-button-content-wrapper"> <span class="elementor-button-text">Alternance</span> </span> </a> </div> </div> </div> </div> </div> </div> </section> <section class="elementor-section elementor-inner-section elementor-element elementor-element-1817e57 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="1817e57" data-element_type="section"> <div class="elementor-container elementor-column-gap-default"> <div class="elementor-column elementor-col-25 elementor-inner-column elementor-element elementor-element-56e1b8b" data-id="56e1b8b" data-element_type="column"> <div class="elementor-widget-wrap elementor-element-populated"> <div class="elementor-element elementor-element-0c46e3a elementor-widget elementor-widget-image" data-id="0c46e3a" data-element_type="widget" data-widget_type="image.default"> <div class="elementor-widget-container"> <img width="430" height="87" src="https://formaposte-nordest.fr/wp-content/uploads/2024/09/Logo-Formation-Pro.webp" class="attachment-full size-full wp-image-395" alt="" srcset="https://formaposte-nordest.fr/wp-content/uploads/2024/09/Logo-Formation-Pro.webp 430w, https://formaposte-nordest.fr/wp-content/uploads/2024/09/Logo-Formation-Pro-300x61.webp 300w" sizes="(max-width: 430px) 100vw, 430px" /> </div> </div> <div class="elementor-element elementor-element-1574f40 elementor-widget elementor-widget-text-editor" data-id="1574f40" data-element_type="widget" data-widget_type="text-editor.default"> <div class="elementor-widget-container"> <p>Transmettre les connaissances, connaître les besoins du marché pour vous aider à trouver l’emploi qui vous correspond: telle est notre mission !</p> </div> </div> <div class="elementor-element elementor-element-6055a86 elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list" data-id="6055a86" data-element_type="widget" data-widget_type="icon-list.default"> <div class="elementor-widget-container"> <ul class="elementor-icon-list-items"> <li class="elementor-icon-list-item"> <a href="#"> <span class="elementor-icon-list-icon"> <i aria-hidden="true" class="ti ti-comment-alt"></i> </span> <span class="elementor-icon-list-text">hello@formaposte-nordest.fr</span> </a> </li> </ul> </div> </div> </div> </div> <div class="elementor-column elementor-col-25 elementor-inner-column elementor-element elementor-element-09a1b20" data-id="09a1b20" data-element_type="column"> <div class="elementor-widget-wrap elementor-element-populated"> <div class="elementor-element elementor-element-a7efaed elementor-widget elementor-widget-heading" data-id="a7efaed" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <h6 class="elementor-heading-title elementor-size-default">Product</h6> </div> </div> <div class="elementor-element elementor-element-244a9cd elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list" data-id="244a9cd" data-element_type="widget" data-widget_type="icon-list.default"> <div class="elementor-widget-container"> <ul class="elementor-icon-list-items"> <li class="elementor-icon-list-item"> <a href="#"> <span class="elementor-icon-list-text">Overview</span> </a> </li> </ul> </div> </div> <div class="elementor-element elementor-element-5d8bf6a elementor-widget elementor-widget-heading" data-id="5d8bf6a" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <h6 class="elementor-heading-title elementor-size-default">Resources</h6> </div> </div> <div class="elementor-element elementor-element-298b6c6 elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list" data-id="298b6c6" data-element_type="widget" data-widget_type="icon-list.default"> <div class="elementor-widget-container"> <ul class="elementor-icon-list-items"> <li class="elementor-icon-list-item"> <a href="#"> <span class="elementor-icon-list-text">Blog</span> </a> </li> </ul> </div> </div> </div> </div> <div class="elementor-column elementor-col-25 elementor-inner-column elementor-element elementor-element-710a738" data-id="710a738" data-element_type="column"> <div class="elementor-widget-wrap elementor-element-populated"> <div class="elementor-element elementor-element-f6c3b91 elementor-widget elementor-widget-heading" data-id="f6c3b91" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <h6 class="elementor-heading-title elementor-size-default">About</h6> </div> </div> <div class="elementor-element elementor-element-28d1455 elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list" data-id="28d1455" data-element_type="widget" data-widget_type="icon-list.default"> <div class="elementor-widget-container"> <ul class="elementor-icon-list-items"> <li class="elementor-icon-list-item"> <a href="#"> <span class="elementor-icon-list-text">About Us</span> </a> </li> </ul> </div> </div> <div class="elementor-element elementor-element-97aedc9 elementor-widget elementor-widget-heading" data-id="97aedc9" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <h6 class="elementor-heading-title elementor-size-default">Legal</h6> </div> </div> <div class="elementor-element elementor-element-53618bd elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list" data-id="53618bd" data-element_type="widget" data-widget_type="icon-list.default"> <div class="elementor-widget-container"> <ul class="elementor-icon-list-items"> <li class="elementor-icon-list-item"> <a href="#"> <span class="elementor-icon-list-text">Terms</span> </a> </li> </ul> </div> </div> </div> </div> <div class="elementor-column elementor-col-25 elementor-inner-column elementor-element elementor-element-cc631aa" data-id="cc631aa" data-element_type="column"> <div class="elementor-widget-wrap elementor-element-populated"> <div class="elementor-element elementor-element-532e82a elementor-widget elementor-widget-heading" data-id="532e82a" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <h6 class="elementor-heading-title elementor-size-default">Collaborate</h6> </div> </div> <div class="elementor-element elementor-element-45e3adb elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list" data-id="45e3adb" data-element_type="widget" data-widget_type="icon-list.default"> <div class="elementor-widget-container"> <ul class="elementor-icon-list-items"> <li class="elementor-icon-list-item"> <a href="#"> <span class="elementor-icon-list-text">Partners</span> </a> </li> </ul> </div> </div> </div> </div> </div> </section> <div class="elementor-section elementor-inner-section elementor-element elementor-element-9f7789c elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="9f7789c" data-element_type="section"> <div class="elementor-container elementor-column-gap-default"> <div class="elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-0effc20" data-id="0effc20" data-element_type="column"> <div class="elementor-widget-wrap elementor-element-populated"> <div class="elementor-element elementor-element-d94f04a elementor-icon-list--layout-inline elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list" data-id="d94f04a" data-element_type="widget" data-widget_type="icon-list.default"> <div class="elementor-widget-container"> <ul class="elementor-icon-list-items elementor-inline-items"> <li class="elementor-icon-list-item elementor-inline-item"> <a href="#"> <span class="elementor-icon-list-icon"> <svg aria-hidden="true" class="e-font-icon-svg e-fab-twitter" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"></path></svg> </span> <span class="elementor-icon-list-text"></span> </a> </li> <li class="elementor-icon-list-item elementor-inline-item"> <a href="#"> <span class="elementor-icon-list-icon"> <svg aria-hidden="true" class="e-font-icon-svg e-fab-linkedin" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path d="M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3zM135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5 0 21.3-17.2 38.5-38.5 38.5zm282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9V416z"></path></svg> </span> <span class="elementor-icon-list-text"></span> </a> </li> <li class="elementor-icon-list-item elementor-inline-item"> <a href="#"> <span class="elementor-icon-list-icon"> <svg aria-hidden="true" class="e-font-icon-svg e-fab-facebook" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M504 256C504 119 393 8 256 8S8 119 8 256c0 123.78 90.69 226.38 209.25 245V327.69h-63V256h63v-54.64c0-62.15 37-96.48 93.67-96.48 27.14 0 55.52 4.84 55.52 4.84v61h-31.28c-30.8 0-40.41 19.12-40.41 38.73V256h68.78l-11 71.69h-57.78V501C413.31 482.38 504 379.78 504 256z"></path></svg> </span> <span class="elementor-icon-list-text"></span> </a> </li> <li class="elementor-icon-list-item elementor-inline-item"> <a href="#"> <span class="elementor-icon-list-icon"> <svg aria-hidden="true" class="e-font-icon-svg e-fab-instagram" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"></path></svg> </span> <span class="elementor-icon-list-text"></span> </a> </li> <li class="elementor-icon-list-item elementor-inline-item"> <a href="#"> <span class="elementor-icon-list-icon"> <svg aria-hidden="true" class="e-font-icon-svg e-fab-github" viewBox="0 0 496 512" xmlns="http://www.w3.org/2000/svg"><path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"></path></svg> </span> <span class="elementor-icon-list-text"></span> </a> </li> </ul> </div> </div> <div class="elementor-element elementor-element-2035deb elementor-widget elementor-widget-text-editor" data-id="2035deb" data-element_type="widget" data-widget_type="text-editor.default"> <div class="elementor-widget-container"> <p>© 2025 formaposte-nordest.fr</p> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </footer> <footer class="uicore-footer-wrapper"></footer><!-- 1.5 uicore_content_end --> </div><!-- #page --> <div data-rocket-location-hash="856386a28334711259ac905233250049" id="uicore-back-to-top" class="uicore-back-to-top uicore-i-arrow uicore_hide_mobile "></div> <div data-rocket-location-hash="11be0c9f377844ad62b891956c49ee6f" class="uicore-navigation-wrapper uicore-navbar elementor-section elementor-section-boxed uicore-mobile-menu-wrapper "> <nav class="uicore elementor-container"> <div class="uicore-branding uicore-mobile"> <a href="https://formaposte-nordest.fr/" rel="home"> <img class="uicore uicore-logo" src="https://formaposte-nordest.fr/wp-content/uploads/2024/09/Logo-Formation-Pro.webp" alt="Formation Pro"/> </a> </div> <div class="uicore-branding uicore-desktop"> </div> <div class="uicore-mobile-head-right"> <button type="button" class="uicore-toggle uicore-ham" aria-label="mobile-menu"> <span class="bars"> <span class="bar"></span> <span class="bar"></span> <span class="bar"></span> </span> </button> </div> </nav> <div class="uicore-navigation-content"> <div class="uicore-menu-container uicore-nav"><ul data-uils="header-menu" data-uils-title="Navigation Menu" class="uicore-menu"><li class="menu-item menu-item-type-taxonomy menu-item-object-category current-post-ancestor current-menu-parent current-post-parent menu-item-2725"><a href="https://formaposte-nordest.fr/category/actu/"><span class="ui-menu-item-wrapper">Actu</span></a></li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-2726"><a href="https://formaposte-nordest.fr/category/sante/"><span class="ui-menu-item-wrapper">Santé</span></a></li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-2727"><a href="https://formaposte-nordest.fr/category/informatique/"><span class="ui-menu-item-wrapper">Informatique</span></a></li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-3681"><a href="https://formaposte-nordest.fr/category/reconversion/"><span class="ui-menu-item-wrapper">Reconversion</span></a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3332"><a href="https://formaposte-nordest.fr/dossier-reconversion-professionnelle/"><span class="ui-menu-item-wrapper">Reconversion Professionnelle</span></a></li> </ul></div><div class="uicore uicore-extra" data-uils="header_extra" data-uils-title="Header Extras"> <div class="uicore-cta-wrapper"> <a href="#" target="_self" class="uicore-btn uicore-inverted"> <span class="elementor-button-text"> Get Started </span> </a> </div> </div> </div> </div> <!-- 1.6 uicore_body_end --></div> <!-- 1.7 uicore_after_body_content --><script> var uicore_frontend = {'back':'Back', 'rtl' : '','mobile_br' : '1025'}; console.log( 'Using UiCore Pro v.1.0.8'); console.log( 'Powered By UiCore Framework v.5.0.13'); </script> <script> const lazyloadRunObserver = () => { const lazyloadBackgrounds = document.querySelectorAll( `.e-con.e-parent:not(.e-lazyloaded)` ); const lazyloadBackgroundObserver = new IntersectionObserver( ( entries ) => { entries.forEach( ( entry ) => { if ( entry.isIntersecting ) { let lazyloadBackground = entry.target; if( lazyloadBackground ) { lazyloadBackground.classList.add( 'e-lazyloaded' ); } lazyloadBackgroundObserver.unobserve( entry.target ); } }); }, { rootMargin: '200px 0px 200px 0px' } ); lazyloadBackgrounds.forEach( ( lazyloadBackground ) => { lazyloadBackgroundObserver.observe( lazyloadBackground ); } ); }; const events = [ 'DOMContentLoaded', 'elementor/lazyload/observe', ]; events.forEach( ( event ) => { document.addEventListener( event, lazyloadRunObserver ); } ); </script> <link rel='stylesheet' id='e-animation-fadeInUp-css' href='https://formaposte-nordest.fr/wp-content/plugins/elementor/assets/lib/animations/styles/fadeInUp.min.css?ver=3.27.3' media='all' /> <link rel='stylesheet' id='widget-heading-css' href='https://formaposte-nordest.fr/wp-content/plugins/elementor/assets/css/widget-heading.min.css?ver=3.27.3' media='all' /> <link rel='stylesheet' id='widget-text-editor-css' href='https://formaposte-nordest.fr/wp-content/plugins/elementor/assets/css/widget-text-editor.min.css?ver=3.27.3' media='all' /> <link rel='stylesheet' id='widget-image-css' href='https://formaposte-nordest.fr/wp-content/plugins/elementor/assets/css/widget-image.min.css?ver=3.27.3' media='all' /> <link rel='stylesheet' id='widget-icon-list-css' href='https://formaposte-nordest.fr/wp-content/plugins/elementor/assets/css/widget-icon-list.min.css?ver=3.27.3' media='all' /> <script id="rocket-browser-checker-js-after"> "use strict";var _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||!1,descriptor.configurable=!0,"value"in descriptor&&(descriptor.writable=!0),Object.defineProperty(target,descriptor.key,descriptor)}}return function(Constructor,protoProps,staticProps){return protoProps&&defineProperties(Constructor.prototype,protoProps),staticProps&&defineProperties(Constructor,staticProps),Constructor}}();function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}var RocketBrowserCompatibilityChecker=function(){function RocketBrowserCompatibilityChecker(options){_classCallCheck(this,RocketBrowserCompatibilityChecker),this.passiveSupported=!1,this._checkPassiveOption(this),this.options=!!this.passiveSupported&&options}return _createClass(RocketBrowserCompatibilityChecker,[{key:"_checkPassiveOption",value:function(self){try{var options={get passive(){return!(self.passiveSupported=!0)}};window.addEventListener("test",null,options),window.removeEventListener("test",null,options)}catch(err){self.passiveSupported=!1}}},{key:"initRequestIdleCallback",value:function(){!1 in window&&(window.requestIdleCallback=function(cb){var start=Date.now();return setTimeout(function(){cb({didTimeout:!1,timeRemaining:function(){return Math.max(0,50-(Date.now()-start))}})},1)}),!1 in window&&(window.cancelIdleCallback=function(id){return clearTimeout(id)})}},{key:"isDataSaverModeOn",value:function(){return"connection"in navigator&&!0===navigator.connection.saveData}},{key:"supportsLinkPrefetch",value:function(){var elem=document.createElement("link");return elem.relList&&elem.relList.supports&&elem.relList.supports("prefetch")&&window.IntersectionObserver&&"isIntersecting"in IntersectionObserverEntry.prototype}},{key:"isSlowConnection",value:function(){return"connection"in navigator&&"effectiveType"in navigator.connection&&("2g"===navigator.connection.effectiveType||"slow-2g"===navigator.connection.effectiveType)}}]),RocketBrowserCompatibilityChecker}(); </script> <script id="rocket-preload-links-js-extra"> var RocketPreloadLinksConfig = {"excludeUris":"\/(?:.+\/)?feed(?:\/(?:.+\/?)?)?$|\/(?:.+\/)?embed\/|\/(index.php\/)?(.*)wp-json(\/.*|$)|\/refer\/|\/go\/|\/recommend\/|\/recommends\/","usesTrailingSlash":"1","imageExt":"jpg|jpeg|gif|png|tiff|bmp|webp|avif|pdf|doc|docx|xls|xlsx|php","fileExt":"jpg|jpeg|gif|png|tiff|bmp|webp|avif|pdf|doc|docx|xls|xlsx|php|html|htm","siteUrl":"https:\/\/formaposte-nordest.fr","onHoverDelay":"100","rateThrottle":"3"}; </script> <script id="rocket-preload-links-js-after"> (function() { "use strict";var r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},e=function(){function i(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}return function(e,t,n){return t&&i(e.prototype,t),n&&i(e,n),e}}();function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}var t=function(){function n(e,t){i(this,n),this.browser=e,this.config=t,this.options=this.browser.options,this.prefetched=new Set,this.eventTime=null,this.threshold=1111,this.numOnHover=0}return e(n,[{key:"init",value:function(){!this.browser.supportsLinkPrefetch()||this.browser.isDataSaverModeOn()||this.browser.isSlowConnection()||(this.regex={excludeUris:RegExp(this.config.excludeUris,"i"),images:RegExp(".("+this.config.imageExt+")$","i"),fileExt:RegExp(".("+this.config.fileExt+")$","i")},this._initListeners(this))}},{key:"_initListeners",value:function(e){-1<this.config.onHoverDelay&&document.addEventListener("mouseover",e.listener.bind(e),e.listenerOptions),document.addEventListener("mousedown",e.listener.bind(e),e.listenerOptions),document.addEventListener("touchstart",e.listener.bind(e),e.listenerOptions)}},{key:"listener",value:function(e){var t=e.target.closest("a"),n=this._prepareUrl(t);if(null!==n)switch(e.type){case"mousedown":case"touchstart":this._addPrefetchLink(n);break;case"mouseover":this._earlyPrefetch(t,n,"mouseout")}}},{key:"_earlyPrefetch",value:function(t,e,n){var i=this,r=setTimeout(function(){if(r=null,0===i.numOnHover)setTimeout(function(){return i.numOnHover=0},1e3);else if(i.numOnHover>i.config.rateThrottle)return;i.numOnHover++,i._addPrefetchLink(e)},this.config.onHoverDelay);t.addEventListener(n,function e(){t.removeEventListener(n,e,{passive:!0}),null!==r&&(clearTimeout(r),r=null)},{passive:!0})}},{key:"_addPrefetchLink",value:function(i){return this.prefetched.add(i.href),new Promise(function(e,t){var n=document.createElement("link");n.rel="prefetch",n.href=i.href,n.onload=e,n.onerror=t,document.head.appendChild(n)}).catch(function(){})}},{key:"_prepareUrl",value:function(e){if(null===e||"object"!==(void 0===e?"undefined":r(e))||!1 in e||-1===["http:","https:"].indexOf(e.protocol))return null;var t=e.href.substring(0,this.config.siteUrl.length),n=this._getPathname(e.href,t),i={original:e.href,protocol:e.protocol,origin:t,pathname:n,href:t+n};return this._isLinkOk(i)?i:null}},{key:"_getPathname",value:function(e,t){var n=t?e.substring(this.config.siteUrl.length):e;return n.startsWith("/")||(n="/"+n),this._shouldAddTrailingSlash(n)?n+"/":n}},{key:"_shouldAddTrailingSlash",value:function(e){return this.config.usesTrailingSlash&&!e.endsWith("/")&&!this.regex.fileExt.test(e)}},{key:"_isLinkOk",value:function(e){return null!==e&&"object"===(void 0===e?"undefined":r(e))&&(!this.prefetched.has(e.href)&&e.origin===this.config.siteUrl&&-1===e.href.indexOf("?")&&-1===e.href.indexOf("#")&&!this.regex.excludeUris.test(e.href)&&!this.regex.images.test(e.href))}}],[{key:"run",value:function(){"undefined"!=typeof RocketPreloadLinksConfig&&new n(new RocketBrowserCompatibilityChecker({capture:!0,passive:!0}),RocketPreloadLinksConfig).init()}}]),n}();t.run(); }()); </script> <script src="https://formaposte-nordest.fr/wp-content/uploads/uicore-global.js?ver=8418" id="uicore_global-js"></script> <script id="bdt-uikit-js-extra"> var element_pack_ajax_login_config = {"ajaxurl":"https:\/\/formaposte-nordest.fr\/wp-admin\/admin-ajax.php","language":"fr","loadingmessage":"Sending user info, please wait...","unknownerror":"Unknown error, make sure access is correct!"}; var ElementPackConfig = {"ajaxurl":"https:\/\/formaposte-nordest.fr\/wp-admin\/admin-ajax.php","nonce":"148d4c6afb","data_table":{"language":{"sLengthMenu":"Show _MENU_ Entries","sInfo":"Showing _START_ to _END_ of _TOTAL_ entries","sSearch":"Search :","sZeroRecords":"No matching records found","oPaginate":{"sPrevious":"Previous","sNext":"Next"}}},"contact_form":{"sending_msg":"Sending message please wait...","captcha_nd":"Invisible captcha not defined!","captcha_nr":"Could not get invisible captcha response!"},"mailchimp":{"subscribing":"Subscribing you please wait..."},"search":{"more_result":"More Results","search_result":"SEARCH RESULT","not_found":"not found"},"elements_data":{"sections":[],"columns":[],"widgets":[]}}; </script> <script src="https://formaposte-nordest.fr/wp-content/plugins/bdthemes-element-pack/assets/js/bdt-uikit.min.js?ver=3.17.11" id="bdt-uikit-js"></script> <script src="https://formaposte-nordest.fr/wp-content/plugins/elementor/assets/js/webpack.runtime.min.js?ver=3.27.3" id="elementor-webpack-runtime-js"></script> <script src="https://formaposte-nordest.fr/wp-content/plugins/elementor/assets/js/frontend-modules.min.js?ver=3.27.3" id="elementor-frontend-modules-js"></script> <script src="https://formaposte-nordest.fr/wp-includes/js/jquery/ui/core.min.js?ver=1.13.3" id="jquery-ui-core-js"></script> <script id="elementor-frontend-js-before"> var elementorFrontendConfig = {"environmentMode":{"edit":false,"wpPreview":false,"isScriptDebug":false},"i18n":{"shareOnFacebook":"Partager sur Facebook","shareOnTwitter":"Partager sur Twitter","pinIt":"L\u2019\u00e9pingler","download":"T\u00e9l\u00e9charger","downloadImage":"T\u00e9l\u00e9charger une image","fullscreen":"Plein \u00e9cran","zoom":"Zoom","share":"Partager","playVideo":"Lire la vid\u00e9o","previous":"Pr\u00e9c\u00e9dent","next":"Suivant","close":"Fermer","a11yCarouselPrevSlideMessage":"Diapositive pr\u00e9c\u00e9dente","a11yCarouselNextSlideMessage":"Diapositive suivante","a11yCarouselFirstSlideMessage":"Ceci est la premi\u00e8re diapositive","a11yCarouselLastSlideMessage":"Ceci est la derni\u00e8re diapositive","a11yCarouselPaginationBulletMessage":"Aller \u00e0 la diapositive"},"is_rtl":false,"breakpoints":{"xs":0,"sm":480,"md":768,"lg":1025,"xl":1440,"xxl":1600},"responsive":{"breakpoints":{"mobile":{"label":"Portrait mobile","value":767,"default_value":767,"direction":"max","is_enabled":true},"mobile_extra":{"label":"Mobile Paysage","value":880,"default_value":880,"direction":"max","is_enabled":false},"tablet":{"label":"Tablette en mode portrait","value":1024,"default_value":1024,"direction":"max","is_enabled":true},"tablet_extra":{"label":"Tablette en mode paysage","value":1200,"default_value":1200,"direction":"max","is_enabled":false},"laptop":{"label":"Portable","value":1366,"default_value":1366,"direction":"max","is_enabled":false},"widescreen":{"label":"\u00c9cran large","value":2400,"default_value":2400,"direction":"min","is_enabled":false}},"hasCustomBreakpoints":false},"version":"3.27.3","is_static":false,"experimentalFeatures":{"e_font_icon_svg":true,"additional_custom_breakpoints":true,"container":true,"e_swiper_latest":true,"e_onboarding":true,"home_screen":true,"nested-elements":true,"editor_v2":true,"e_element_cache":true,"link-in-bio":true,"floating-buttons":true},"urls":{"assets":"https:\/\/formaposte-nordest.fr\/wp-content\/plugins\/elementor\/assets\/","ajaxurl":"https:\/\/formaposte-nordest.fr\/wp-admin\/admin-ajax.php","uploadUrl":"https:\/\/formaposte-nordest.fr\/wp-content\/uploads"},"nonces":{"floatingButtonsClickTracking":"302d9f57d8"},"swiperClass":"swiper","settings":{"page":[],"editorPreferences":[]},"kit":{"active_breakpoints":["viewport_mobile","viewport_tablet"],"global_image_lightbox":"yes","lightbox_enable_counter":"yes","lightbox_enable_fullscreen":"yes","lightbox_enable_zoom":"yes","lightbox_enable_share":"yes","lightbox_title_src":"title","lightbox_description_src":"description"},"post":{"id":3566,"title":"Apprendre%20le%20HTML%20%3A%20Guide%20complet%20pour%20d%C3%A9butants%20et%20pros%20-%20Formation%20Pro","excerpt":"","featuredImage":false}}; </script> <script src="https://formaposte-nordest.fr/wp-content/plugins/elementor/assets/js/frontend.min.js?ver=3.27.3" id="elementor-frontend-js"></script> <script src="https://formaposte-nordest.fr/wp-content/plugins/bdthemes-element-pack/assets/js/common/helper.min.js?ver=7.12.11" id="element-pack-helper-js"></script> <style> .uicore-animate-scroll { animation: .5s linear uicoreFadeIn both; animation-timeline: view(block); } </style> <script> (function() { const supportsAnimationTimeline = CSS.supports("animation-timeline", "scroll()"); if (!supportsAnimationTimeline && document.querySelector('.uicore-animate-scroll')) { const script = document.createElement('script'); script.src = "https://flackr.github.io/scroll-timeline/dist/scroll-timeline.js"; script.async = true; document.head.appendChild(script); } })(); </script> <script>var rocket_beacon_data = {"ajax_url":"https:\/\/formaposte-nordest.fr\/wp-admin\/admin-ajax.php","nonce":"8fc9c23a49","url":"https:\/\/formaposte-nordest.fr\/apprendre-le-html-guide-complet-pour-debutants-et-pros","is_mobile":false,"width_threshold":1600,"height_threshold":700,"delay":500,"debug":null,"status":{"atf":true,"lrc":true},"elements":"img, video, picture, p, main, div, li, svg, section, header, span","lrc_threshold":1800}</script><script data-name="wpr-wpr-beacon" src='https://formaposte-nordest.fr/wp-content/plugins/wp-rocket/assets/js/wpr-beacon.min.js' async></script></body> </html> <!-- This website is like a Rocket, isn't it? Performance optimized by WP Rocket. Learn more: https://wp-rocket.me - Debug: cached@1739977816 -->