diff options
| author | msglm <msglm@techchud.xyz> | 2023-01-14 05:31:48 -0600 |
|---|---|---|
| committer | msglm <msglm@techchud.xyz> | 2023-01-14 05:31:48 -0600 |
| commit | 9d53d8857eaa1c9405894a88ca75bc4657e42f35 (patch) | |
| tree | eb1efc1d028b949dd83bb710c68be8eff58f26e7 /HTML/Chapter/Ch. 8 hands-on assignments/Ch8_msglm/ch8picture/8.11.index.html | |
| download | school-code-master.tar.gz school-code-master.tar.bz2 school-code-master.zip | |
Diffstat (limited to 'HTML/Chapter/Ch. 8 hands-on assignments/Ch8_msglm/ch8picture/8.11.index.html')
| -rw-r--r-- | HTML/Chapter/Ch. 8 hands-on assignments/Ch8_msglm/ch8picture/8.11.index.html | 18 |
1 files changed, 18 insertions, 0 deletions
diff --git a/HTML/Chapter/Ch. 8 hands-on assignments/Ch8_msglm/ch8picture/8.11.index.html b/HTML/Chapter/Ch. 8 hands-on assignments/Ch8_msglm/ch8picture/8.11.index.html new file mode 100644 index 0000000..480b464 --- /dev/null +++ b/HTML/Chapter/Ch. 8 hands-on assignments/Ch8_msglm/ch8picture/8.11.index.html @@ -0,0 +1,18 @@ +<!DOCTYPE html>
+<html lang="en">
+<head>
+<title>Page Title Goes Here</title>
+</head>
+<body>
+ <!--The student files had a header, adding just in case my book is missing it.-->
+ <h1>Picture element<h1>
+ <!--Opted to try out the webp images here. I'm a big fan of them and wanted to see if they'd work with this set up as well. -->
+ <picture>
+ <source media="(min-width: 1200px)" srcset="8.11.large.webp">
+ <source media="(min-width: 800px)" srcset="8.11.medium.webp">
+ <source media="(min-width: 320px)" srcset="8.11.small.webp">
+ <img src="8.11.fallback.jpg" alt="waterwheel">
+</picture>
+
+</body>
+</html>
|