figure元素
figure/figcaption都是HTML5中新增的元素
figure元素是一个媒体组合元素,也就是对其他的媒体元素进行组合,比如:图像、图表等等
figcaption元素
用来给figure元素定义标题。
<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="UTF-8">
<title>2.9课堂演示</title>
</head>
<h2>我是一个厨艺爱好者</h2>
<p>我是一个厨艺爱好者..................</p>
<figure>
<img src="p1.jpg" alt="" width="300"><img src="p2.jpg" alt="" width="300">
</figure>
<figcaption>我的厨艺作品1</figcaption>
<figure>
<img src="p3.jpg" alt="" width="300"><img src="p4.jpg" alt="" width="300">
</figure>
<figcaption>我的厨艺作品2</figcaption>
</body>
</html>