{"id":3764,"date":"2024-04-29T11:50:25","date_gmt":"2024-04-29T14:50:25","guid":{"rendered":"https:\/\/salmon-festival.com\/2024\/04\/29\/guide-de-style-et-test-html\/"},"modified":"2024-04-29T11:50:25","modified_gmt":"2024-04-29T14:50:25","slug":"guide-de-style-et-test-html","status":"publish","type":"post","link":"http:\/\/www.salmon-festival.com\/fr\/2024\/04\/29\/guide-de-style-et-test-html\/","title":{"rendered":"Guide de style et test HTML"},"content":{"rendered":"

Rubrique 1<\/h1>\n

Rubrique 2<\/h2>\n

Troisi\u00e8me rubrique<\/h3>\n

Quatri\u00e8me rubrique<\/h4>\n

Rubrique cinq<\/h5>\n
Rubrique six<\/h6>\n
\n

Citation en bloc<\/h3>\n

La citation en bloc est utilis\u00e9e pour indiquer la citation d’une grande partie du texte d’une autre source. Il peut \u00eatre aussi long ou aussi court que vous le souhaitez !<\/p>\n

Ceux d’entre nous qui avaient pass\u00e9 la nuit debout n’\u00e9taient pas d’humeur \u00e0 boire du caf\u00e9 et des beignets, ils voulaient des boissons fortes. Nous \u00e9tions, apr\u00e8s tout, la cr\u00e8me de la cr\u00e8me de la presse sportive nationale.<\/p><\/blockquote>\n

\n

\u00c9l\u00e9ments de la liste mixte<\/h3>\n
    \n
  • Premier \u00e9l\u00e9ment d’une liste non ordonn\u00e9e<\/li>\n
  • Deuxi\u00e8me \u00e9l\u00e9ment de la liste non ordonn\u00e9e\n
      \n
    1. Premier \u00e9l\u00e9ment de la liste ordonn\u00e9e<\/li>\n
    2. Deuxi\u00e8me point de la liste de commande\n
        \n
      • Premier \u00e9l\u00e9ment d’une liste non ordonn\u00e9e<\/li>\n
      • Deuxi\u00e8me \u00e9l\u00e9ment de la liste non ordonn\u00e9e\n
          \n
        1. Premier \u00e9l\u00e9ment de la liste ordonn\u00e9e<\/li>\n
        2. Deuxi\u00e8me point de la liste de commande<\/li>\n
        3. Troisi\u00e8me point de la liste de commande<\/li>\n<\/ol>\n<\/li>\n
        4. Troisi\u00e8me \u00e9l\u00e9ment d’une liste non ordonn\u00e9e<\/li>\n<\/ul>\n<\/li>\n
        5. Troisi\u00e8me point de la liste de commande<\/li>\n<\/ol>\n<\/li>\n
        6. Troisi\u00e8me \u00e9l\u00e9ment d’une liste non ordonn\u00e9e<\/li>\n<\/ul>\n
          \n

          Formatage du code<\/h3>\n
          pre {\n    position: relative;\n    background: #f7f7f7;\n    font-family: \"Courier 10 Pitch\", Courier, monospace;\n    font-size: 1.5rem;\n    line-height: 1.6;\n    margin-bottom: 1.6em;\n    tab-size: 4;\n}<\/pre>\n
          \n
          Styles de table<\/h3>\n\n\n\n\n\n\n\n\n
          Beatle<\/th>\nInstrument<\/th>\nChanson<\/th>\n<\/tr>\n<\/thead>\n
          John Lennon<\/td>\nGuitare<\/td>\nUne journ\u00e9e dans la vie<\/td>\n<\/tr>\n
          George Harrison<\/td>\nGuitare<\/td>\nVieille chaussure marron<\/td>\n<\/tr>\n
          Paul McCartney<\/td>\nBasse<\/td>\nHelter Skelter<\/td>\n<\/tr>\n
          Ringo Starr<\/td>\nBatterie<\/td>\nNe me laissez pas passer<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n
          \n
          Style de texte en surbrillance<\/h3>\n
          Pour utiliser la mise en \u00e9vidence, il vous suffit d’ajouter un span avec la classe highlight<\/b><\/span>. Vous pouvez le faire dans la vue de l’\u00e9diteur de texte. Vous trouverez un exemple ci-dessous :<\/p>\n
          <span class=\"highlight\">This will be highlighted.<\/span><\/pre>\n
          \n
          Alignement des images<\/h3>\n
          \"\"<\/p>\n
          \n
          Image align\u00e9e \u00e0 droite<\/strong><\/p>\n
          \"\"<\/p>\n
          Les images peuvent \u00eatre bidimensionnelles, telles qu’une photographie, un affichage sur \u00e9cran, ou tridimensionnelles, telles qu’une statue ou un hologramme. Elles peuvent \u00eatre captur\u00e9es par des dispositifs optiques – tels que des cam\u00e9ras, des miroirs, des lentilles, des t\u00e9lescopes, des microscopes, etc. et des objets et ph\u00e9nom\u00e8nes naturels, tels que l’\u0153il humain ou la surface de l’eau.<\/p>\n
          \n
          Image align\u00e9e \u00e0 gauche<\/strong><\/p>\n
          \"\"<\/p>\n
          Le mot image est \u00e9galement utilis\u00e9 dans le sens plus large de toute figure bidimensionnelle telle qu’une carte, un graphique, un diagramme circulaire ou une peinture abstraite. Dans ce sens plus large, les images peuvent \u00e9galement \u00eatre rendues manuellement, par exemple par le dessin, la peinture, la sculpture, rendues automatiquement par l’impression ou la technologie graphique informatique, ou d\u00e9velopp\u00e9es par une combinaison de m\u00e9thodes.<\/p>\n
          \n
          L\u00e9gendes des images<\/h3>\n
          \"\"
          Il s’agit d’une l\u00e9gende d’image<\/figcaption><\/figure>\n
           <\/p>\n
          \n
          Image align\u00e9e \u00e0 droite<\/strong><\/p>\n
          \"\"
          Il s’agit d’une l\u00e9gende d’image<\/figcaption><\/figure>\n
           <\/p>\n
          Les images peuvent \u00eatre bidimensionnelles, telles qu’une photographie, un affichage sur \u00e9cran, ou tridimensionnelles, telles qu’une statue ou un hologramme. Elles peuvent \u00eatre captur\u00e9es par des dispositifs optiques – tels que des cam\u00e9ras, des miroirs, des lentilles, des t\u00e9lescopes, des microscopes, etc. et des objets et ph\u00e9nom\u00e8nes naturels, tels que l’\u0153il humain ou la surface de l’eau.<\/p>\n
          \n
          Image align\u00e9e \u00e0 gauche<\/strong><\/p>\n
          \"\"
          Il s’agit d’une l\u00e9gende d’image<\/figcaption><\/figure>\n
           <\/p>\n
          Le mot image est \u00e9galement utilis\u00e9 dans le sens plus large de toute figure bidimensionnelle telle qu’une carte, un graphique, un diagramme circulaire ou une peinture abstraite. Dans ce sens plus large, les images peuvent \u00e9galement \u00eatre rendues manuellement, par exemple par le dessin, la peinture, la sculpture, rendues automatiquement par l’impression ou la technologie graphique informatique, ou d\u00e9velopp\u00e9es par une combinaison de m\u00e9thodes.<\/p>\n
          \n
          Styles de citations tir\u00e9es<\/h3>\n
          Pour utiliser la citation tir\u00e9e, il vous suffit d’ajouter une classe de tir\u00e9e-droite<\/b> ou de tir\u00e9e-gauche<\/b> \u00e0 votre contenu. Vous pouvez le faire dans la vue de l’\u00e9diteur de texte. Vous trouverez un exemple ci-dessous :<\/p>\n
          <span class=\"pull-right\">Pull this text right.<\/span><\/pre>\n
          Cette citation se trouve sur le c\u00f4t\u00e9 droit de l’article. Lorem ipsum dolor sit amet, consectetur.<\/span><\/p>\n
          Une citation tir\u00e9e (\u00e9galement connue sous le nom de citation en relief) est une citation ou un extrait d’un article qui est g\u00e9n\u00e9ralement plac\u00e9 dans une police de caract\u00e8res plus grande ou distincte sur la m\u00eame page, afin d’attirer les lecteurs vers un article ou de mettre en \u00e9vidence un sujet cl\u00e9. Le terme est principalement utilis\u00e9 dans le domaine du journalisme et de l’\u00e9dition.<\/p>\n
          L’emplacement d’une citation tir\u00e9e sur une page peut \u00eatre d\u00e9fini dans le guide de style d’une publication ou d’un site web. Ce dispositif typographique peut \u00eatre align\u00e9 ou non sur une colonne de la page. Certains concepteurs, par exemple, choisissent de ne pas aligner la citation. Dans ce cas, la citation se d\u00e9coupe en deux colonnes ou plus, comme dans l’exemple pr\u00e9sent\u00e9.<\/p>\n
          Et cette citation tir\u00e9e tire le texte vers la gauche, comme un monsieur. Lorem ipsum dolor sit amet, consectetur.<\/span><\/p>\n
          Les citations tir\u00e9es ne doivent pas n\u00e9cessairement \u00eatre une copie exacte du texte cit\u00e9 ; en fonction du style de la publication, les citations tir\u00e9es peuvent \u00eatre abr\u00e9g\u00e9es pour des raisons d’espace et\/ou paraphras\u00e9es pour des raisons de clart\u00e9, avec ou sans indication. Il n’existe pas de r\u00e8gles strictes pour le formatage exact des citations tir\u00e9es.<\/p>\n","protected":false},"excerpt":{"rendered":"
          Rubrique 1 Rubrique 2 Troisi\u00e8me rubrique Quatri\u00e8me rubrique Rubrique cinq Rubrique six Citation en bloc La citation en bloc est utilis\u00e9e pour indiquer la citation d’une grande partie du texte d’une autre source. Il peut \u00eatre aussi long ou aussi court que vous le souhaitez ! Ceux d’entre nous qui avaient pass\u00e9 la nuit debout […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"ngg_post_thumbnail":0,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","_links_to":"","_links_to_target":""},"categories":[56,55,57,58],"tags":[60,59,61,62],"class_list":["post-3764","post","type-post","status-publish","format-standard","hentry","category-conception","category-entreprises","category-photographie","category-sans-categorie","tag-conception","tag-entreprises","tag-mode-de-vie","tag-photographie"],"acf":[],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"http:\/\/www.salmon-festival.com\/fr\/wp-json\/wp\/v2\/posts\/3764","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/www.salmon-festival.com\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.salmon-festival.com\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.salmon-festival.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.salmon-festival.com\/fr\/wp-json\/wp\/v2\/comments?post=3764"}],"version-history":[{"count":0,"href":"http:\/\/www.salmon-festival.com\/fr\/wp-json\/wp\/v2\/posts\/3764\/revisions"}],"wp:attachment":[{"href":"http:\/\/www.salmon-festival.com\/fr\/wp-json\/wp\/v2\/media?parent=3764"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.salmon-festival.com\/fr\/wp-json\/wp\/v2\/categories?post=3764"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.salmon-festival.com\/fr\/wp-json\/wp\/v2\/tags?post=3764"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}