AMZ DIGICOM

Digital Communication

AMZ DIGICOM

Digital Communication

HTML Element: explanation, structure and examples

PARTAGEZ

HTML elements are used to give structure to an HTML document. They inform the browser how embedded content should be processed.

HTML Element: what is it?

An HTML element is a component of an HTML document that tells the browser how to process content. It usually starts with an opening tag <> and ends with a closing tag >. Between the two tags is the content or scope of the element. The opening tag gives an instruction on how to proceed with the content, and the closing tag concludes that instruction. HTML elements are used for formattingTHE semantic particularities and the reproduction of content.

Web Hosting

State-of-the-art web hosting at the best price

  • 3x faster, 60% savings
  • High availability >99.99%
  • Only at IONOS: up to 500 GB included

Syntax of an HTML element

The basic structure of an HTML element is almost always the same. The syntax is as follows:

Ici se trouve le contenu ou la portée de l’élément

html

The opening tag indicates what type of element it is. It is followed by the content or scope of the element, then the closing tag , qui termine l’instruction.

HTML Element vs HTML Tag : quelle est la différence ?

Les tags ou balises HTML sont un composant essentiel d’un élément HTML. Une balise d’ouverture marque le début d’un élément et une balise de fermeture marque sa fin. Ensemble, elles constituent un élément HTML complet.

HTML Element : exemple

L’exemple suivant a pour but d’illustrer le fonctionnement d’un élément HTML. L’utilisation d’un élément HTML intégré supplémentaire est également illustrée. Chaque document HTML utilise cette imbrication, qui crée une structure hiérarchique. Dans le code suivant, nous utilisons quatre éléments HTML différents : , , et :

L’élément définit l’ensemble du fichier en tant que document HTML. Tous les autres contenus sont encadrés dans cet élément. Vient ensuite l’élément , qui contient le contenu visible du document. Les éléments HTML et sont inclus dans cet élément. indique au navigateur d’interpréter le contenu comme heading HTML du niveau hiérarchique le plus élevé. L’élément introduit une section de contenu.

Particularité : les éléments HTML vides

Il existe quelques éléments HTML qui n’ont pas besoin de contenu ni de balise de fermeture ; ce sont des éléments autofermants. Il s’agit entre autres du saut de ligne HTML
. This is only initiated by an opening tag, but is nevertheless considered an HTML element. In the following example you can see how it is used inside another HTML element:




Il s’agit d’un paragraphe
avec un retour à la ligne.

html

Overview of important HTML elements

When working on HTML documents, you will need many HTML elements. Here are some of the most important:

