中級編９

　フレーム内にリンクする。
　　　インラインフレーム技を習得しよう。

ブラウザの画面内にリンクを表示させる技です。 インラインフレーム と呼ばれています。まずはサンプルを見ましょうか。 ●ココをクリック● して下さい。
フレームの中に別のデータ（ページ）が表示出来たでしょう。これがインラインフレームです。プルダウンメニューでリンク先を選ぶと それがインラインフレームに表示されます。ご自身の設定したページの枠を動かしたくない場合に便利な方法です。
但し、ご自分のページを表示させるのは全く問題ありませんが、余所のサイトによってはインラインを拒否する場合もあります。 ニュース系は大抵ダメです。リンク先の選択はご注意ください。
では、ＨＴＭＬ文をご覧戴きましょうか。 

<html>
<body><center>
<font color=darkgreen size=6><b>インラインフレームだよ！</b></font><br>
<form>
<select onchange="if (this.value) window.open(this.value,'inside2')">
<option value="https://www.jma.go.jp/jp/yoho/">気象庁予報</option target="inside2">
<option value="https://weather.goo.ne.jp/">goo天気</option target="inside2">
<option value="https://weather.biglobe.ne.jp/">biglobe天気</option target="inside2">
<option value="https://tenki.jp/week/">気象協会</option target="inside2">
</select>
</form>
</center></body>
</html>

<option value="〇〇〇">□□□</option target="inside2"> という書式の リンク先URL〇〇〇と名前□□□を入れ替えると応用できます。 下の方 <option value="〇〇〇">□□□</option target="inside2"> の部分が 最初にインライン内に表示させておくページの設定ですね。
尚、ＨＴＭＬ文の inside2 は inside3 でも inside4 でも構いません。 他のinside名とダブらないように注意願います。
いろいろ活用してマスターして行きましょう。雰囲気が掴めたら、この項は修了です。
質問メール　 SCHOOL MENU