<!DOCTYPE html>
<html lang="ja">
<head>
<title>若山奈月の自己紹介</title>
<link rel="stylesheet" href="main.css">
<meta charset="utf-8">
<script type="text/javascript" src="idb2-sample.js" charset="utf-8"></script>
<style type="text/css">
h1 {
animation-duration: 3s;
animation-name: slidein;
}
@keyframes slidein {
from {
width: 300%;
color: blue;
background-color: #aaccff;
}
to {
margin-left: 0%;
width: 100%;
color: black;
background-color: lightgreen;
}
}
</style>
</head>
<body>
<h1>自己紹介</h1>
<h2>プロフィール</h2>
<p>
<li>学年：3年</li>
<li>名前：若山奈月</li>
<li>誕生日：７月２日</li>
<li>出身地：川西町</li>
<li>趣味：ソシャゲ、アニメ、Youtube、音楽鑑賞</li>
<li>好きなアーティスト：豚乙女</li>
<a href="http://www.butaotome.com/">豚乙女公式サイト</a><br>
</p>
<p class="iwantosee">ちなみに</p>
<p class="hide">中学、高校と「ホッケー部」でした。</p>
<div class="italy">
<div class="red"></div>
<div class="green"></div>
</div>
</body>
<p onclick="alertmsg();">ここをくりっくする。</p>
<p onclick="addidmsg();">ここをくりっくする。</p>
<p span id="yaa"></p>
<p>鎌倉幕府は<span class="check">1192</span>年、</p>
<div id="red" onclick="white();">
</div>
<script type="text/javascript" src="redyellow.js">
</script>
</html>
