時間：2023-07-06 02:36:01 | 來源：網(wǎng)站運營
時間：2023-07-06 02:36:01 來源：網(wǎng)站運營
學生HTML個人網(wǎng)頁作業(yè)作品下載 動漫主題網(wǎng)頁設計制作 大學生個人網(wǎng)站作業(yè)模板 dreamweaver簡單個人網(wǎng)頁制作：HTML實例網(wǎng)頁代碼, 本實例適合于初學HTML的同學。該實例里面有設置了css的樣式設置，有div的樣式格局，這個實例比較全面，有助于同學的學習,本文將介紹如何通過從頭開始設計個人網(wǎng)站并將其轉(zhuǎn)換為代碼的過程來實踐設計。
在線咨詢
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <link href="css/style.css" type="text/css" rel="stylesheet" /> <meta name="keywords" content="tzyh" /> <title>Untitled Document</title></head><body> <!-- Copyright ? 2005. Spidersoft Ltd --> <style> A.applink:hover { border: 2px dotted #DCE6F4; padding: 2px; background-color: #ffff00; color: green; text-decoration: none } A.applink { border: 2px dotted #DCE6F4; padding: 2px; color: #2F5BFF; background: transparent; text-decoration: none } A.info { color: #2F5BFF; background: transparent; text-decoration: none } A.info:hover { color: green; background: transparent; text-decoration: underline } </style> <!-- /Copyright ? 2005. Spidersoft Ltd --> <div class="top"> <div class="top_in"> <table width="1004" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="153"><img src="images/img2.png" /></td> <td width="278" height="150"><img src="images/zi.png" /></td> <td width="573" align="right" valign="bottom"></td> </tr> </table> </div> </div> <div class="nav"> <div class="nav_in"> <table width="1004" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="45" height="40" align="left" valign="middle"><img src="images/peo.png" /></td> <td width="122"><a href="index.html">網(wǎng)站首頁</a></td> <td width="45" height="40" align="left" valign="middle"><img src="images/peo.png" /></td> <td width="122"><a href="list1.html">作者簡介</a></td> <td width="45" height="40" align="left" valign="middle"><img src="images/peo.png" /></td> <td width="122"><a href="list2.html">個人履歷</a></td> <td width="45" height="40" align="left" valign="middle"><img src="images/peo.png" /></td> <td width="122"><a href="list3.html">個人作品</a></td> <td width="45" height="40" align="left" valign="middle"><img src="images/peo.png" /></td> <td width="122"><a href="list4.html">所獲獎勵</a></td> <td width="45" height="40" align="left" valign="middle"><img src="images/peo.png" /></td> <td width="124"><a href="list5.html">聯(lián)系方式</a></td> </tr> </table> </div> </div> <div class="box"> <div class="box_in" style="padding-top:20px;"> <table width="1004" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="200" align="left" valign="top"> <table width="200" border="0" cellspacing="0" cellpadding="0" style="background:#fff;"> <tr> <td width="200" align="center" valign="middle"><img src="images/img3.png" /></td> </tr> <tr> <td height="40" bgcolor="#c72638" style="color:#fff;"> 小丸子百科</td> </tr> <tr> <td height="45" align="left" valign="middle" style="border-bottom:1px dashed #fed6cd; font-size:14px; font-family:微軟雅黑; color:#c72638; font-weight:100;"> <a href="list6.html">作品簡介</a></td> </tr> <tr> <td height="45" align="left" valign="middle" style="border-bottom:1px dashed #fed6cd; font-size:14px; font-family:微軟雅黑; color:#c72638; font-weight:100;"> <a href="list7.html">演員表</a></td> </tr> <tr> <td height="45" align="left" valign="middle" style="border-bottom:1px dashed #fed6cd; font-size:14px; font-family:微軟雅黑; color:#c72638; font-weight:100;"> <a href="list8.html">角色介紹</a></td> </tr> <tr> <td height="45" align="left" valign="middle" style="border-bottom:1px dashed #fed6cd; font-size:14px; font-family:微軟雅黑; color:#c72638; font-weight:100;"> <a href="list21.html">座位表</a></td> </tr> <tr> <td height="45" align="left" valign="middle" style="border-bottom:1px dashed #fed6cd; font-size:14px; font-family:微軟雅黑; color:#c72638; font-weight:100;"> <a href="list22.html">目錄</a></td> </tr> <tr> <td height="45" align="left" valign="middle" style="border-bottom:1px dashed #fed6cd; font-size:14px; font-family:微軟雅黑; color:#c72638; font-weight:100;"> <a href="list9.html">制作人員</a></td> </tr> <tr> <td height="45" align="left" valign="middle" style="border-bottom:1px dashed #fed6cd; font-size:14px; font-family:微軟雅黑; color:#c72638; font-weight:100;"> <a href="list10.html">動畫音樂</a></td> </tr> <tr> <td height="45" align="left" valign="middle" style="border-bottom:1px dashed #fed6cd; font-size:14px; font-family:微軟雅黑; color:#c72638; font-weight:100;"> <a href="list11.html">分集劇情</a></td> </tr> <tr> <td height="45" align="left" valign="middle" style="border-bottom:1px dashed #fed6cd; font-size:14px; font-family:微軟雅黑; color:#c72638; font-weight:100;"> <a href="list12.html">社會影響</a></td> </tr> <tr> <td height="45" align="left" valign="middle" style="border-bottom:1px dashed #fed6cd; font-size:14px; font-family:微軟雅黑; color:#c72638; font-weight:100;"> <a href="list13.html">創(chuàng)作背后</a></td> </tr> <tr> <td height="45" align="left" valign="middle" style="border-bottom:1px dashed #fed6cd; font-size:14px; font-family:微軟雅黑; color:#c72638; font-weight:100;"> <a href="list14.html">作品評價</a></td> </tr> <tr> <td height="45" align="left" valign="middle" style="border-bottom:1px dashed #fed6cd; font-size:14px; font-family:微軟雅黑; color:#c72638; font-weight:100;"> <a href="list15.html">精彩瞬間</a></td> </tr> <tr> <td height="251" align="center" valign="middle" style="border-bottom:1px dashed #fed6cd; font-size:14px; font-family:微軟雅黑; line-height:35px; color:#c72638; font-weight:100;"><img src="images/img4.jpg" /><br /> 高音質(zhì)頭戴式耳機 </td> </tr> <tr> <td height="239" align="center" valign="middle" style="border-bottom:1px dashed #fed6cd; font-size:14px; font-family:微軟雅黑; line-height:35px; color:#c72638; font-weight:100;"><img src="images/img5.jpg" /><br /> 高音質(zhì)頭戴式耳機 </td> </tr> <tr> <td height="251" align="center" valign="middle" style="border-bottom:1px dashed #fed6cd; font-size:14px; font-family:微軟雅黑; line-height:35px; color:#c72638; font-weight:100;"><img src="images/img6.jpg" /><br />高音質(zhì)頭戴式耳機</td> </tr> </table> </td> <td width="20"> </td> <td width="564" align="left" valign="top"> <table width="564" border="0" cellspacing="0" cellpadding="0" bgcolor="#FFFFFF"> <tr> <td height="40" bgcolor="#c72638" style="color:#fff;"> 小丸子百科</td> </tr> <tr> <td style="font-size:12px; color:#c72638; "> <div style="padding:11px; line-height:25px; text-indent:2em;">《櫻桃小丸子》是全球知名度最高及最具影響力的動漫作品之一。其動畫連續(xù)二十余年高居日本動畫收視率前三位，到2013年時已超過1000集，仍于每周日黃金時段下午六點在日本富士電視臺（日本富士電視臺在日本的地位相當于中國的CCTV1）上進行連載熱播，是日本男女老少心中的國民動畫。本作品是以作者的童年生活為藍本的故事，故事圍繞著小丸子以及其家人和同學展開，有關(guān)于親情、友誼，或是一些生活小事，其中有笑有淚，令人回想起童年的稚氣。<br /><br /></div> </td> </tr> <tr> <td height="40" bgcolor="#c72638" style="color:#fff;"> 小丸子圖庫</td> </tr> <tr> <td height="1290"> <table width="564" border="0" cellspacing="0" cellpadding="0"> <tr> <td height="340" colspan="3"><img src="images/img7.jpg" /></td> </tr> <tr> <td width="188" height="228" align="center" valign="middle" style="border-right:1px dashed #c72638; border-bottom:1px dashed #c72638; color:#c72638; line-height:30px;"><img src="images/img8.jpg" /><br />小丸子</td> <td width="188" height="228" align="center" valign="middle" style="border-right:1px dashed #c72638; border-bottom:1px dashed #c72638; color:#c72638; line-height:30px;"><img src="images/img9.jpg" /><br />小丸子</td> <td width="188" height="228" align="center" valign="middle" style="border-bottom:1px dashed #c72638; color:#c72638; line-height:30px;"><img src="images/img10.jpg" /><br />小丸子</td> </tr> <tr> <td width="188" height="237" align="center" valign="middle" style="border-right:1px dashed #c72638; border-bottom:1px dashed #c72638; color:#c72638; line-height:30px;"><img src="images/img11.jpg" /><br />小丸子</td> <td width="188" height="237" align="center" valign="middle" style="border-right:1px dashed #c72638; border-bottom:1px dashed #c72638; color:#c72638; line-height:30px;"><img src="images/img12.jpg" /><br /> 小丸子 </td> <td width="188" height="237" align="center" valign="middle" style="border-bottom:1px dashed #c72638; color:#c72638; line-height:30px;"><img src="images/img10.jpg" /><br /> 小丸子 </td> </tr> <tr> <td width="188" height="251" align="center" valign="middle" style="border-right:1px dashed #c72638; border-bottom:1px dashed #c72638; color:#c72638; line-height:30px;"><img src="images/img8.jpg" /><br />小丸子</td> <td width="188" height="251" align="center" valign="middle" style="border-right:1px dashed #c72638; border-bottom:1px dashed #c72638; color:#c72638; line-height:30px;"><img src="images/img9.jpg" /><br />小丸子</td> <td width="188" height="251" align="center" valign="middle" style="border-bottom:1px dashed #c72638; color:#c72638; line-height:30px;"><img src="images/img10.jpg" /><br />小丸子</td> </tr> <tr> <td width="188" height="235" align="center" valign="middle" style="border-right:1px dashed #c72638; border-bottom:1px dashed #c72638; color:#c72638; line-height:30px;"><img src="images/img11.jpg" /><br />小丸子</td> <td width="188" height="235" align="center" valign="middle" style="border-right:1px dashed #c72638; border-bottom:1px dashed #c72638; color:#c72638; line-height:30px;"><img src="images/img12.jpg" /><br />小丸子</td> <td width="188" height="235" align="center" valign="middle" style="border-bottom:1px dashed #c72638; color:#c72638; line-height:30px;"><img src="images/img10.jpg" /><br />小丸子</td> </tr> </table> </td> </tr> </table> </td> <td width="20" align="left" valign="top"> </td> <td width="200" align="left" valign="top"> <table width="200" border="0" cellspacing="0" cellpadding="0" style="background:#fff;"> <tr> <td width="200" align="center" valign="middle"><img src="images/img4.png" /></td> </tr> <tr> <td height="40" bgcolor="#c72638" style="color:#fff;"> 真人版小丸子百科</td> </tr> <tr> <td height="45" align="left" valign="middle" style="border-bottom:1px dashed #fed6cd; font-size:14px; font-family:微軟雅黑; color:#c72638; font-weight:100;"> <a href="list16.html">概述</a></td> </tr> <tr> <td height="45" align="left" valign="middle" style="border-bottom:1px dashed #fed6cd; font-size:14px; font-family:微軟雅黑; color:#c72638; font-weight:100;"> <a href="list17.html">拍攝情況</a></td> </tr> <tr> <td height="45" align="left" valign="middle" style="border-bottom:1px dashed #fed6cd; font-size:14px; font-family:微軟雅黑; color:#c72638; font-weight:100;"> <a href="list18.html">演員</a></td> </tr> <tr> <td height="45" align="left" valign="middle" style="border-bottom:1px dashed #fed6cd; font-size:14px; font-family:微軟雅黑; color:#c72638; font-weight:100;"> <a href="list19.html">各集內(nèi)容</a></td> </tr> <tr> <td height="45" align="left" valign="middle" style="border-bottom:1px dashed #fed6cd; font-size:14px; font-family:微軟雅黑; color:#c72638; font-weight:100;"> <a href="list20.html">精彩瞬間</a></td> </tr> <tr> <td height="40" bgcolor="#c72638" style="color:#fff;"> 小丸子寶貝</td> </tr> <tr> <td height="257" align="center" valign="middle" style="border-bottom:1px dashed #fed6cd; font-size:14px; font-family:微軟雅黑; line-height:35px; color:#c72638; font-weight:100;"> <img src="images/img4.jpg" /><br />高音質(zhì)頭戴式耳機</td> </tr> <tr> <td height="257" align="center" valign="middle" style="border-bottom:1px dashed #fed6cd; font-size:14px; font-family:微軟雅黑; line-height:35px; color:#c72638; font-weight:100;"> <img src="images/img5.jpg" /><br />高音質(zhì)頭戴式耳機</td> </tr> <tr> <td height="257" align="center" valign="middle" style="border-bottom:1px dashed #fed6cd; font-size:14px; font-family:微軟雅黑; line-height:35px; color:#c72638; font-weight:100;"> <img src="images/img6.jpg" /><br />高音質(zhì)頭戴式耳機</td> </tr> <tr> <td height="251" align="center" valign="middle" style="border-bottom:1px dashed #fed6cd; font-size:14px; font-family:微軟雅黑; line-height:35px; color:#c72638; font-weight:100;"> <img src="images/img6.jpg" /><br />高音質(zhì)頭戴式耳機</td> </tr> </table> </td> </tr> </table> </div> </div></body></html>@charset "UTF-8";/* CSS Document */body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin: 0; padding: 0;}body {}table { border-collapse: collapse; border-spacing: 0;}fieldset,img { border: 0 none;}address,caption,cite,code,dfn,em,strong,th,var { font-style: normal; font-weight: normal;}ol,ul,li { list-style: none outside none;}caption,th { text-align: left;}h1,h2,h3,h4,h5,h6 { font-size: 100%; font-weight: normal;}q:before,q:after { content: "";}abbr,acronym { border: 0 none;}a,a:hover { color: #c72638; text-decoration: none;}.top { width: 100%; background: url(http://www.foreseebio.com/chengpin/ye66/images/img1.jpg) no-repeat left top; height: 150px;}.top_in { width: 1004px; margin: 0 auto;}.nav { width: 100%; height: 40px; background: #d12f44;}.nav_in { width: 1004px; margin: 0 auto; font-size: 18px; font-weight: 400; color: #fff; font-family: "方正卡通簡體";}.nav_in a { color: #fff; text-decoration: none;}.box { width: 100%; background: #fed6cd;}.box_in { width: 1004px; margin: 0px auto; font-family: "微軟雅黑", "黑體";}.banner { width: 100%; background: url(../images/img3.jpg) no-repeat top center; height: 212px;}.mt20 { margin-top: 20px;}.footer { width: 100%; margin-top: 20px; border-top: 1px solid #c72638; color: #c72638; padding: 20px 0px; line-height: 30px; font-size: 14px; text-align: center; font-family: "微軟雅黑", "黑體";}.b_table td { border: 1px dashed #c72638; line-height: 45px; padding-left: 10px;}.b_table1 td { border: 1px dashed #c72638; line-height: 45px;}請 “ 點贊” “??評論” “ 收藏”一鍵三連哦！??【關(guān)注我| 獲取更多源碼 | 優(yōu)質(zhì)文章】帶您學習各種前端插件、3D炫酷效果、圖片展示、文字效果、以及整站模板 、大學生畢業(yè)HTML模板 、期末大作業(yè)模板 、等! 「在這里有好多 前端 開發(fā)者，一起探討 前端 Node 知識，互相學習」！關(guān)鍵詞：作業(yè),設計,主題,模板,大學生,作品,學生
微信公眾號
版權(quán)所有? 億企邦 1997-2025 保留一切法律許可權(quán)利。
