博客列表 >3月20日作业

3月20日作业

inhylei
inhylei原创
2018年03月21日 14:19:49547浏览

admin.html 的代码

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>admin system</title>
</head>
<body >
<table border="0" cellspacing="0" cellpadding="5" width="1000">
<tr>

<td colspan="2">
<iframe src="../180320/inc/top.html" name="top" width="100%" height="110" scrolling="no" frameborder="0"></iframe>
</td>
</tr>
<tr bgcolor="#f2f2f2">
<td><iframe src="../180320/inc/left.html" name="left" height="600" width="180" frameborder="0" scrolling="no"></iframe></td>

<td><iframe src="../180320/inc/default.html" name="right" height="600" width="900" frameborder="0" scrolling="no" ></iframe></td>
</tr>
<tr>

<td colspan="2">
<iframe src="../180320/inc/footer.html" name="footer" width="100%" height="70" scrolling="no" frameborder="0"></iframe>
</td>
</tr>
</table>
</body>
</html>

default.html代码

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body bgcolor="#fff">
<table width="600" border="1" cellspacing="0" cellpadding="10">
<caption><h2>Vistor System</h2>
<hr width="80%"></caption>

<tr bgcolor="skycyan">
<th>Rendering engine</th>
<th>Browser</th>
<th>Platform</th>
<th>Engine version</th>
<th>CSS grade</th>

</tr>
<tr>
<td>Gecko</td>
<td> Mozilla 1.4</td>
<td>Win 98+ / OSX.2+</td>
<td>1.1</td>
<td>A</td>

</tr>
<tr>
<td>Gecko</td>
<td>Mozilla 1.1</td>
<td>Win 98+ / OSX.2+</td>
<td>1.2</td>
<td>A</td>
</tr>
<tr>
<td>Gecko</td>
<td>Mozilla 1.2</td>
<td>Win 98+ / OSX.2+</td>
<td>1.4</td>
<td>A</td>
</tr>
</table>
</body>
</html>

feed.html代码

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body bgcolor="#fff">
     <center><h1>News Feed</h1></center><hr >

    <table cellspacing="0" cellpadding="10" border="0">
     <tr>
     <td width="20%" valign="top"><img src="../images/user.png" alt="user" ></td>
     <td>
     <table><tr>
     <td colspan="2">
          <textarea cols="50" rows="5">
     
     </textarea>
     </td>
     </tr>
     <tr>
     <td><img src="../images/icon.png" alt="icon">
     

     </td>
     <td>
     <img src="../images/button.png" alt="icon">
     </td>
     </tr>
         </table>
     </td>
     </tr>
    </table>
<hr>

<table cellpadding="10" cellspacing="0" border="0">
<tr>
<td width="20%" valign="top"><img src="../images/user.png" alt="user" ></td>
<td><strong>John Donga,</strong> 08 July,2015
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type.</p>
<img src="../images/img.jpg" height="300"></td>
</tr>
</table>
</body>
</html>

footer.html代码

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body><hr>
<p>
<a href="">Admin System Test (www.test.com) </a>&nbsp; &copy;test.com 2012-2018
</p>
</body>
</html>

left.html代码

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>left menu</title>
</head>
<body >
<h3><img src="/180320/images/home.png"> DashBoard</h3>
<ul type="none">
<li><img src="/180320/images/file.png"> <a href="/180320/inc/default.html" target="right">DashBoard</a></li>
<li><img src="/180320/images/file.png"> <a href="/180320/inc/table.html" target="right">Inbox</a></li>
<li><img src="/180320/images/file.png"> <a href="/180320/inc/feed.html" target="right">News Feed</a></li>

</ul>
<h3><img src="/180320/images/set.png"> Settings</h3>
<ul type="none">
<li><img src="/180320/images/file.png"> <a href="/180320/inc/set.html" target="right">Settings</a></li>
<li><img src="/180320/images/file.png"> <a href="/180320/admin.html" target="right">Logout</a></li>
</ul>
</body>
</html>

set.html代码

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body bgcolor="#fff">


<table>
<caption><h2>System Settings</h2>
<hr width="80%">
</caption>
<tr>
<td><label for="title"></label> Title : </td>
<td><input type="text" name="title" placeholder="Title" id="title" size=60></td>
</tr>
<tr>
<td><label for="keys"></label> Keywords : </td>
<td><input type="text" name="keys" id="keys" placeholder="Keywords" size=60></td>
</tr>
<tr>
<td valign="middle"><label for="decs"></label> Description : </td>
<td><textarea rows="8" name="decs" placeholder="Keywords" id="decs" cols="60">

</textarea></td>
</tr>
<tr>
<td colspan="2">
<input type="image" name="submit" src="../images/button.png">
</td>
</tr>

</table>
</body>
</html>

table.html代码

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>table css</title>
</head>
<body bgcolor="#fff">
<table width="80%" cellpadding="10" cellspacing="0" border="1">
<caption> <h2>Table CSS</h2></caption>
 <thead>
<tr bgcolor=" cyan">
 <th>#</th>
 <th>First Name</th>
 <th>Last Name</th>
 <th>Username</th>
</tr>
 </thead>
 <tbody>
<tr>
 <td>1</td>
 <td>Mark</td>
 <td>Otto</td>
 <td>@mdo</td>
</tr>
<tr>
 <td>2</td>
 <td>Jacob</td>
 <td>Thornton</td>
 <td>@fat</td>
</tr>
<tr>
 <td>3</td>
 <td>Larry</td>
 <td>the Bird</td>
 <td>@twitter</td>
</tr>
 </tbody>
</table>




</body>
</html>

top.html代码

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>admin system</title>
</head>
<body >
<table width="1000" cellpadding="8" cellspacing="0" border="0">
<tr>
<td valign="middle"><img src="/180320/images/logo.gif" alt="logo" title="logo" height="50"></td>
<td><h2> System Management</h2></td>
<td><input type="text" name="search" size="50"> <input type="submit" value="search"></td>
<td> <a href="">Logout</a></td>
</tr>
<tr>
<td colspan="3"><hr></td>
</tr>
</table>
</body>
</html>


手抄代码


QQ图片20180321141913.jpg

声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议