From d882dfcb48e6a7aaff8e799f8b956b9e933bfa82 Mon Sep 17 00:00:00 2001 From: Chris Bracco Date: Sat, 3 Apr 2021 15:53:12 -0400 Subject: [PATCH] Add picture element; Revise other image examples --- index.html | 20 ++++++++++++++------ 1 file changed, 14 insertions(+), 6 deletions(-) diff --git a/index.html b/index.html index 0b35c3e..08f0c08 100644 --- a/index.html +++ b/index.html @@ -323,15 +323,23 @@

Images

-

No <figure> element

-

Image alt text

-

Wrapped in a <figure> element, no <figcaption>

-
Image alt text
-

Wrapped in a <figure> element, with a <figcaption>

+

Plain <img> element

+

Photo of a kitten

+

<figure> element with <img> element

+
Photo of a kitten
+

<figure> element with <img> and <figcaption> elements

- Image alt text + Photo of a kitten
Here is a caption for this image.
+

<figure> element with a <picture> element

+
+ + + Photo of a kitten + +