La balise figure

La balise figure

  1. Objectifs

    • ِApprendre à travailler avec des figures en HTML.




  2. Utilisation

    • La balise <figure> spécifie un contenu autonome comme des illustrations, des diagrammes, des photos, des listes de codes, etc …
    • L’élément <figcaption> est utilisée pour ajouter une légende à l’élément <figure>.
    • L’élément HTML <figure> représente une figure (un schéma), qui peut être accompagné d’une légende grâce à l’élément <figcaption>.
    • Il est normalement référencé de manière unique. C’est souvent une image, une illustration, un diagramme, un fragment de code ou un schéma auquel il est fait référence dans le texte principal mais qui peut être utilisé sur une autre page ou dans une annexe sans que cela affecte le contenu principal.
    • Exemple:
      <figure>
      <img src="/images/logo.png"
      alt="logo">
      <figcaption>logo apcpedagogie.comt</figcaption>

    • Ce qui donne:
    • logo
      logo apcpedagogie.com

    Bibliographie

    • Livre : HTML 5 Une référence pour le développeur web: Rodolphe Rimelé
    • HTML 5 et CSS 3 Mathieu Nebra



Abonnez vous à notre chaîne YouTube gratuitement