HTML element Description
Définit le type de document comme HTML
Indique les informations qui ne sont pas affichées dans le navigateur
</code> </td> <td>Designates the meta title of the page </td> </tr> <tr> <td><code class="rounded-pill brand-box-bg brand-box-border-color px-code-inline-x py-code-inline-y"><base/></code> </td> <td>Indicates the referring URL </td> </tr> <tr> <td><code class="rounded-pill brand-box-bg brand-box-border-color px-code-inline-x py-code-inline-y"/> </td> <td>Désigne tous les contenus qui doivent être affichés par le navigateur </td> </tr> <tr> <td><code class="rounded-pill brand-box-bg brand-box-border-color px-code-inline-x py-code-inline-y"/>, <code class="rounded-pill brand-box-bg brand-box-border-color px-code-inline-x py-code-inline-y"></p> <h2/></code>, <code class="rounded-pill brand-box-bg brand-box-border-color px-code-inline-x py-code-inline-y"></p> <h3/></code>,… </td> <td>Designates a title </td> </tr> <tr> <td><code class="rounded-pill brand-box-bg brand-box-border-color px-code-inline-x py-code-inline-y"/> </td> <td>Marque une section de contenu </td> </tr> <tr> <td><code class="rounded-pill brand-box-bg brand-box-border-color px-code-inline-x py-code-inline-y"/> </td> <td>Introduit une liste non-ordonnée </td> </tr> <tr> <td><code class="rounded-pill brand-box-bg brand-box-border-color px-code-inline-x py-code-inline-y"></p> <ol/></code> </td> <td>Defines a numbered list </td> </tr> </tbody> </table> </div> <div class="box box-tipp my-4 p-3 rounded-4 border brand-box-alt-bg brand-box-alt-border-color brand-box-alt-color"> <p><svg width="16" height="16"><use href="https://www.ionos.fr/digitalguide/_assets/b76f27cb02ebc538ac6fbabcf1a88e7f/Images/icons-sprite.svg#icon-lightbulb"/></svg> Advice </p> <div class="content"> <p>Want to learn more about this popular markup language? In our HTML tutorial for beginners, we have collected the main tips and tricks for you to get started.</p> </div> </div></div> </div> </div> <section class="elementor-section elementor-inner-section elementor-element elementor-element-56eb2e60 elementor-section-height-min-height elementor-section-boxed elementor-section-height-default" data-id="56eb2e60" data-element_type="section" data-e-type="section" data-settings="{"background_background":"classic"}"> <div class="elementor-background-overlay"></div> <div class="elementor-container elementor-column-gap-default"> <div class="elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-89668f1" data-id="89668f1" data-element_type="column" data-e-type="column"> <div class="elementor-widget-wrap elementor-element-populated"> <div class="elementor-element elementor-element-52233d55 elementor-widget elementor-widget-heading" data-id="52233d55" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <h2 class="elementor-heading-title elementor-size-default">Télécharger notre livre blanc</h2> </div> </div> <div class="elementor-element elementor-element-2f2631df elementor-widget elementor-widget-heading" data-id="2f2631df" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <h3 class="elementor-heading-title elementor-size-default">Comment construire une stratégie de marketing digital ? </h3> </div> </div> <div class="elementor-element elementor-element-ae375d6 elementor-widget elementor-widget-heading" data-id="ae375d6" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <h3 class="elementor-heading-title elementor-size-default">Le guide indispensable pour promouvoir votre marque en ligne </h3> </div> </div> <div class="elementor-element elementor-element-36ce56ba elementor-widget elementor-widget-spacer" data-id="36ce56ba" data-element_type="widget" data-e-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-14eb2f16 elementor-button-align-center elementor-widget elementor-widget-form" data-id="14eb2f16" data-element_type="widget" data-e-type="widget" data-settings="{"step_next_label":"Next","step_previous_label":"Previous","button_width":"100","step_type":"number_text","step_icon_shape":"circle"}" data-widget_type="form.default"> <div class="elementor-widget-container"> <form class="elementor-form" method="post" name="New Form" aria-label="New Form"> <input type="hidden" name="post_id" value="1409"/> <input type="hidden" name="form_id" value="14eb2f16"/> <input type="hidden" name="referer_title" value="Linux command alias: shortcuts for commands" /> <input type="hidden" name="queried_id" value="4515"/> <div class="elementor-form-fields-wrapper elementor-labels-"> <div class="elementor-field-type-email elementor-field-group elementor-column elementor-field-group-email elementor-col-100 elementor-field-required"> <label for="form-field-email" class="elementor-field-label elementor-screen-only"> Email </label> <input size="1" type="email" name="form_fields[email]" id="form-field-email" class="elementor-field elementor-size-md elementor-field-textual" placeholder="Entrer votre Email" required="required"> </div> <div class="elementor-field-group elementor-column elementor-field-type-submit elementor-col-100 e-form__buttons"> <button class="elementor-button elementor-size-md" type="submit"> <span class="elementor-button-content-wrapper"> <span class="elementor-button-icon"> <i aria-hidden="true" class="fas fa-arrow-right"></i> </span> <span class="elementor-button-text">Télécharger gratuitement</span> </span> </button> </div> </div> </form> </div> </div> </div> </div> </div> </section> <div class="elementor-element elementor-element-3edf3191 elementor-post-navigation-borders-yes elementor-widget elementor-widget-post-navigation" data-id="3edf3191" data-element_type="widget" data-e-type="widget" data-widget_type="post-navigation.default"> <div class="elementor-widget-container"> <div class="elementor-post-navigation" role="navigation" aria-label="Navigation de publication"> <div class="elementor-post-navigation__prev elementor-post-navigation__link"> <a href="https://amzdigicom.com/html-entities-code-and-special-characters-in-html/" rel="prev"><span class="post-navigation__arrow-wrapper post-navigation__arrow-prev"><i aria-hidden="true" class="fas fa-arrow-left"></i><span class="elementor-screen-only">Précédent</span></span><span class="elementor-post-navigation__link__prev"><span class="post-navigation__prev--label">Article précédent</span><span class="post-navigation__prev--title">HTML entities: code and special characters in HTML</span></span></a> </div> <div class="elementor-post-navigation__separator-wrapper"> <div class="elementor-post-navigation__separator"></div> </div> <div class="elementor-post-navigation__next elementor-post-navigation__link"> <a href="https://amzdigicom.com/comments-in-html-ionos/" rel="next"><span class="elementor-post-navigation__link__next"><span class="post-navigation__next--label">Article suivant</span><span class="post-navigation__next--title">Comments in HTML – IONOS</span></span><span class="post-navigation__arrow-wrapper post-navigation__arrow-next"><i aria-hidden="true" class="fas fa-arrow-right"></i><span class="elementor-screen-only">Suivant</span></span></a> </div> </div> </div> </div> <div class="elementor-element elementor-element-7447171b elementor-widget elementor-widget-heading" data-id="7447171b" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <h2 class="elementor-heading-title elementor-size-default">En savoir plus</h2> </div> </div> <div class="elementor-element elementor-element-74932c88 elementor-grid-2 elementor-posts--align-center elementor-grid-tablet-2 elementor-grid-mobile-1 elementor-posts--thumbnail-top elementor-card-shadow-yes elementor-posts__hover-gradient elementor-widget elementor-widget-posts" data-id="74932c88" data-element_type="widget" data-e-type="widget" data-settings="{"cards_columns":"2","cards_row_gap":{"unit":"px","size":"30","sizes":[]},"cards_columns_tablet":"2","cards_columns_mobile":"1","cards_row_gap_tablet":{"unit":"px","size":"","sizes":[]},"cards_row_gap_mobile":{"unit":"px","size":"","sizes":[]}}" data-widget_type="posts.cards"> <div class="elementor-widget-container"> <div class="elementor-posts-container elementor-posts elementor-posts--skin-cards elementor-grid" role="list"> <article class="elementor-post elementor-grid-item post-5724 post type-post status-publish format-standard has-post-thumbnail hentry category-web-marketing" role="listitem"> <div class="elementor-post__card"> <a class="elementor-post__thumbnail__link" href="https://amzdigicom.com/localhost-how-to-connect-to-127-0-0-1/" tabindex="-1" ><div class="elementor-post__thumbnail"><img width="1200" height="630" src="https://amzdigicom.com/wp-content/uploads/2026/01/Netzwerktraffic-t.jpg" class="attachment-full size-full wp-image-5725" alt="" decoding="async" srcset="https://amzdigicom.com/wp-content/uploads/2026/01/Netzwerktraffic-t.jpg 1200w, https://amzdigicom.com/wp-content/uploads/2026/01/Netzwerktraffic-t-300x158.jpg 300w, https://amzdigicom.com/wp-content/uploads/2026/01/Netzwerktraffic-t-1024x538.jpg 1024w, https://amzdigicom.com/wp-content/uploads/2026/01/Netzwerktraffic-t-768x403.jpg 768w, https://amzdigicom.com/wp-content/uploads/2026/01/Netzwerktraffic-t-600x315.jpg 600w" sizes="(max-width: 1200px) 100vw, 1200px" /></div></a> <div class="elementor-post__badge">Web Marketing</div> <div class="elementor-post__text"> <h3 class="elementor-post__title"> <a href="https://amzdigicom.com/localhost-how-to-connect-to-127-0-0-1/" > Localhost: how to connect to 127.0.0.1? </a> </h3> <div class="elementor-post__excerpt"> <p>When you call an IP address, you are usually trying to contact another computer on the Internet. However, if you call the IP address 127.0.0.1,</p> </div> </div> <div class="elementor-post__meta-data"> <span class="elementor-post-date"> 15 janvier 2026 </span> </div> </div> </article> <article class="elementor-post elementor-grid-item post-5721 post type-post status-publish format-standard has-post-thumbnail hentry category-web-marketing" role="listitem"> <div class="elementor-post__card"> <a class="elementor-post__thumbnail__link" href="https://amzdigicom.com/what-is-proxmox-ionos/" tabindex="-1" ><div class="elementor-post__thumbnail"><img width="1200" height="630" src="https://amzdigicom.com/wp-content/uploads/2025/12/glusterfs-vs-ceph-t.jpg" class="attachment-full size-full wp-image-5656" alt="" decoding="async" srcset="https://amzdigicom.com/wp-content/uploads/2025/12/glusterfs-vs-ceph-t.jpg 1200w, https://amzdigicom.com/wp-content/uploads/2025/12/glusterfs-vs-ceph-t-300x158.jpg 300w, https://amzdigicom.com/wp-content/uploads/2025/12/glusterfs-vs-ceph-t-1024x538.jpg 1024w, https://amzdigicom.com/wp-content/uploads/2025/12/glusterfs-vs-ceph-t-768x403.jpg 768w, https://amzdigicom.com/wp-content/uploads/2025/12/glusterfs-vs-ceph-t-600x315.jpg 600w" sizes="(max-width: 1200px) 100vw, 1200px" /></div></a> <div class="elementor-post__badge">Web Marketing</div> <div class="elementor-post__text"> <h3 class="elementor-post__title"> <a href="https://amzdigicom.com/what-is-proxmox-ionos/" > What is Proxmox? – IONOS </a> </h3> <div class="elementor-post__excerpt"> <p>Proxmox is an open source platform dedicated to virtualization and containerization. It allows you to manage and operate virtual machines, containers and high availability clusters.</p> </div> </div> <div class="elementor-post__meta-data"> <span class="elementor-post-date"> 15 janvier 2026 </span> </div> </div> </article> </div> </div> </div> </div> </div> </div> </section> <section class="elementor-section elementor-top-section elementor-element elementor-element-6e1d5e61 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="6e1d5e61" data-element_type="section" data-e-type="section" data-settings="{"background_background":"gradient","shape_divider_top":"waves"}"> <div class="elementor-background-overlay"></div> <div class="elementor-shape elementor-shape-top" aria-hidden="true" data-negative="false"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 100" preserveAspectRatio="none"> <path class="elementor-shape-fill" d="M421.9,6.5c22.6-2.5,51.5,0.4,75.5,5.3c23.6,4.9,70.9,23.5,100.5,35.7c75.8,32.2,133.7,44.5,192.6,49.7 c23.6,2.1,48.7,3.5,103.4-2.5c54.7-6,106.2-25.6,106.2-25.6V0H0v30.3c0,0,72,32.6,158.4,30.5c39.2-0.7,92.8-6.7,134-22.4 c21.2-8.1,52.2-18.2,79.7-24.2C399.3,7.9,411.6,7.5,421.9,6.5z"/> </svg> </div> <div class="elementor-container elementor-column-gap-default"> <div class="elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-155ef5e5" data-id="155ef5e5" data-element_type="column" data-e-type="column"> <div class="elementor-widget-wrap elementor-element-populated"> <div class="elementor-element elementor-element-64585b1a elementor-widget elementor-widget-heading" data-id="64585b1a" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <h4 class="elementor-heading-title elementor-size-default">Souhaitez vous Booster votre Business?</h4> </div> </div> <div class="elementor-element elementor-element-1026aa7a elementor-widget elementor-widget-heading" data-id="1026aa7a" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <h2 class="elementor-heading-title elementor-size-default">écrivez-nous et restez en contact</h2> </div> </div> <div class="elementor-element elementor-element-63a99f18 elementor-mobile-align-center elementor-widget elementor-widget-button" data-id="63a99f18" data-element_type="widget" data-e-type="widget" data-widget_type="button.default"> <div class="elementor-widget-container"> <div class="elementor-button-wrapper"> <a class="elementor-button elementor-button-link elementor-size-md" href="https://amzdigicom.com/contact-us/"> <span class="elementor-button-content-wrapper"> <span class="elementor-button-icon"> <i aria-hidden="true" class="fas fa-arrow-right"></i> </span> <span class="elementor-button-text">Contactez-nous</span> </span> </a> </div> </div> </div> </div> </div> <div class="elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-46e3aaf8" data-id="46e3aaf8" data-element_type="column" data-e-type="column"> <div class="elementor-widget-wrap elementor-element-populated"> <div class="elementor-element elementor-element-5ef9c101 elementor-widget elementor-widget-image" data-id="5ef9c101" data-element_type="widget" data-e-type="widget" data-settings="{"motion_fx_motion_fx_scrolling":"yes","motion_fx_translateY_effect":"yes","motion_fx_translateY_direction":"negative","motion_fx_translateY_speed":{"unit":"px","size":"1","sizes":[]},"motion_fx_devices":["desktop","tablet"],"motion_fx_translateY_affectedRange":{"unit":"%","size":"","sizes":{"start":"0","end":"50"}}}" data-widget_type="image.default"> <div class="elementor-widget-container"> <img src="https://amzdigicom.com/wp-content/uploads/2021/12/60e0134cc4447946ffb4ec8f_section5-img-3.png" title="" alt="" loading="lazy" /> </div> </div> </div> </div> </div> </section> </div> <footer data-elementor-type="footer" data-elementor-id="1420" class="elementor elementor-1420 elementor-location-footer" data-elementor-settings="{"ha_cmc_init_switcher":"no"}" data-elementor-post-type="elementor_library"> <section class="elementor-section elementor-top-section elementor-element elementor-element-dd8a866 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="dd8a866" data-element_type="section" data-e-type="section"> <div class="elementor-container elementor-column-gap-default"> <div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-34d245c5" data-id="34d245c5" data-element_type="column" data-e-type="column"> <div class="elementor-widget-wrap elementor-element-populated"> <div class="elementor-element elementor-element-57c0c464 elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="57c0c464" data-element_type="widget" data-e-type="widget" data-widget_type="divider.default"> <div class="elementor-widget-container"> <div class="elementor-divider"> <span class="elementor-divider-separator"> </span> </div> </div> </div> <section class="elementor-section elementor-inner-section elementor-element elementor-element-42a54449 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="42a54449" data-element_type="section" data-e-type="section"> <div class="elementor-container elementor-column-gap-default"> <div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-727b5f01" data-id="727b5f01" data-element_type="column" data-e-type="column"> <div class="elementor-widget-wrap elementor-element-populated"> <div class="elementor-element elementor-element-3e66a64d elementor-widget__width-auto elementor-widget-mobile__width-inherit elementor-widget elementor-widget-heading" data-id="3e66a64d" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <h2 class="elementor-heading-title elementor-size-default">Suivez-nous: </h2> </div> </div> <div class="elementor-element elementor-element-5b0c9ce1 elementor-icon-list--layout-inline elementor-widget__width-auto elementor-mobile-align-center elementor-widget-mobile__width-inherit elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list" data-id="5b0c9ce1" data-element_type="widget" data-e-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="https://www.facebook.com/AMZ-Digicom-106473808550395"> <span class="elementor-icon-list-icon"> <i aria-hidden="true" class="fab fa-facebook-square"></i> </span> <span class="elementor-icon-list-text"></span> </a> </li> <li class="elementor-icon-list-item elementor-inline-item"> <a href="https://www.linkedin.com/in/amz-digicom-212bb1228/"> <span class="elementor-icon-list-icon"> <i aria-hidden="true" class="fab fa-linkedin"></i> </span> <span class="elementor-icon-list-text"></span> </a> </li> <li class="elementor-icon-list-item elementor-inline-item"> <a href="https://www.youtube.com/channel/UCjCu1ZRbZoQeIHDkteqnY6Q"> <span class="elementor-icon-list-icon"> <i aria-hidden="true" class="fab fa-youtube"></i> </span> <span class="elementor-icon-list-text"></span> </a> </li> </ul> </div> </div> </div> </div> <div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-4b4f3d34" data-id="4b4f3d34" data-element_type="column" data-e-type="column"> <div class="elementor-widget-wrap elementor-element-populated"> <div class="elementor-element elementor-element-6c64565d elementor-widget elementor-widget-heading" data-id="6c64565d" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <h2 class="elementor-heading-title elementor-size-default">© 2026 AMZ DIGICOM All Rights Reserved</h2> </div> </div> </div> </div> </div> </section> </div> </div> </div> </section> </footer> <script type="speculationrules"> {"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/hello-elementor/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]} </script> <script> ; (function($, w) { 'use strict'; let $window = $(w); $(document).ready(function() { let isEnable = ""; let isEnableLazyMove = ""; let speed = isEnableLazyMove ? '0.7' : '0.2'; if( !isEnable ) { return; } if (typeof haCursor == 'undefined' || haCursor == null) { initiateHaCursorObject(speed); } setTimeout(function() { let targetCursor = $('.ha-cursor'); if (targetCursor) { if (!isEnable) { $('body').removeClass('hm-init-default-cursor-none'); $('.ha-cursor').addClass('ha-init-hide'); } else { $('body').addClass('hm-init-default-cursor-none'); $('.ha-cursor').removeClass('ha-init-hide'); } } }, 500); }); }(jQuery, window)); </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> <script> (function () { var c = document.body.className; c = c.replace(/woocommerce-no-js/, 'woocommerce-js'); document.body.className = c; })(); </script> <link rel='stylesheet' id='wc-blocks-style-css' href='https://amzdigicom.com/wp-content/plugins/woocommerce/assets/client/blocks/wc-blocks.css?ver=wc-10.7.0' media='all' /> <script id="leadin-script-loader-js-js-extra"> var leadin_wordpress = {"userRole":"visitor","pageType":"post","leadinPluginVersion":"11.3.45"}; //# sourceURL=leadin-script-loader-js-js-extra </script> <script src="https://js-eu1.hs-scripts.com/25382100.js?integration=WordPress&ver=11.3.45" id="leadin-script-loader-js-js"></script> <script src="https://amzdigicom.com/wp-content/themes/hello-elementor/assets/js/hello-frontend.js?ver=3.4.7" id="hello-theme-frontend-js"></script> <script src="https://amzdigicom.com/wp-content/plugins/elementor/assets/js/webpack.runtime.min.js?ver=4.0.6" id="elementor-webpack-runtime-js"></script> <script src="https://amzdigicom.com/wp-content/plugins/elementor/assets/js/frontend-modules.min.js?ver=4.0.6" id="elementor-frontend-modules-js"></script> <script src="https://amzdigicom.com/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":"4.0.6","is_static":false,"experimentalFeatures":{"additional_custom_breakpoints":true,"theme_builder_v2":true,"hello-theme-header-footer":true,"global_classes_should_enforce_capabilities":true,"e_variables":true,"e_opt_in_v4_page":true,"e_components":true,"e_interactions":true,"e_widget_creation":true,"import-export-customization":true,"e_pro_atomic_form":true,"e_pro_variables":true,"e_pro_interactions":true},"urls":{"assets":"https:\/\/amzdigicom.com\/wp-content\/plugins\/elementor\/assets\/","ajaxurl":"https:\/\/amzdigicom.com\/wp-admin\/admin-ajax.php","uploadUrl":"https:\/\/amzdigicom.com\/wp-content\/uploads"},"nonces":{"floatingButtonsClickTracking":"5bc519593c","atomicFormsSendForm":"6402766785"},"swiperClass":"swiper","settings":{"page":{"ha_cmc_init_switcher":"no"},"editorPreferences":[]},"kit":{"body_background_background":"classic","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_description_src":"description","woocommerce_notices_elements":[],"hello_header_logo_type":"logo","hello_header_menu_layout":"horizontal","hello_footer_logo_type":"logo","ha_rpb_enable":"no"},"post":{"id":5633,"title":"HTML%20Element%3A%20explanation%2C%20structure%20and%20examples%20%E2%80%93%20AMZ%20DIGICOM","excerpt":"","featuredImage":"https:\/\/amzdigicom.com\/wp-content\/uploads\/2025\/12\/html-tagst-1024x538.jpg"}}; //# sourceURL=elementor-frontend-js-before </script> <script src="https://amzdigicom.com/wp-content/plugins/elementor/assets/js/frontend.min.js?ver=4.0.6" id="elementor-frontend-js"></script> <script src="https://amzdigicom.com/wp-content/plugins/elementor-pro/assets/lib/sticky/jquery.sticky.min.js?ver=4.0.4" id="e-sticky-js"></script> <script src="https://amzdigicom.com/wp-includes/js/imagesloaded.min.js?ver=5.0.0" id="imagesloaded-js"></script> <script id="happy-elementor-addons-js-extra"> var HappyLocalize = {"ajax_url":"https://amzdigicom.com/wp-admin/admin-ajax.php","nonce":"4a73749621","pdf_js_lib":"https://amzdigicom.com/wp-content/plugins/happy-elementor-addons/assets/vendor/pdfjs/lib"}; //# sourceURL=happy-elementor-addons-js-extra </script> <script src="https://amzdigicom.com/wp-content/plugins/happy-elementor-addons/assets/js/happy-addons.min.js?ver=3.21.3" id="happy-elementor-addons-js"></script> <script src="https://amzdigicom.com/wp-content/plugins/woocommerce/assets/js/sourcebuster/sourcebuster.min.js?ver=10.7.0" id="sourcebuster-js-js"></script> <script id="wc-order-attribution-js-extra"> var wc_order_attribution = {"params":{"lifetime":1.0000000000000001e-5,"session":30,"base64":false,"ajaxurl":"https://amzdigicom.com/wp-admin/admin-ajax.php","prefix":"wc_order_attribution_","allowTracking":true},"fields":{"source_type":"current.typ","referrer":"current_add.rf","utm_campaign":"current.cmp","utm_source":"current.src","utm_medium":"current.mdm","utm_content":"current.cnt","utm_id":"current.id","utm_term":"current.trm","utm_source_platform":"current.plt","utm_creative_format":"current.fmt","utm_marketing_tactic":"current.tct","session_entry":"current_add.ep","session_start_time":"current_add.fd","session_pages":"session.pgs","session_count":"udata.vst","user_agent":"udata.uag"}}; //# sourceURL=wc-order-attribution-js-extra </script> <script src="https://amzdigicom.com/wp-content/plugins/woocommerce/assets/js/frontend/order-attribution.min.js?ver=10.7.0" id="wc-order-attribution-js"></script> <script src="https://amzdigicom.com/wp-content/plugins/happy-elementor-addons/assets/js/extension-reading-progress-bar.min.js?ver=3.21.3" id="happy-reading-progress-bar-js"></script> <script src="https://amzdigicom.com/wp-content/plugins/elementor-pro/assets/js/webpack-pro.runtime.min.js?ver=4.0.4" id="elementor-pro-webpack-runtime-js"></script> <script src="https://amzdigicom.com/wp-includes/js/dist/hooks.min.js?ver=dd5603f07f9220ed27f1" id="wp-hooks-js"></script> <script src="https://amzdigicom.com/wp-includes/js/dist/i18n.min.js?ver=c26c3dc7bed366793375" id="wp-i18n-js"></script> <script id="wp-i18n-js-after"> wp.i18n.setLocaleData( { 'text direction\u0004ltr': [ 'ltr' ] } ); //# sourceURL=wp-i18n-js-after </script> <script id="elementor-pro-frontend-js-before"> var ElementorProFrontendConfig = {"ajaxurl":"https:\/\/amzdigicom.com\/wp-admin\/admin-ajax.php","nonce":"272ddf110b","urls":{"assets":"https:\/\/amzdigicom.com\/wp-content\/plugins\/elementor-pro\/assets\/","rest":"https:\/\/amzdigicom.com\/wp-json\/"},"settings":{"lazy_load_background_images":true},"popup":{"hasPopUps":true},"shareButtonsNetworks":{"facebook":{"title":"Facebook","has_counter":true},"twitter":{"title":"Twitter"},"linkedin":{"title":"LinkedIn","has_counter":true},"pinterest":{"title":"Pinterest","has_counter":true},"reddit":{"title":"Reddit","has_counter":true},"vk":{"title":"VK","has_counter":true},"odnoklassniki":{"title":"OK","has_counter":true},"tumblr":{"title":"Tumblr"},"digg":{"title":"Digg"},"skype":{"title":"Skype"},"stumbleupon":{"title":"StumbleUpon","has_counter":true},"mix":{"title":"Mix"},"telegram":{"title":"Telegram"},"pocket":{"title":"Pocket","has_counter":true},"xing":{"title":"XING","has_counter":true},"whatsapp":{"title":"WhatsApp"},"email":{"title":"Email"},"print":{"title":"Print"},"x-twitter":{"title":"X"},"threads":{"title":"Threads"}},"woocommerce":{"menu_cart":{"cart_page_url":"https:\/\/amzdigicom.com","checkout_page_url":"https:\/\/amzdigicom.com","fragments_nonce":"cee70f9908"}},"facebook_sdk":{"lang":"fr_FR","app_id":""},"lottie":{"defaultAnimationUrl":"https:\/\/amzdigicom.com\/wp-content\/plugins\/elementor-pro\/modules\/lottie\/assets\/animations\/default.json"}}; //# sourceURL=elementor-pro-frontend-js-before </script> <script src="https://amzdigicom.com/wp-content/plugins/elementor-pro/assets/js/frontend.min.js?ver=4.0.4" id="elementor-pro-frontend-js"></script> <script src="https://amzdigicom.com/wp-content/plugins/elementor-pro/assets/js/elements-handlers.min.js?ver=4.0.4" id="pro-elements-handlers-js"></script> <script id="wp-emoji-settings" type="application/json"> {"baseUrl":"https://s.w.org/images/core/emoji/17.0.2/72x72/","ext":".png","svgUrl":"https://s.w.org/images/core/emoji/17.0.2/svg/","svgExt":".svg","source":{"concatemoji":"https://amzdigicom.com/wp-includes/js/wp-emoji-release.min.js?ver=6.9.4"}} </script> <script type="module"> /*! This file is auto-generated */ const a=JSON.parse(document.getElementById("wp-emoji-settings").textContent),o=(window._wpemojiSettings=a,"wpEmojiSettingsSupports"),s=["flag","emoji"];function i(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(o,JSON.stringify(t))}catch(e){}}function c(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0);const a=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);return t.every((e,t)=>e===a[t])}function p(e,t){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var n=e.getImageData(16,16,1,1);for(let e=0;e<n.data.length;e++)if(0!==n.data[e])return!1;return!0}function u(e,t,n,a){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\udde8\ud83c\uddf6","\ud83c\udde8\u200b\ud83c\uddf6")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!a(e,"\ud83e\u1fac8")}return!1}function f(e,t,n,a){let r;const o=(r="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):document.createElement("canvas")).getContext("2d",{willReadFrequently:!0}),s=(o.textBaseline="top",o.font="600 32px Arial",{});return e.forEach(e=>{s[e]=t(o,e,n,a)}),s}function r(e){var t=document.createElement("script");t.src=e,t.defer=!0,document.head.appendChild(t)}a.supports={everything:!0,everythingExceptFlag:!0},new Promise(t=>{let n=function(){try{var e=JSON.parse(sessionStorage.getItem(o));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(s),u.toString(),c.toString(),p.toString()].join(",")+"));",a=new Blob([e],{type:"text/javascript"});const r=new Worker(URL.createObjectURL(a),{name:"wpTestEmojiSupports"});return void(r.onmessage=e=>{i(n=e.data),r.terminate(),t(n)})}catch(e){}i(n=f(s,u,c,p))}t(n)}).then(e=>{for(const n in e)a.supports[n]=e[n],a.supports.everything=a.supports.everything&&a.supports[n],"flag"!==n&&(a.supports.everythingExceptFlag=a.supports.everythingExceptFlag&&a.supports[n]);var t;a.supports.everythingExceptFlag=a.supports.everythingExceptFlag&&!a.supports.flag,a.supports.everything||((t=a.source||{}).concatemoji?r(t.concatemoji):t.wpemoji&&t.twemoji&&(r(t.twemoji),r(t.wpemoji)))}); //# sourceURL=https://amzdigicom.com/wp-includes/js/wp-emoji-loader.min.js </script> </body> </html> <!-- Page supported by LiteSpeed Cache 7.8.1 on 2026-05-06 04:44:26 -->