Community Learn Tools Library Leisure
search
English
Home > List of blog posts > 3月20号作业
Blogger Information
Blog 10
fans 0
comment 0
visits 5125
Special Recommendation
More>
Related recommendations
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
3月20号作业
小议的博客
Original
516 people have browsed it

3月19号作业

效果图.png

代码：

实例

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>联盟管理后台</title>
<meta name="description" content="">
<meta name="keywords" content="">
<link href="" rel="stylesheet">
</head>
<body>
    <table align="center" border="0" cellpadding="5" cellspacing="1" width="960">
    	<tr>
    		<td colspan="2">
    			<iframe src="inc/top.html" name="top" height="70" width="100%" frameborder="0" align="center" scrolling="no"></iframe>
    		</td>
    	</tr>
    	<tr>
    		<td colspan="2"><hr></td>
    	</tr>
    	<tr>
    		<td>
    			<iframe src="inc/left.html" name="left" height="600" width="140" frameborder="0" align="center" scrolling="no"></iframe>
    		</td>
    		<td>
    			<iframe src="inc/right.html" name="right" height="600" width="800" frameborder="0" align="center" scrolling="no"></iframe>
    		</td>
    	</tr>
    	<tr>
    		<!-- 分割线 -->
    		<td colspan="2"><hr></td>
    	</tr>
    	<tr>
    		<td colspan="2">
    			<iframe src="inc/footer.html" height="70" frameborder="0" scrolling="no" width="100%" align="center"></iframe>
    		</td>
    	</tr>
    </table>
</body>
</html>

运行实例 »

点击 "运行实例" 按钮查看在线实例

top.html  代码：

实例

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>头部</title>
<meta name="description" content="">
<meta name="keywords" content="">
<link href="" rel="stylesheet">
</head>
<body>
    <table width="100%">
    	<tr>
    		<td width="60"><img src="../images/logo.jpg" width="50"></td>
    		<td align="left"><h1>联盟后台管理</h1></td>
    		<td align="right">站长，欢迎您  <a href="">退出</a>  <a href="">我的首页</a></td>
    	</tr>
    </table>
</body>
</html>

运行实例 »

点击 "运行实例" 按钮查看在线实例

left.html 代码：

实例

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>左边导航栏</title>
<meta name="description" content="">
<meta name="keywords" content="">
<link href="" rel="stylesheet">
</head>
<body>
	<h4><img src="../images/1.png" width="25"> 广告管理</h4>
    <ul>
    	<li type="none"><img src="../images/file.jpg" width="20"><a href="">cpc广告</a></li>
    	<li type="none"><img src="../images/file.jpg" width="20"><a href="">cpv广告</a></li>
    </ul>
    <hr>

    <h4><img src="../images/2.png" width=25"> 网站管理</h4>
    <ul>
    	<li type="none"><img src="../images/file.jpg" width="20"><a href="">新增网站</a></li>
    	<li type="none"><img src="../images/file.jpg" width="20"><a href="">网站列表</a></li>
    </ul>
    <hr>

    <h4><img src="../images/3.png" width=25"> 数据报表</h4>
    <ul>
    	<li type="none"><img src="../images/file.jpg" width="20"><a href="">广告数据</a></li>
    	<li type="none"><img src="../images/file.jpg" width="20"><a href="">结算数据</a></li>
    </ul>
    <hr>

    <h4><img src="../images/4.png" width=25"> 账号信息</h4>
    <ul>
    	<li type="none"><img src="../images/file.jpg" width="20"><a href="">收款信息</a></li>
    	<li type="none"><img src="../images/file.jpg" width="20"><a href="">密码设置</a></li>
    </ul>
</body>
</html>

运行实例 »

点击 "运行实例" 按钮查看在线实例

right.html 代码：

实例

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>右边</title>
<meta name="description" content="">
<meta name="keywords" content="">
<link href="" rel="stylesheet">
</head>
<body>
	<table align="center" cellspacing="0" cellpadding="5" border="1">
		<caption><h2>数据信息</h2></caption>
		<thead>
			<th>时间</th>
			<th>金额</th>
		</thead>
		<tr>
			<td width="300" align="center">今日数据</td>
			<td width="300" align="center">100</td>
		</tr>
		<tr>
			<td width="300" align="center">2018-03-21</td>
			<td width="300" align="center">200</td>
		</tr>
		<tr>
			<td width="300" align="center">2018-03-20</td>
			<td width="300" align="center">200</td>
		</tr>
		<tr>
			<td width="300" align="center">2018-03-19</td>
			<td width="300" align="center">200</td>
		</tr>
		<tr>
			<td width="300" align="center">2018-03-18</td>
			<td width="300" align="center">200</td>
		</tr>
		<tr>
			<td width="300" align="center">未结算数据</td>
			<td width="300" align="center">1000</td>
		</tr>
	</table>
</body>
</html>

运行实例 »

点击 "运行实例" 按钮查看在线实例

footer.html 代码：

实例

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>底部</title>
<meta name="description" content="">
<meta name="keywords" content="">
<link href="" rel="stylesheet">
</head>
<body>
    <p align="center">
    	<a href="">百度广告联盟 </a>   ©版权所有   
		<a href="">备案号:皖ICP-*******</a>
    </p>
</body>
</html>

运行实例 »

点击 "运行实例" 按钮查看在线实例


Correction status：qualified

Teacher's comments：这两天的作业已检查！ 手写代码未提交！请及时提交！
Statement of this Website
The copyright of this blog article belongs to the blogger. Please specify the address when reprinting! If there is any infringement or violation of the law, please contact admin@php.cn Report processing!
All comments Speak rationally on civilized internet, please comply with News Comment Service Agreement
0 comments
Author's latest blog post