<!DOCTYPE html>
<html lang="ja">
<head>
<link rel="stylesheet" type="text/css" href="dom1.css">
<title>dom</title>
</head>
<body>
<h1>1</h1>
<p>みなさん
<script type="text/javascript">
<!--
document.write("こんにちは");
// -->
</script>
<h1>2</h1>
<script type="text/javascript" src="dom1.js">
</script>
<h1>3</h1>
<p>鎌倉幕府は<span class="check">1192</span>年、</p>
<h1>4</h1>
<script type="text/javascript" src="dom2.js">
</script>
<p>鎌倉幕府は<span id="check2" onclick="red();">1192</span>年、</p>
<h1>5</h1>
<p><span id="check1" onclick="yellow();">a</span>要素を使うことでlinkを書くことができる。</p>
<p><span id="check11" onclick="yellow1();">ul</span>要素を使うことで箇条書きリストを書くことができる。</p>
<p><span id="check111" onclick="yellow2();">ol</span>要素を使うことで番号付きリストを書くことができる。</p>
</body>
</html>
