Figcaption radovolsky

10
LAURA RADOVOLSKY <figcaption> <figure>

Transcript of Figcaption radovolsky

Page 1: Figcaption radovolsky

LAURA RADOVOLSKY

<figcaption><figure>

Page 2: Figcaption radovolsky

The <figcaption> element

The <figcaption> element represents a caption or legend for a figure.

Page 3: Figcaption radovolsky

The <figcaption> element

The <figcaption> element is optional and can appear before or after the content within the <figure>.

Page 4: Figcaption radovolsky

Using <figure> and <figcaption>

Page 5: Figcaption radovolsky

The code that was used:

<figure><img src="/macaque.jpg" alt="Macaque in the trees"><figcaption>A cheeky macaque, Lower Kintaganban River, Borneo. Original by <a href="http://www.flickr.com/photos/rclark/">Richard Clark</a></figcaption></figure>

Page 6: Figcaption radovolsky

Figure with multiple images:

Page 7: Figcaption radovolsky

The code:

<figure><img src="/kookaburra.jpg" alt="Kooaburra"><img src="/pelican.jpg" alt="Pelican stood on the beach"><img src="/lorikeet.jpg" alt="Cheeky looking Rainbow Lorikeet"><figcaption>Australian Birds. From left to right, Kookburra, Pelican and Rainbow Lorikeet. Originals by <a href="http://www.flickr.com/photos/rclark/">Richard Clark</a></figcaption></figure>

Page 8: Figcaption radovolsky

There are a lot of possibilities for the <figure> element. Just remember to make sure it’s the most appropriate element for the job.

Page 9: Figcaption radovolsky

If there is no <figcaption> element within a figure element then there is no caption for the rest of its content.

Page 10: Figcaption radovolsky

When using this tag, or any tag, do not forget to close the tag!