Correction status:qualified
Teacher's comments:作业已检查!
写的很不错哦!
博客发布作业中添加了线上运行代码的新功能!
群文中找到入群必读文件夹下的博客如何提交作业.gif图下载了解!!
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> ©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>
手抄代码