[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。
フレームの枠線部分を固定する・フレームにリンクする・
フレーム分割バリエーションサンプルソース 等
関連記事：
[HP&BLOG]HTML
[HP&BLOG]Style
[HP&BLOG]Tool
[HP&BLOG]Upload
■フレームを分割する[縦２分割]
<frameset cols="100,*">
↑100は左側フレームの横幅指定*は右側をその残り分広げると言う指定
<frame src="left.htmｌ" name="left">
↑left.htmｌは左側に表示したいページの指定leftはこのフレームの名前定義付け
<frame src="right.htmｌ" name="right">→
↑right.htmｌは左側に表示したいページの指定rightはこのフレームの名前定義付け
－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－
捕捉１：
フレーム定義したhtmlファイルとは別に
right.htmｌ（左側表示src=""で定義したファイル名）ファイルと
left.htmｌ（右側表示src=""で定義したファイル名）ファイルを用意します
－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－
タグソース
－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－
<html>
<head>
<title>タイトル</title>
</head>
<frameset cols="100,*">
<frame src="left.htmｌ" name="left">
<frame src="right.htmｌ" name="right">
<noframes>
<body>フレーム未対応の方はココに記述したコメントが表示されます
</body>
</noframes>
</frameset>
</html>
－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－
■フレームの枠線を消す
<frameset cols="100.*" ココに部分に追記します>～</frameset>
タグソース
－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－
<frameset cols="100,*" frameborder=0 border=0>
－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－
■フレームの枠線部分を固定する
<frame src="xxxx.html" name="xxxx" ココの部分に追記します>
タグソース
－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－
<frameset cols="100,*">
<frame src="left.htmｌ" name="left" noresize>
<frame src="right.htmｌ" name="right" noresize>
</frameset>
－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－
■フレームにリンクする
フレームに表示されているHTMLファイルの<BODY>～</BODY>間に記述
タグソース
－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－
<A href="開きたいURLを記述" "target="表示させたいたいフレームの名前">～</A>
－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－
捕捉：更に開いたURLのターゲット部分にリンクしたい場合は
－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－
<A href="開きたいURLを記述#ターゲット名"target="表示させたいフレームの名前">～</A>
－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－
■フレーム分割バリエーションサンプルソース
縦２分割[右*]
－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－
<html>
<head>
<title>タイトル</title>
</head>
<FRAMESET COLS="200,*">
<FRAME SRC="page1.html">
<FRAME SRC="page2.html">
<NOFRAMES>
<body>
</body>
</noframes>
</frameset>
</html>
－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－
横２分割[下*]
－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－
<html>
<head>
<title>タイトル</title>
</head>
<FRAMESET ROWS="100,*">
<FRAME SRC="page1.html">
<FRAME SRC="page2.html">
<NOFRAMES>
<body>
</body>
</noframes>
</frameset>
</html>
－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－
縦２分割[左*]
－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－
<html>
<head>
<title>タイトル</title>
</head>
<FRAMESET COLS="*,200">
<FRAME SRC="page1.html">
<FRAME SRC="page2.html">
<NOFRAMES>
<body>
</body>
</noframes>
</frameset>
</html>
－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－
縦２分割[上*]
－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－
<html>
<head>
<title>タイトル</title>
</head>
<FRAMESET ROWS="*,100">
<FRAME SRC="page1.html">
<FRAME SRC="page2.html">
<NOFRAMES>
<body>
</body>
</noframes>
</frameset>
</html>
－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－
縦３分割[右*]
－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－
<html>
<head>
<title>タイトル</title>
</head>
<FRAMESET COLS="200,200,*">
<FRAME SRC="page1.html">
<FRAME SRC="page2.html">
<FRAME SRC="page3.html">
<NOFRAMES>
<body>
</body>
</noframes>
</frameset>
</html>
－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－
横３分割[下*]
－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－
<html>
<head>
<title>タイトル</title>
</head>
<FRAMESET ROWS="100,100,*">
<FRAME SRC="page1.html">
<FRAME SRC="page2.html">
<FRAME SRC="page3.html">
<NOFRAMES>
<body>
</body>
</noframes>
</frameset>
</html>
－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－
縦３分割[中央*]
－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－
<html>
<head>
<title>タイトル</title>
</head>
<FRAMESET COLS="200,*,200">
<FRAME SRC="page1.html">
<FRAME SRC="page2.html">
<FRAME SRC="page3.html">
<NOFRAMES>
<body>
</body>
</noframes>
</frameset>
</html>
－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－
横３分割[中央*]
－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－
<html>
<head>
<title>タイトル</title>
</head>
<FRAMESET ROWS="100,*,100">
<FRAME SRC="page1.html">
<FRAME SRC="page2.html">
<FRAME SRC="page3.html">
<NOFRAMES>
<body>
</body>
</noframes>
</frameset>
</html>
－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－
３分割[右下*]
－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－
<html>
<head>
<title>タイトル</title>
</head>
<FRAMESET COLS="200,*">
<FRAME SRC="page1.html">
<FRAMESET ROWS="100,*">
<FRAME SRC="page2.html">
<FRAME SRC="page3.html">
</FRAMESET>
<NOFRAMES>
<body>
</body>
</noframes>
</frameset>
</html>
－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－
３分割[右下*]
－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－
<html>
<head>
<title>タイトル</title>
</head>
<FRAMESET ROWS="100,*">
<FRAME SRC="page1.html">
<FRAMESET COLS="200,*">
<FRAME SRC="page2.html">
<FRAME SRC="page3.html">
</FRAMESET>
<NOFRAMES>
<body>
</body>
</noframes>
</frameset>
</html>
－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－
- WIIremote mame setting(06/13)
- iPhone4s for docomo(12/03)
- PSGrade for Rockbox(12/11)
- Xperia Android 2.x Update(09/10)
- Android Applications [Panda Home] 設定(04/22)
- SIMPLE SQUARE(四枠)
⇒超人気のスーパーコピーブランド専門ショップ(09/11) - cep 0.2.4
⇒purchase anastrozole(05/24) - cep 0.2.4
⇒generic anastrozole online(05/20) - cep 0.2.4
⇒buy anastrozole thailand(05/18) - cep 0.2.4
⇒Rapport levitra-generic no remedy(05/16)
▽BLOG PET
▽COUNTER
