ホームページ |
左右に分けます。 とりあえず、左のエリアの名前をmenu。右をmainとします。 それぞれに、とりあえずmenu.htmlと、main.htmlを表示します。 cols="250,*" の部分が、menuの幅で、左が250px、*が右が残り全部、という設定です。 上下に分ける時は、cols を、rows に、書き替えます。 |
---|
<html> <head> </head> <body> <frameset framespacing="0" border="false" frameborder="0" cols="250,*"> <frame name="menu" src="menu.html" scrolling="auto"> <frame name="main" src="main.html" scrolling="auto"> </body> </html> |
targetを指定しない場合、menuエリアからのリンクは、menuエリアに表示され、mainエリアからのリンクは、mainエリアに表示されます。 menuにあるリンクをクリックした時、リンク先をmainに表示したい場合、targetで指定します。 |
---|
<a href="main.html" target="main">リンク</a> |
他のサイトへリンクする時など、フレームを解除したい場合も、targetで指定します。 |
---|
<!-- フレームを解除して、今あるウインドゥ同じ画面に表示 --> <a href="main.html" target="_top">リンク</a> <!-- フレームのない、新しいウィンドゥに表示 --> <a href="main.html" target="_blank">リンク</a> |