Sử dụng <figure> và <figcaption>

    
      <figure>
        <!-- Ở đây có thể là bất kỳ phần tử đa phương tiện nào, ví dụ như hình ảnh -->
      </figure>
    
  

    
      <figure>
        <img src="example.jpg" alt="Ví dụ hình ảnh">
        <figcaption>Chú thích cho hình ảnh, giải thích nội dung của nó</figcaption>
      </figure>
    
  

    
      <figure>
        <table>
          <tr>
            <th>Tiêu đề 1</th>
            <th>Tiêu đề 2</th>
          </tr>
          <tr>
            <td>Dữ liệu 1</td>
            <td>Dữ liệu 2</td>
          </tr>
        </table>
        <figcaption>Chú thích cho bảng</figcaption>
      </figure>
    
  

    
      <figure>
        <!-- Nội dung của phần tử figure -->
        <figcaption>Chú thích cho nội dung</figcaption>
      </figure>
    
  

    
      <figure>
        <img src="landscape.jpg" alt="Phong cảnh">
        <figcaption>Cảnh đẹp với núi và hồ</figcaption>
      </figure>
    
  

    
      <figure>
        <figcaption>Cảnh đẹp với núi và hồ</figcaption>
        <img src="landscape.jpg" alt="Phong cảnh">
      </figure>
    
  

    
      <figure>
        <img src="chart.png" alt="Biểu đồ hiển thị sự tăng trưởng doanh số">
        <figcaption>Biểu đồ hiển thị sự tăng trưởng doanh số trong quý vừa qua</figcaption>
      </figure>
    
  

    
      <figure>
        <video controls>
          <source src="example.mp4" type="video/mp4">
          Trình duyệt của bạn không hỗ trợ video.
        </video>
        <figcaption>Ví dụ video, trình diễn cách hoạt động của sản phẩm</figcaption>
      </figure>
    
  

    
      <figure>
        <pre>
          <code>
            function helloWorld() {
              console.log('Hello, world!');
            }
          </code>
        </pre>
        <figcaption>Ví dụ chức năng JavaScript, in "Hello, world!" vào console</figcaption>
      </figure>
    
  

    
      figure {
        border: 1px solid #ccc;
        padding: 10px;
        margin: 20px;
        text-align: center;
      }

      figcaption {
        font-style: italic;
        color: #555;
        margin-top: 10px;
      }
    
  

    
      <figure>
        <img src="nature.jpg" alt="Thiên nhiên">
        <figcaption>Khung cảnh thiên nhiên đẹp</figcaption>
      </figure>