フレームセット

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
<html>
<head>
<title>DeMo.html　フレーム</title>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS" />

</head>

<frameset cols="150,*" border="0">

<frame src="demo003menu.html" name="menu" nosize scrolling="auto">
<frame src="demo003main01.html" name="main" nosize scrolling="auto">

<noframes>
フレーム非対応のブラウザをご使用の方は、申し訳ありませんがフレーム対応のブラウザでご覧下さい。
</noframes>

</frameset>

</html>

左ページ

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>DeMo.html　フレーム</title>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS" />

</head>
<body bgcolor="#000000" leftmargin="20" rightmargin="0" topmargin="60">

<div>
<table bgcolor="#ffffff" border="0" width="130">
<tr>
<td align="right" height="30">
<a href="demo003main01.html" target="main"><font size="3"><b>HOME</b></font></a>
</td>
</tr>

<tr>
<td align="right" height="30">
<a href="demo003main02.html" target="main"><font size="3"><b>ご挨拶</b></font></a>
</td>
</tr>

<tr>
<td align="right" height="30">
<a href="demo003main03.html" target="main"><font size="3"><b>Profile</b></font></a>
</td>
</tr>

<tr>
<td align="right" height="30">
<a href="demo003main04.html" target="main"><font size="3"><b>今日の日記</b></font></a>
</td>
</tr>
</table>
</body>
</html>

右ページ

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>DeMo.html　フレーム</title>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS" />

</head>
<body topmargin="50" leftmargin="100" rightmargin="100" bgcolor="#ffffff">

<h1 align="right">DeMo.html</h1>

<hr />

<br />

<p align="center">
<font size="6" color="#008aff">ようこそ！</font><br />
ここは最も基本的なHTMLを用いたレイアウトのデモページです。<br />
特に難しいことはしていませんが、これの応用で他の全てのレイアウトも構築されるんですよ。<br />
構造さえ理解しちゃえばHTMLは単純なものですので、肩肘張らずにいきましょー。
</p>

</body>
</html>
戻る