<h4>相対指定</h4>

A<p>:画像の表示:<img src="image1.jpeg"></p>

B<p>:リンク:<a href="link.html">linked.jpeg</a></p>

<h4>スタイル(色指定)</h4>

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>

<h4>スクリプト(alertで表示)</h4>

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>