html5 figureとfigcaption画像にキャプションをつける

html5 figureとfigcaption画像にキャプションをつける

html5 figureとfigcaption画像にキャプションをつける

figureは画像や図形につけるfigure要素です。

figureの中にキャプションをつけるfigcaptionようそがあります。

<figure>
	<figcaption>空の写真</figcaption>
	<img src="imeges/sky.jpg">

</figure>

サンプル

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>a</title>
	</head>
	<body><header>
<h1>こんにちわ</h1>
<nav>
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
</ul>
</nav>
</header>
		
	
	<article>
	
<h2>ブログタイトル</h2>

	<p>ブログの内容</p>
	<figure>
	<figcaption>
	<img src="imeges/sky.jpg">
	</figcaption>
	</figure>
	
	</article>
	
	<aside>
	<p><a href="#">広告</a></p>
	</aside>
	<footer>
	
	<address>&copy;html5</address>
	</footer>
	</body>
</html>

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です