html-basics/pictureElement.html at master · steffytw/html-basics · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<!DOCTYPE html>
<html>
<head>
	<title>Picture Element</title>
</head>
<body>
	 <picture>
		  <source media="(min-width: 650px)" srcset="coffee.jpg">
		  <source media="(min-width: 465px)" srcset="coffeebean.jpg">
		  <img src="mug.jpeg">
	 </picture>
	 <strong>Coffee is a brewed drink prepared from roasted coffee beans, the seeds of berries from certain Coffea species. Once ripe, coffee berries are picked, processed, and dried. Dried coffee seeds are roasted to varying degrees, depending on the desired flavor.S</strong>

</body>
</html>