---------- iframe1.htm ----------
<!DOCTYPE HTML>
<HTML>
<HEAD>
<!-- タイトル -->
<TITLE>IFRAME 要素によるページレイアウト</TITLE>
<!-- スタイルシート -->
<LINK REL="stylesheet" TYPE="text/css" HREF="../../master.css">
<!-- 文字コード -->
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=utf-8">
<!-- スマホ -->
<META NAME=viewport CONTENT="width=device-width, initial-scale=1">
</HEAD>
<BODY CLASS="white" STYLE="text-align: center">
<H1>IFRAME 要素によるページレイアウト</H1>
<DIV CLASS="no"><DIV STYLE="margin: auto; border-width: 2px; border-style: solid; width: 800px; height: 700px">
<IFRAME WIDTH="750" HEIGHT="100" SRCDOC="<!DOCTYPE HTML><HTML><HEAD><TITLE>ヘッダー</TITLE></HEAD><BODY><H1 STYLE='text-align: center'>ヘッダー</H1></BODY></HTML>"></IFRAME>
<IFRAME SRC="iframe_left.htm" WIDTH="300" HEIGHT="590" STYLE="margin: auto; border-width: 2px; border-style: solid; float: left"></IFRAME>
<IFRAME SRC="iframe_right.htm" WIDTH="490" HEIGHT="590" STYLE="margin: auto; border-width: 2px; border-style: solid; float: left"></IFRAME>
</DIV></DIV>
</BODY>
</HTML>
---------- iframe_left.htm ----------
<!DOCTYPE HTML>
<HTML>
<HEAD>
<!-- タイトル -->
<TITLE>IFRAME 要素の使用例</TITLE>
<!-- スタイルシート -->
<LINK REL="stylesheet" TYPE="text/css" HREF="../../master.css">
<!-- 文字コード -->
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=utf-8">
<!-- スマホ -->
<META NAME=viewport CONTENT="width=device-width, initial-scale=1">
</HEAD>
<BODY CLASS="white" STYLE="text-align: center">
<H1>左領域</H1>
</BODY>
</HTML>
---------- iframe_right.htm ----------
<!DOCTYPE HTML>
<HTML>
<HEAD>
<!-- タイトル -->
<TITLE>IFRAME 要素の使用例</TITLE>
<!-- スタイルシート -->
<LINK REL="stylesheet" TYPE="text/css" HREF="../../master.css">
<!-- 文字コード -->
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=utf-8">
<!-- スマホ -->
<META NAME=viewport CONTENT="width=device-width, initial-scale=1">
</HEAD>
<BODY CLASS="white" STYLE="text-align: center">
<H1>右領域</H1>
</BODY>
</HTML>