HTML - フレーム

■ページ目次

フレームの構成
フレーム

■フレームの構成

■フレーム

 <frameset cols="分割列数"
           rows="分割行数">
     <frame name="ターゲット名" 
           src="uri"/>
 </frameset>

■例題

フレームの例です。(frame01.html)

□frame01.html


 <!-- frame01.html -->
 <html>
 <head>
 <title>わたしのホーム･ページ</title>
 <meta http-equiv="Content-type" content="text/html; charset=Shift_JIS"/>
 <frameset cols="20%,*">
     <frame name="leftframe01" src="leftframe01.html"/>
     <frame name="rightframe01" src="rightframe01.html"/>
 </frameset>
 </head>
 </html>

□ 実行結果

□leftframe01.html


 <!-- leftframe01.html -->
 <html>
 <head>
 <title>わたしのホーム･ページ</title>
 <meta http-equiv="Content-type" content="text/html; charset=Shift_JIS"/>
 </head>
 <body>
 <ol>
     <li><a href="pic_0036.jpg" target="rightframe01">ホイップ</a></li>
     <li><a href="pic_0364.jpg" target="rightframe01">ポテトン</a></li>
     <li><a href="rightframe01.html" target="rightframe01">戻る</a></li>
 </ol>
 </body>
 </html>

□rightframe01.html


 <!-- rightframe01.html -->
 <html>
 <head>
 <title>わたしのホーム･ページ</title>
 <meta http-equiv="Content-type" content="text/html; charset=Shift_JIS"/>
 </head>
 <body>
 <p>
     左のフレームのリンクをクリックしてください。<br/>
     ここに、写真が出ます。
 </p>
 </body>
 </html>

Top