<!DOCTYPE html>
<html>
<head>
<title>第9回課題</title>
<link rel="stylesheet" type="text/css" href="design9.css">
</head>
<body onload="hello();">
<h1>第9回課題</h1>
<h2>1</h2>
<script type="text/javascript">
<!--
document.write("こんにちは!");
// -->
</script>
<h2>2</h2>
<script type="text/javascript" src="design9.js">
</script>
<pre>
こ
ん
に
ち
は
！
</pre>
<h2>3</h2>
<p>鎌倉幕府は<span class="check">1192</span>年</p>
<h2>4</h2>
<p>鎌倉幕府は<span id="check" onclick="hoge();">1192</span>年</p>
<h2>5</h2>
<p>ボーダーと内容の間を指すのが<span id="check1" onclick="hoge1();">padding</span></p>
<p>隣接する要素との余白を指すのが<span id="check2" onclick="hoge2();">margin</span></p>
<p>境界を指すのは<span id="check3" onclick="hoge3();">border</span></p>
<script type="text/javascript" src="design9-2.js"></script>
</body>
</html>
