22 lines
727 B
HTML
22 lines
727 B
HTML
|
<!DOCTYPE html>
|
||
|
|
<!--
|
||
|
|
Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license
|
||
|
|
Click nbfs://nbhost/SystemFileSystem/Templates/ClientSide/html.html to edit this template
|
||
|
|
-->
|
||
|
|
<html>
|
||
|
|
<head>
|
||
|
|
<title>Picture Element</title>
|
||
|
|
<meta charset="UTF-8">
|
||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<h1>Picture Element</h1>
|
||
|
|
<picture>
|
||
|
|
<source media="(min-width: 1200px)" srcset="large.jpg">
|
||
|
|
<source media="(min-width: 800px)" srcset="medium.jpg">
|
||
|
|
<source media="(min-width: 320px)" srcset="small.jpg">
|
||
|
|
<img src="fallback.jpg" alt="waterwheel">
|
||
|
|
</picture>
|
||
|
|
</body>
|
||
|
|
</html>
|