Lesson30 実習2

index.php


<!DOCTYPE HTML>

<html>
<head>
<meta charset="UTF-8">
<title>テストプログラム2</title>

<style>

#main {
width: 850px;

}

.header ,
.left,
.center,
.right,
.footer {
border: solid 1px #0000ff;
margin:0px 2px;

height: 200px;
}

</style>

</head>
<body>
<div id="main">

<div class="header" style="height:100px;width:843px;margin-bottom:20px;">

<h1>ここはヘッダテンプレートです。</h1>
</div>

<div class="left" style="float:left; width:200px;">
<p>左サイドエリアテンプレート</p>
</div>

<div class="center" style="float:left; width:430px;">
<?php
// ブログ内容を出力する
include('template/test01.html');
?>
</div>

<div class="right" style="float:left; width:200px;">

<p>右サイドエリアテンプレート</p>
</div>
<div style="float:clear;"></div>

<div class="footer" style="float:left;height:100px;width:843px;margin-top:20px;">
<h1>ここはフッタテンプレートです。</h1>

</div>

</div>
</body>
</html>


template/test01.html


<p>ここはテストの取り込みコンテンツです。</p>

<p>うまく表示できたでしょうか?</p>

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

*

*