ヒモぐらしのゆのってぃ~

ほとんど金なしニック

nyancatを表示する。ついでにheaderとかfooterもつかってみる

大好きなnyancatを表示するだけ
ついでにheaderタグとfooterタグをつかってみる



html

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<link rel="stylesheet" type="text/css" href="style.css">
	<title>nyancat</title>
</head>
<body>
	<header id="header">
		<p>nyancat</p>
	</header>

	<div id="topBlock">
	</div>
	<div id="middleBlock">
	<img class="nyancatGif" 
		 src="nyancat.gif">
	</div>
	<div id="bottomBlock">
	</div>

	<footer id="footer">
		<p>nyancat</p>	
	</footer>

</body>
</html>

CSS

.nyancatGif{
	width:30%;
	height:30%;
}

こんなかんじです。
f:id:xyuno0717:20161218183302p:plain