网页设计实例--我的个人网站
网页设计实例--我的个人网站
刚刚学完了网页设计，虽然是公选课，不过还是学到了一些东西的，下面是我自己设计的我的第一个个人网站，借着这个机会和大家一起分享一下，希望大家多多支持哦！
1、我的首页
截图：
代码：
| <title>张庆松的个人网站-首页</title> | |
| <script type="text/javascript"> | |
| function MM_swapImgRestore() { //v3.0 | |
| var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc; | |
| } | |
| function MM_preloadImages() { //v3.0 | |
| var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array(); | |
| var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++) | |
| if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].a[i];}}< /td> | |
| } | |
| function MM_findObj(n, d) { //v4.01 | |
| var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) { | |
| d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);} | |
| if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n]; | |
| for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document); | |
| if(!x && d.getElementById) x=d.getElementById(n); return x; | |
| } | |
| function MM_swapImage() { //v3.0 | |
| var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3) | |
| if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.a[i+2];}< /td> | |
| } | |
| </script> | |
| <style type="text/css"> | |
| .ys04 {color: #FF0000; | |
| font-size: 24px; | |
| } | |
| .ys6 {font-size: 24px; | |
| } | |
| body { | |
| background-image: url(images/%E7%BB%BF%E8%89%B2.jpg); | |
| } | |
| .ys01 {text-align: center; | |
| } | |
| .ys01 {font-weight: bold; | |
| font-family: "宋体"; | |
| font-size: 24px; | |
| color: #000; | |
| } | |
| .ys02 {text-align: left; | |
| } | |
| </style> | |
| </head> | |
| <body onload="MM_preloadImages('images/我的首页.jpg','images/专业情况.jpg','images/我的相册.jpg','images/关于我.jpg','images/联系我.jpg')"> | |
| <table width="980" border="1" align="center"> | |
| <tr> | |
| <td height="1298" align="center"><p><img src="images/1010130889.jpg" width="980" height="200" alt="张庆松的个人网站" /></p> | |
| <p><a href="index.html" target="_blank" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image1','','images/我的首页.jpg',1)"><img src="images/我的首页.jpg" alt="我的首页" width="195" height="60" id="Image1" /></a><a href="page2.html" target="_blank" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image2','','images/专业情况.jpg',1)"><img src="images/专业情况.jpg" alt="专业情况" width="195" height="60" id="Image2" /></a><a href="page3.html" target="_blank" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image3','','images/我的相册.jpg',1)"><img src="images/我的相册.jpg" alt="我的相册" width="195" height="60" id="Image3" /></a><a href="page4.html" target="_blank" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image4','','images/关于我.jpg',1)"><img src="images/关于我.jpg" alt="关于我" width="195" height="60" id="Image4" /></a><a href="page5.html" target="_blank" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image7','','images/联系我.jpg',1)"><img src="images/联系我.jpg" alt="联系我" width="195" height="60" id="Image7" /></a></p> | |
| <table width="703" border="0" align="left"> | |
| <tr bgcolor="#FFFFFF"> | |
| <td width="697" height="1309" valign="top"><table width="687" border="1" cellspacing="10" style="color:#0FF"> | |
| <tr bgcolor="#FFFFFF"> | |
| <td width="305" height="413"><a href="http://user.qzone.qq.com/939391197#!app=4&via=QZ.HashRefresh" target="_blank"><img src="images/我_副本.jpg" width="305" height="409" alt="我" /></a></td> | |
| <td width="342" align="center" valign="top"><table width="308"> | |
| <tr> | |
| <td width="300"><a href="http://image.baidu.com/i?ct=503316480&z=&tn=baiduimagedetail&word=%E6%88%90%E9%83%BD%E5%B7%A5%E4%B8%9A%E5%AD%A6%E9%99%A2&ie=utf-8&in=28421&cl=2&lm=-1&st=&pn=0&rn=1&di=183858269250&ln=1985&fr=&fm=&fmq=1368330616775_R&ic=&s=&se=&sme=0&tab=&width=&height=&face=&is=&istype=&jit=#pn0&-1&di183858269250&objURLhttp%3A%2F%2Fa2.att.hudong.com%2F88%2F69%2F20300533963892133687695768880.jpg&fromURLippr_z2C%24qAzdH3FAzdH3Fp7rtwg_z%26e3Bi715g2_z%26e3Bv54AzdH3Fwd_bb_ml_danaacnnlmnbld8nnmb0mlc0mbbba_3r2_z%26e3Bip4s&W800&H490&T8556&S130&TPjpg" target="_blank"><img src="images/成都工业学院图书馆.jpg" width="345" height="211" alt="成都工业学院图书馆" /></a></td> | |
| </tr> | |
| </table> | |
| <table width="351"> | |
| <tr> | |
| <td width="171" height="129"><a href="http://image.baidu.com/i?ct=503316480&z=&tn=baiduimagedetail&word=%E6%88%90%E9%83%BD%E5%B7%A5%E4%B8%9A%E5%AD%A6%E9%99%A2&ie=utf-8&in=28421&cl=2&lm=-1&st=&pn=0&rn=1&di=183858269250&ln=1985&fr=&fm=&fmq=1368330616775_R&ic=&s=&se=&sme=0&tab=&width=&height=&face=&is=&istype=&jit=#pn0&-1&di183858269250&objURLhttp%3A%2F%2Fa2.att.hudong.com%2F88%2F69%2F20300533963892133687695768880.jpg&fromURLippr_z2C%24qAzdH3FAzdH3Fp7rtwg_z%26e3Bi715g2_z%26e3Bv54AzdH3Fwd_bb_ml_danaacnnlmnbld8nnmb0mlc0mbbba_3r2_z%26e3Bip4s&W800&H490&T8556&S130&TPjpg" target="_blank"><img src="images/陈毅像.jpg" width="170" height="126" alt="陈毅像" /></a></td> | |
| <td width="168"><a href="http://image.baidu.com/i?ct=503316480&z=&tn=baiduimagedetail&word=%E6%88%90%E9%83%BD%E5%B7%A5%E4%B8%9A%E5%AD%A6%E9%99%A2&ie=utf-8&in=28421&cl=2&lm=-1&st=&pn=0&rn=1&di=183858269250&ln=1985&fr=&fm=&fmq=1368330616775_R&ic=&s=&se=&sme=0&tab=&width=&height=&face=&is=&istype=&jit=#pn0&-1&di183858269250&objURLhttp%3A%2F%2Fa2.att.hudong.com%2F88%2F69%2F20300533963892133687695768880.jpg&fromURLippr_z2C%24qAzdH3FAzdH3Fp7rtwg_z%26e3Bi715g2_z%26e3Bv54AzdH3Fwd_bb_ml_danaacnnlmnbld8nnmb0mlc0mbbba_3r2_z%26e3Bip4s&W800&H490&T8556&S130&TPjpg" target="_blank"><img src="images/校徽.jpg" width="172" height="130" alt="校徽" /></a></td> | |
| </tr> | |
| </table> | |
| <h2 style="color:#F00"><a href="http://www.cdtu.edu.cn/2009/" target="_blank">我的大学</a></h2></td> | |
| </tr> | |
| </table> | |
| <h1 id="6412578">成都工业学院</h1> | |
| <div></div> | |
| <div> | |
| <div data-nslog-type="72"> | |
| <div id="cardpic0"> | |
| <div></div> | |
| </div> | |
| <div> | |
| <div>成都工业学院创办于1913年，是辛亥革命后中国最早设立的工科学校之一，也是<a target="_blank" href="http://baike.baidu.com/view/1831.htm">陈毅</a>元帅的母校，先后经历了“四川省立第一甲种工业学校”（四川甲工校）、“成都无线电机械学校”（成都无机校）、成都电子机械高等专科学校等办学历史，2012年3月经国家教育部批准，由原成都电子机械高等专科学校升格为本科院校，在本二批次招生。</div> | |
| <div><a href="http://baike.baidu.com/view/6315501.htm" target="_blank"><img src="images/成工.png" width="300" height="220" alt="成都工业学院" /></a>学校现有40余个本专科专业，经多年建设，形成了以工为主、以电子机械为主要特色的学科专业结构。建校100年来，为国家培养了一大批优秀人才，如开国元帅<a target="_blank" href="http://baike.baidu.com/view/1831.htm">陈毅</a>，原山东省省长<a target="_blank" href="http://baike.baidu.com/view/304503.htm">李春亭</a>，国际知名企业长虹公司原党委书记<a target="_blank" href="http://baike.baidu.com/view/2504618.htm">余光银</a>，我国著名思维科学家<a target="_blank" href="http://baike.baidu.com/view/305378.htm">张光鉴</a>，著名国画大师<a target="_blank" href="http://baike.baidu.com/view/769478.htm">晏济元</a>等。</div> | |
| </div> | |
| </div> | |
| <div data-nslog-type="73"> | |
| <div> | |
| <table cellpadding="0" cellspacing="0"> | |
| <tbody> | |
| <tr> | |
| <td><table cellpadding="0" cellspacing="0" width="95%"> | |
| <tbody> | |
| <tr> | |
| <td>中文名：</td> | |
| <td>成都工业学院</td> | |
| </tr> | |
| <tr> | |
| <td>外文名：</td> | |
| <td>Chengdu Technological University</td> | |
| </tr> | |
| <tr> | |
| <td>简称：</td> | |
| <td>成工院</td> | |
| </tr> | |
| <tr> | |
| <td>校训：</td> | |
| <td>学做合一，敬业乐群</td> | |
| </tr> | |
| <tr> | |
| <td>创办时间：</td> | |
| <td>1913年</td> | |
| </tr> | |
| <tr> | |
| <td>类别：</td> | |
| <td>公立本科大学</td> | |
| </tr> | |
| <tr> | |
| <td>学校类型：</td> | |
| <td>理工</td> | |
| </tr> | |
| <tr> | |
| <td>主管部门：</td> | |
| <td>四川省教育厅</td> | |
| </tr> | |
| <tr> | |
| <td>现任校长：</td> | |
| <td>朱晋蜀</td> | |
| </tr> | |
| <tr> | |
| <td>知名校友：</td> | |
| <td>陈毅、李春亭、余光银、张光鉴</td> | |
| </tr> | |
| <tr> | |
| <td>所属地区：</td> | |
| <td>四川省成都市</td> | |
| </tr> | |
| <tr> | |
| <td>主要院系：</td> | |
| <td>计算机工程系，机械工程系，机电工程系，通信工程系，电气系</td> | |
| </tr> | |
| </tbody> | |
| </table></td> | |
| <td><table cellpadding="0" cellspacing="0" width="95%" align="right"> | |
| <tbody> | |
| <tr> | |
| <td>主要奖项：</td> | |
| <td>国家级教学成果一等奖<br /> | |
| <div></div> | |
| 国家级教学团队：3个<br /> | |
| <div></div> | |
| 国家级教学名师：3人<br /> | |
| <div></div> | |
| 省/市科技进步奖：9项<br /> | |
| <div></div> | |
| 省级教学成果一等奖：8项<br /> | |
| <div></div> | |
| 省级教学成果二等奖：7项<br /> | |
| <div></div> | |
| 国家三大竞赛一等奖：11项<br /> | |
| <div></div> | |
| 国家三大竞赛二等奖：25项<br /> | |
| <div></div> | |
| 四川省高校就业工作先进单位</td> | |
| </tr> | |
| <tr> | |
| <td>学科建设：</td> | |
| <td>拥有三个学科副教授评议权</td> | |
| </tr> | |
| <tr> | |
| <td>科研条件：</td> | |
| <td>3个省级科研机构</td> | |
| </tr> | |
| <tr> | |
| <td>录取批次：</td> | |
| <td>本科二批、专科一批</td> | |
| </tr> | |
| </tbody> | |
| </table></td> | |
| </tr> | |
| </tbody> | |
| </table> | |
| </div> | |
| </div> | |
| </div></td> | |
| </tr> | |
| </table> | |
| <table width="276" border="0"> | |
| <tr bgcolor="#FFFFFF"> | |
| <td height="1309" valign="top"><p class="ys01">国际动态</p> | |
| <p><a href="page16.html" target="_blank">中国军舰收复仁爱礁 菲根本不敢动</a></p> | |
| <p><a href="page17.html" target="_blank">新加坡：中国清算日本 对日索巨额赔款</a></p> | |
| <p><a href="page18.html" target="_blank">谁敢跟中国动武 美国人给出恐怖答案</a></p> | |
| <p><a href="page19.html" target="_blank">美公然战争吓中国：北京表态轰动世界</a></p> | |
| <p><a href="page20.html" target="_blank">马英九警告制裁菲国 议员称不惜一战</a></p> | |
| <p><a href="page21.html" target="_blank">惊世骇俗！女总理英拉私房照再曝光</a></p> | |
| <p><a href="page22.html" target="_blank">对菲警告：三天内交出凶手否则中国动手</a></p> | |
| <p><a href="page23.html" target="_blank">中国表态令菲恐慌 调查道歉11人停职</a></p> | |
| <p><a href="page23.html" target="_blank">中国南沙渔业编队在南海遭某国武装舰船照射</a></p> | |
| <p><a href="page24.html" target="_blank">张召忠央视猛批气坏日本：琉球不是你们的</a></p> | |
| <p><a href="http://www.miercn.com/" target="_blank">更多......</a></p> | |
| <hr width="260" size="1" noshade="noshade" /> | |
| <p class="ys01">奇闻趣事</p> | |
| <p class="ys02"><a href="page6.html" target="_blank">四川乐山捞出“怪乌龟”</a></p> | |
| <p class="ys02"><a href="page7.html" target="_blank">英国“铁头功”奶奶头顶熨衣板 爆红网络(图)</a></p> | |
| <p><a href="page8.html" target="_blank">饲养员别出心裁 羊驼新“发型”迎春天</a></p> | |
| <p><a href="page9.html" target="_blank">老母鸡13年一蛋未下 曾产下2枚无蛋黄鸡蛋</p> | |
| <p><a href="page10.html" target="_blank">苏州游乐园过山车轨道顶端现“最牛鸟巢”(图)</a></p> | |
| <p><a href="page11.html" target="_blank">新郎新娘同名同姓婚礼遇尴尬 当事人自称有缘分</a></p> | |
| <p><a href="page12.html" target="_blank">台湾高校现偷拍女 拍少男只因“你好帅”(图)</a></p> | |
| <p><a href="page13.html">上海地铁现“二维码征婚男” 网友叹强悍(图)</a></p> | |
| <p><a href="page14.html" target="_blank">中职学生秀绝活：只要功夫深 土豆丝穿针(图)</a></p> | |
| <p><a href="page15.html" target="_blank">网传南京现“车脆脆” 公交车颠簸断成两截(图)</a></p> | |
| <p><a href="http://news.qq.com/l/newssh/qwqs/qiwenqushi.htm" target="_blank">更多......</a></p> | |
| <p class="ys02"></p></td> | |
| </tr> | |
| </table> | |
| <table width="980" border="0" align="center"> | |
| <tr> | |
| <td height="28" align="center" valign="top" class="ys6">友情链接</td> | |
| </tr> | |
| </table> | |
| <table width="960" border="1" align="center"> | |
| <tr align="center"> | |
| <td><a href="http://www.baidu.com" target="_blank"><img src="images/友情链接logo/下载.png" alt="百度" width="128" height="50" /></a></td> | |
| <td><a href="http://www.google.com" target="_blank"><img src="images/友情链接logo/下载 (1).png" alt="谷歌" width="128" height="50" /></a></td> | |
| <td><a href="http://www.taobao.com" target="_blank"><img src="images/友情链接logo/下载 (2).png" alt="淘宝" width="128" height="50" /></a></td> | |
| <td><a href="http://www.360buy.com" target="_blank"><img src="images/友情链接logo/下载 (3).png" alt="京东商城" width="128" height="50" /></a></td> | |
| <td><a href="htttp://www.youku.com" target="_blank"><img src="images/友情链接logo/下载 (5).png" alt="优酷" width="128" height="50" /></a></td> | |
| <td><a href="http://www.tudou.com" target="_blank"><img src="images/友情链接logo/下载 (4).png" alt="土豆网" width="128" height="50" /></a></td> | |
| <td><img src="images/青松论坛.png" width="128" height="50" alt="青松论坛" /></td> | |
| </tr> | |
| </table> | |
| <table width="980" border="0" align="center"> | |
| <tr bgcolor="#33FF66"> | |
| <td align="center" valign="middle" class="ys04">版权信息 2013 copyright© 120612117 张庆松</td> | |
| </tr> | |
| </table> | |
| </td> | |
| </tr> | |
| </table> | |
| </body> | |
| </html> | |
2、我的相册
截图：
代码：
| <title>张庆松的个人网站-我的相册</title> | |
| <style type="text/css"> | |
| body { | |
| background-color: #FC0; | |
| text-align: center; | |
| background-image: url(images/%E7%BB%BF%E8%89%B2.jpg); | |
| } | |
| .ys02 { | |
| text-align: left; | |
| } | |
| .ys03 { | |
| font-weight: bold; | |
| font-family: "黑体"; | |
| font-size: 36px; | |
| color: #F00; | |
| } | |
| .ys01 { | |
| text-align: center; | |
| } | |
| .ys01 { | |
| font-weight: bold; | |
| font-family: "黑体"; | |
| font-size: 24px; | |
| color: #0FF; | |
| } | |
| .ys04 { | |
| color: #FF0000; | |
| font-size: 24px; | |
| } | |
| .ys6 { | |
| font-size: 24px; | |
| } | |
| </style> | |
| <script type="text/javascript"> | |
| function MM_preloadImages() { //v3.0 | |
| var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array(); | |
| var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++) | |
| if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].a[i];}}< /td> | |
| } | |
| function MM_swapImgRestore() { //v3.0 | |
| var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc; | |
| } | |
| function MM_findObj(n, d) { //v4.01 | |
| var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) { | |
| d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);} | |
| if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n]; | |
| for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document); | |
| if(!x && d.getElementById) x=d.getElementById(n); return x; | |
| } | |
| function MM_swapImage() { //v3.0 | |
| var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3) | |
| if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.a[i+2];}< /td> | |
| } | |
| </script> | |
| </head> | |
| <body onload="MM_preloadImages('images/我的首页.jpg','images/专业情况.jpg','images/我的相册.jpg','images/关于我.jpg','images/联系我.jpg')"> | |
| <p><img src="images/1010130889.jpg" width="980" height="200" alt="张庆松的个人网站" /></p> | |
| <p><a href="index.html" target="_blank" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image1','','images/我的首页.jpg',1)"><img src="images/我的首页.jpg" alt="我的首页" width="195" height="60" id="Image1" /></a><a href="page2.html" target="_blank" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image2','','images/专业情况.jpg',1)"><img src="images/专业情况.jpg" alt="专业情况" width="195" height="60" id="Image2" /></a><a href="page3.html" target="_blank" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image3','','images/我的相册.jpg',1)"><img src="images/我的相册.jpg" alt="我的相册" width="195" height="60" id="Image3" /></a><a href="page4.html" target="_blank" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image4','','images/关于我.jpg',1)"><img src="images/关于我.jpg" alt="关于我" width="195" height="60" id="Image4" /></a><a href="page5.html" target="_blank" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image7','','images/联系我.jpg',1)"><img src="images/联系我.jpg" alt="联系我" width="195" height="60" id="Image7" /></a></p> | |
| <table border="1" align="center" cellpadding="10" cellspacing="10"> | |
| <tr bgcolor="#FF0000"> | |
| <td width="202" align="left" valign="top"><img src="images/我_副本.jpg" alt="我1" width="202" height="271" /></td> | |
| <td width="202" align="left" valign="top"><img src="images/psbCA6MGTWE.jpg" width="202" height="271" alt="我2" /></td> | |
| <td width="202"><img src="images/psbCAC2E5QX.jpg" width="202" height="271" alt="我3" /></td> | |
| <td width="190"><img src="images/psbCA4N6HMX.jpg" width="202" height="271" alt="我4" /></td> | |
| </tr> | |
| <tr bgcolor="#00FF00"> | |
| <td><img src="images/psu.jpg" width="202" height="271" alt="我5" /></td> | |
| <td><img src="images/psbCAHF924F.jpg" width="202" height="271" alt="我6" /></td> | |
| <td><img src="images/psbCA41FYLE.jpg" width="202" height="271" alt="我7" /></td> | |
| <td><img src="images/psbCAY6AYCM.jpg" width="202" height="271" /></td> | |
| </tr> | |
| <tr bgcolor="#FFFF00"> | |
| <td><img src="images/psbCALF6F0I.jpg" width="202" height="271" /></td> | |
| <td><img src="images/psbCAPQF1K5.jpg" width="202" height="271" /></td> | |
| <td><img src="images/psbCAU9SRFF.jpg" width="202" height="271" /></td> | |
| <td><img src="images/psbCA94DK52.jpg" width="202" height="271" /></td> | |
| </tr> | |
| </table> | |
| <table width="980" border="0" align="center"> | |
| <tr> | |
| <td height="28" align="center" valign="top" class="ys6">友情链接</td> | |
| </tr> | |
| </table> | |
| <table width="960" border="1" align="center"> | |
| <tr align="center"> | |
| <td><a href="http://www.baidu.com" target="_blank"><img src="images/友情链接logo/下载.png" alt="百度" width="128" height="50" /></a></td> | |
| <td><a href="http://www.google.com" target="_blank"><img src="images/友情链接logo/下载 (1).png" alt="谷歌" width="128" height="50" /></a></td> | |
| <td><a href="http://www.taobao.com" target="_blank"><img src="images/友情链接logo/下载 (2).png" alt="淘宝" width="128" height="50" /></a></td> | |
| <td><a href="http://www.360buy.com" target="_blank"><img src="images/友情链接logo/下载 (3).png" alt="京东商城" width="128" height="50" /></a></td> | |
| <td><a href="htttp://www.youku.com" target="_blank"><img src="images/友情链接logo/下载 (5).png" alt="优酷" width="128" height="50" /></a></td> | |
| <td><a href="http://www.tudou.com" target="_blank"><img src="images/友情链接logo/下载 (4).png" alt="土豆网" width="128" height="50" /></a></td> | |
| <td><img src="images/青松论坛.png" width="128" height="50" alt="青松论坛" /></td> | |
| </tr> | |
| </table> | |
| <p> </p> | |
| <table width="980" border="0" align="center"> | |
| <tr bgcolor="#33FF66"> | |
| <td align="center" valign="middle" class="ys04">版权信息 2013 copyright© 120612117 张庆松</td> | |
| </tr> | |
| </table> | |
| <p> </p> | |
| <p class="ys02"> </p> | |
| <p class="ys02"> </p> | |
| </body> | |
| </html> | |
以上是任意选取了两个页面和大家一起分享，谢谢！
要转载的话要注明出处哦，谢谢！