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>
.nyancatGif{ width:30%; height:30%; }
こんなかんじです。