要求
使用include导入php
效果图
index.php代码
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8"/>
<title>网页布局</title>
<style>
body {
margin: 0;
padding: 10px;
list-style: none;
}
.a1 {
width: 100%;
height: 150px;
line-height: 150px;
text-align: center;
background-color: #bbb;
}
.main {
height: 595px;
width: 100%;
margin: 10px auto;
}
.left {
background-color: #E1F9FF;
float: left;
width: 60%;
height: 595px;
}
ul {
list-style: none;
float: left;
margin-left: 200px;
margin-top: 10px;
}
li {
margin-top: 50px;
}
.right {
background-color: #E1F9FF;
float: right;
width: 39%;
height: 595px;
padding: 20px;
box-sizing: border-box;
}
.right p {
margin-left: 50px;
font-size: 20px;
}
</style>
</head>
<body>
<header class="a1">header</header>
<div class="main">
<div class="left">
<?php
include("./left.php");
?>
</div>
<div class="right">
<?php
include("./right.php");
?>
</div>
</div>
<footer class="a1">footer</footer>
</body>
</html>
left.php代码
<?php
$photos = [
"1.jpg",
"2.jpg",
"3.jpg",
"4.jpg",
"5.jpg",
"6.jpg"
];
$p1 = array_slice($photos, 0, 3);
$p2 = array_slice($photos, 3); ?>
<ul>
<?php
foreach ($p1 as $v) :
?>
<li><img src="img/<?php echo $v; ?>"></li>
<?php endforeach ?>
</ul>
<!--右边-->
<ul>
<?php
foreach ($p2 as $v) :
?>
<li><img src="img/<?php echo $v; ?>"></li>
<?php endforeach ?>
right.php代码
<?php
$xinxi = array(
0 => array("PHP基础班",
" 北京--第35期（2015年03月06号）",
" 北京--第36期（2015年04月06号）",
" 广州--第10期（2015年04月22号）"
),
1 => array(" PHP就业班",
"北京--第36期（2015年03月06号）",
"广州--第09期（2015年04月06号）"),
2 => array(" PHP远程班",
"基础班--第35期（2015年03月06号）",
"就业班--第36期（2015年04月07号）")
)
?>
<h2>PHP培训开班信息</h2>
<?php
foreach ($xinxi as $a => $b):?>
<p style="font-weight: bold"> <?php
echo $xinxi[$a][0]; ?> </p>
<p> <?php
echo $xinxi[$a][1]; ?> </p>
<p> <?php
echo $xinxi[$a][2]; ?> </p>
<p> <?php
echo $xinxi[$a][3]; ?> </p>
<?php
endforeach;
?>
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 举报，一经查实，本站将立刻删除。
文章由极客之音整理，本文链接：https://www.bmabk.com/index.php/post/83744.html
