<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8" />
<title>応用問題</title>
<style>
h1{
margin-top:1.5em;
}
nav ul{
font-size:1.5em;
background:lavender;
margin:0;
padding:0;
}
nav li{
padding:0 1em;
}
a{
text-decoration:none;
}
a:link,a:visited{
color:red;
}
article{
margin-bottom:5em;
}
footer{
width:100%;
text-align:center;
background:lavender;
margin:0;
padding:20px;
}
</style>
</head>
<body>
<h1>応用問題</h1>
<article>
<h2>ページ上部に張り付くリンク</h2>
<nav>
<ul>
<li><a href="http://www.soc.ryukoku.ac.jp/index.php">龍谷大学社会学部</a></li>
<li><a href="http://www.gakkai.ne.jp/jss/">日本社会学会</a></li>
<li><a href="index.html">戻る</a></li>
</ul>
</nav>
<section>
<h3>コンテンツ</h3>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<p>どんどん下にスクロール</p>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<p>まだ下にスクロール</p>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<p>もっと下にスクロール</p>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<p>ここまでスクロールしてもリンクは見える</p>
</section>
</article>
<footer>
龍谷大学社会学部情報処理実習3B実習用
</footer>
</body>
</html>