fssd-html/basic12-figure.html at master · anmarjarjees/fssd-html · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Figure and Figcaption</title>
</head>

<body>
    <h2>Figure and Figcaption</h2>
    <!--
        the <figure> element contains an image-based component
        such as an illustration, diagram, graph, table or code snippet.

        We use the image element to embed the image in an HTML document
        whereas we use the figure tag to semantically organize
        the content of an image in the HTML document.

        By placing an image file into a figure element,
        you are telling the browser and search engines
        that the content of the figure could be seen on its own,
        separate from the rest of the content of the page, and still make sense.
     -->
    <figure>
        <img src="images/coding.jpg" alt="Group of programmers">
        <figcaption>A group of Full-Stack Programmers</figcaption>
    </figure>
</body>

</html>