【iframe本体(iframe-m1.html)ページ】
<html><head> <meta http-equiv="Content-Type" content="text/html; charset=shift_jis"> <title>本体ページ１</title> </head> <body bgcolor="#ffffbb"> <table width=650 height=550 border=0 align="center" bgcolor="#66cc33" cellspacing=0 cellpadding=0> <tr> <td width="150"> <iframe src="iframe-s.html" height="100%" width="100%" frameborder=0 scrolling=no> ここに、メニューページを嵌める</iframe> </td> <td align="center" valign="top"><br> <h2>本体 １</h2><br> <h3>ここに、本体ページを表示</h3><br> 左の iframe からリンクするとき、左の iframe と同時にこのページを閉じ、<br> 同一の iframe を貼った別の本体ページを表示します。<br><br> 左の iframe のリンクで、target="_parent"とし本体ページごと閉じます。 <br><br><br> <a href="../../../index.html" target="_top">くらげのトップ</a> <a href="../../hp_g.html" target="_top">ＨＰ作りTop</a> <a href="../tech.html" target="_parent">ＨＰテク</a> </td></tr></table> </body></html> 【iframe-s.htmlのページ】
<html><head> <meta http-equiv="Content-Type" content="text/html; charset=shift_jis"> <title>iframe メニューページ</title> </head> <body bgcolor="#dddddd"> <table height=900 border=0 align="center"> <tr> <td width="5"> </td> <td align="left" valign="top" width="140"> 【iframe メニュー】<br><br> <a href="../menu-j/menu-j.html" target="_parent">メニュー</a><br><br> <a href="./iframe-m1.html" target="_parent">iframe-m1</a><br><br> <a href="./iframe-m2.html" target="_parent">iframe-m2</a><br><br> <a href="./iframe-m3.html" target="_parent">iframe-m3</a><br><br> </td></tr></table> </body></html>