Img tag support

hteumeuleu · Dec 16, 2023 · 0579be7 · 0579be7
1 parent b67a6b2
commit 0579be7
Show file tree

Hide file tree

Showing 2 changed files with 181 additions and 0 deletions.
diff --git a/_features/html-img.md b/_features/html-img.md
@@ -0,0 +1,164 @@
+---
+title: "<img> element"
+description: "Displays an image into the document"
+category: html
+last_test_date: "2023-09-11"
+test_url: "/tests/html-img.html"
+test_results_url: "https://testi.at/proj/dyogfa8504y2cljofa2"
+stats: {
+    apple-mail: {
+        macos: {
+            "2023-09":"y"
+        },
+        ios: {
+            "2023-09":"y"
+        }
+    },
+    gmail: {
+        desktop-webmail: {
+            "2023-09":"y"
+        },
+        ios: {
+            "2023-09":"y"
+        },
+        android: {
+            "2023-09":"y"
+        },
+        mobile-webmail: {
+            "2023-09":"y"
+        }
+    },
+    orange: {
+        desktop-webmail: {
+            "2023-09":"u"
+        },
+        ios: {
+            "2023-09":"u"
+        },
+        android: {
+            "2023-09":"u"
+        }
+    },
+    outlook: {
+        windows: {
+            "2013":"y",
+            "2016":"y",
+            "2019":"y",
+            "2021":"y"
+        },
+        windows-mail: {
+            "2023-09":"y"
+        },
+        macos: {
+            "16.56":"y"
+        },
+        outlook-com: {
+            "2023-09":"y"
+        },
+        ios: {
+            "2023-09":"y"
+        },
+        android: {
+            "2023-09":"y"
+        }
+    },
+    samsung-email: {
+        android: {
+            "2023-09":"y"
+        }
+    },
+    sfr: {
+        desktop-webmail: {
+            "2023-09":"u"
+        },
+        ios: {
+            "2023-09":"u"
+        },
+        android: {
+            "2023-09":"u"
+        }
+    },
+    thunderbird: {
+        macos: {
+            "102.10.1":"u"
+        }
+    },
+    aol: {
+        desktop-webmail: {
+            "2023-09":"y"
+        },
+        ios: {
+            "2023-09":"y"
+        },
+        android: {
+            "2023-09":"y"
+        }
+    },
+    yahoo: {
+        desktop-webmail: {
+            "2023-09":"y"
+        },
+        ios: {
+            "2023-09":"y"
+        },
+        android: {
+            "2023-09":"y"
+        }
+    },
+    protonmail: {
+        desktop-webmail: {
+            "2023-09":"u"
+        },
+        ios: {
+            "2023-09":"u"
+        },
+        android: {
+            "2023-09":"u"
+        }
+    },
+    hey: {
+        desktop-webmail: {
+            "2023-09":"u"
+        }
+    },
+    mail-ru: {
+        desktop-webmail: {
+            "2023-09":"y"
+        }
+    },
+    fastmail: {
+        desktop-webmail: {
+            "2023-09": "u"
+        }
+    },
+    laposte: {
+        desktop-webmail: {
+            "2023-09": "u"
+        }
+    },
+    free-fr: {
+        desktop-webmail: {
+            "2023-09": "u"
+        }
+    },
+    t-online-de: {
+        desktop-webmail: {
+            "2023-09": "u"
+        }
+    },
+    gmx: {
+        desktop-webmail: {
+            "2023-09": "u"
+        }
+    },
+    web-de: {
+        desktop-webmail: {
+            "2023-09": "u"
+        }
+    }
+}
+links: {
+    "Can I use: &lt;img&gt;":"https://caniuse.com/?search=img",
+    "MDN: &lt;img&gt;":"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img"
+}
+---
diff --git a/tests/html-img.html b/tests/html-img.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html lang="en">
+<head></head>
+<head>
+  <meta charset="UTF-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>&lt;img&gt; element</title>
+</head>
+<body style="padding:30px;">
+
+  <h1>&lt;img&gt; element</h1>
+
+  <img src="https://fastly.picsum.photos/id/259/1200/600.jpg?hmac=B08WzDKrpNgkV2b9ZUYD3Mn6mAhgqSPWBA3BqOVf9fg" alt="" style="max-width:100%;">
+
+</body>
+</html>