HTML5:figure要素とfigurecaption要素

HTML

【HTML5課題22】

  • 写真と写真タイトルをまとめて表示させなさい。
<body> 
<header> 
<h1>カフェランチブログ</h1> 
</header> 
<article> 
<h2>人気スイーツについて</h2> 
<p>疲れた時に美味しいスイーツを食べると、疲れも吹っ飛びますね。人気のバナナ豆乳シェイクのようなドリンクをはじめ、スイーツの定番である自家製ケーキも各種取り揃えています。</p> 
<figure> 
<figcaption>自家製ケーキ</figcaption> 
<img src="images/cake2.PNG" width="250" height="250" alt="ベリーのソースがかかったベイクドチーズケーキです。"> 
</figure> 
</article>  
</body>