Use <source> Types

Use <source> Types

Hard HTML Media & Embeds 18 views
Explanation Complexity

Problem Statement

Create picture sources with correct type values for webp and jpeg.

Input Format

No input.

Output Format

Print the HTML code.

Constraints

Use type image/webp and image/jpeg.

Input / Output Format

Input Format
No input.
Output Format
Print the HTML code.
Constraints
Use type image/webp and image/jpeg.

Examples

Input:
Output:
(HTML code)

Example Solution (Public)

HTML
<!doctype html>
<html lang='en'>
<head>
  <meta charset='utf-8'>\
  <meta name='viewport' content='width=device-width, initial-scale=1'>
  <title>meetcode</title>
</head>
<body>
  <picture>
    <source srcset='banner.webp' type='image/webp'>
    <source srcset='banner.jpg' type='image/jpeg'>
    <img src='banner.jpg' alt='meetcode banner'>
  </picture>
</body>
</html>

Official Solution Code

<!doctype html>
<html lang='en'>
<head>
  <meta charset='utf-8'>\
  <meta name='viewport' content='width=device-width, initial-scale=1'>
  <title>meetcode</title>
</head>
<body>
  <picture>
    <source srcset='banner.webp' type='image/webp'>
    <source srcset='banner.jpg' type='image/jpeg'>
    <img src='banner.jpg' alt='meetcode banner'>
  </picture>
</body>
</html>
Please login to submit solutions.
Editor
Output

                                        
Please login to submit solutions.