{"id":1120,"date":"2025-01-31T10:53:15","date_gmt":"2025-01-31T10:53:15","guid":{"rendered":"https:\/\/mytribu.fr\/cmopc\/?p=1120"},"modified":"2025-01-31T11:00:57","modified_gmt":"2025-01-31T11:00:57","slug":"guide-essentiel-des-balises-html","status":"publish","type":"post","link":"http:\/\/mytribu.fr\/cmopc\/guide-essentiel-des-balises-html\/","title":{"rendered":"Guide Essentiel des Balises HTML"},"content":{"rendered":"\n

Structure de Base<\/h1>\n\n\n\n
\"\"<\/a><\/figure>\n\n\n\n
    \n
  • <!DOCTYPE html><\/code> : Indique au navigateur qu’il s’agit d’un document HTML5.<\/li>\n\n\n\n
  • <html><\/code> : Conteneur principal de la page HTML.<\/li>\n\n\n\n
  • <head><\/code> : Contient les m\u00e9tadonn\u00e9es (titre, styles, scripts, etc.).<\/li>\n\n\n\n
  • <body><\/code> : Contient le contenu visible de la page.<\/li>\n\n\n\n
  • <link rel=\"stylesheet\" href=\"style.css\"><\/code> : Lien vers une feuille de style CSS externe.<\/li>\n\n\n\n
  • <style><\/code> : Contient du CSS directement dans le document HTML.<\/li>\n<\/ul>\n\n\n\n

    Balises de Texte<\/h2>\n\n\n\n
      \n
    • <h1><\/code> \u00e0 <h6><\/code> : Titres (du plus grand <h1><\/code> au plus petit <h6><\/code>).<\/li>\n\n\n\n
    • <p><\/code> : Paragraphe de texte.<\/li>\n\n\n\n
    • <br><\/code> : Saut de ligne.<\/li>\n\n\n\n
    • <hr><\/code> : Ligne horizontale.<\/li>\n\n\n\n
    • <strong><\/code> : Texte en gras (importance s\u00e9mantique).<\/li>\n\n\n\n
    • <em><\/code> : Texte en italique (emphase).<\/li>\n\n\n\n
    • <mark><\/code> : Met en surbrillance.<\/li>\n\n\n\n
    • <small><\/code> : Texte en petit.<\/li>\n\n\n\n
    • <ins><\/code> : Texte soulign\u00e9.<\/li>\n<\/ul>\n\n\n\n

      Liens et Images<\/h2>\n\n\n\n

      Conteneurs et Structure<\/h2>\n\n\n\n
        \n
      • <div><\/code> : Conteneur de bloc (mise en page).<\/li>\n\n\n\n
      • <span><\/code> : Conteneur en ligne (mise en forme de texte).<\/li>\n\n\n\n
      • <header><\/code> : En-t\u00eate de page.<\/li>\n\n\n\n
      • <nav><\/code> : Section de navigation.<\/li>\n\n\n\n
      • <section><\/code> : Section de contenu.<\/li>\n\n\n\n
      • <article><\/code> : Article autonome.<\/li>\n\n\n\n
      • <footer><\/code> : Pied de page.<\/li>\n<\/ul>\n\n\n\n
          \n
        • <a href=\"URL\"><\/code> : Cr\u00e9er un lien hypertexte.<\/li>\n\n\n\n
        • <img src=\"URL\" alt=\"une salle de th\u00e9\u00e2tre tr\u00e8s large avec un rideau rouge et des si\u00e8ges en velours<\/code>\"><\/code> : Afficher une image. L’attribut alt<\/code> fournit une description textuelle de l’image, utile pour l’accessibilit\u00e9 (lecteurs d’\u00e9cran pour les malvoyants) et lorsque l’image ne peut pas \u00eatre affich\u00e9e.<\/li>\n<\/ul>\n\n\n\n

          Listes<\/h2>\n\n\n\n
            \n
          • <ul><\/code> : Liste non ordonn\u00e9e (puces).<\/li>\n\n\n\n
          • <ol><\/code> : Liste ordonn\u00e9e (num\u00e9ros).<\/li>\n\n\n\n
          • <li><\/code> : \u00c9l\u00e9ment de liste.<\/li>\n<\/ul>\n\n\n\n

            Tableaux<\/h2>\n\n\n\n
              \n
            • <table><\/code> : D\u00e9finit un tableau.<\/li>\n\n\n\n
            • <tr><\/code> : Ligne du tableau.<\/li>\n\n\n\n
            • <th><\/code> : Cellule d’en-t\u00eate.<\/li>\n\n\n\n
            • <td><\/code> : Cellule de donn\u00e9es.<\/li>\n<\/ul>\n\n\n\n

              Formulaires<\/h2>\n\n\n\n
                \n
              • <form><\/code> : D\u00e9finit un formulaire.<\/li>\n\n\n\n
              • <input type=\"text\"><\/code> : Champ de saisie.<\/li>\n\n\n\n
              • <textarea><\/code> : Zone de texte multi-ligne.<\/li>\n\n\n\n
              • <button><\/code> : Bouton.<\/li>\n\n\n\n
              • <label><\/code> : Etiquette d’un champ.<\/li>\n\n\n\n
              • <select><\/code> + <option><\/code> : Liste d\u00e9roulante.<\/li>\n<\/ul>\n\n\n\n

                Contenu Multim\u00e9dia<\/h2>\n\n\n\n
                  \n
                • <audio src=\"URL\" controls><\/code> : Ajouter un audio.<\/li>\n\n\n\n
                • <video src=\"URL\" controls><\/code> : Ajouter une vid\u00e9o.<\/li>\n\n\n\n
                • <iframe src=\"URL\"><\/code> : Int\u00e9grer une page externe.<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"

                  Structure de Base Balises de Texte Liens et Images Conteneurs et Structure Listes Tableaux Formulaires Contenu Multim\u00e9dia<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0,"footnotes":""},"categories":[1],"tags":[],"class_list":["post-1120","post","type-post","status-publish","format-standard","hentry","category-non-classe","comments-off"],"_links":{"self":[{"href":"http:\/\/mytribu.fr\/cmopc\/wp-json\/wp\/v2\/posts\/1120","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/mytribu.fr\/cmopc\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/mytribu.fr\/cmopc\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/mytribu.fr\/cmopc\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/mytribu.fr\/cmopc\/wp-json\/wp\/v2\/comments?post=1120"}],"version-history":[{"count":3,"href":"http:\/\/mytribu.fr\/cmopc\/wp-json\/wp\/v2\/posts\/1120\/revisions"}],"predecessor-version":[{"id":1128,"href":"http:\/\/mytribu.fr\/cmopc\/wp-json\/wp\/v2\/posts\/1120\/revisions\/1128"}],"wp:attachment":[{"href":"http:\/\/mytribu.fr\/cmopc\/wp-json\/wp\/v2\/media?parent=1120"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/mytribu.fr\/cmopc\/wp-json\/wp\/v2\/categories?post=1120"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/mytribu.fr\/cmopc\/wp-json\/wp\/v2\/tags?post=1120"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}