A<p>:画像の表示:<img src="image1.jpeg"></p>
B<p>:リンク:<a href="link.html">linked.jpeg</a></p>
C<p>:子ファイルのインラインで<span style="color:purple">purple</span>に指定</p>
D<p>:子ファイルのhead部で<span class="iroGreen">green</span>に指定</p>
E<p>:子ファイルの外部ファイル(style.css)で<span class="iroBlue">blue</span>に指定</p>
F<p>:親ファイルで<span class="iroRed">red</span>に指定</p>
G<p>:インラインの関数呼出
<script type="text/javascript">
function インライン関数() { alert("インラインが実行されました"); };
</script>
<button onClick="インライン関数()">
</button></p>
H<p>:子ファイルhead部の関数呼出
<button onClick="子ファイルhead部関数()">
</button>
</p>
I<p>:子ファイル外部JS(script.js)のの関数呼出
<button onClick="子ファイル外部JS関数()">
</button>
J<p>:親ファイルの関数呼出
<button onClick="親ファイル関数()">
</button>
</p>