html网页制作小试
2015-09-26 17:52
531 查看
代码:
展示成果:
总结:初学者,无法将动态的上传展示出来,排版也很垃圾,不喜勿喷。再接再励吧!骚年
<!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" /> <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++].src=a[i];}} } 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 )&&d.all) x=d.all ; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i] ; 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.src=a[i+2];} } </script> </head> <body onload="MM_preloadImages('3.jpg')"> <p> <!-- #BeginDate format:Ch2 -->2015年9月26日 <!-- #EndDate --></p> <hr /> <p> </p> <h1><strong> <img src="" alt="" name="jk23" width="32" height="32" id="jk23" style="background-color: #CC0033" /> 《</strong>沁园春·雪》<a href="www.lhy.com" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('spin','','3.jpg',1)"><img src="2.jpg" name="spin" width="774" height="401" border="0" align="middle" id="spin" /></a></h1> <hr /> <ul> <li><em><strong>北国风光</strong></em></li> <li><em><strong>千里冰封</strong></em></li> <li><em><strong>万里雪飘</strong></em></li> </ul> <ol> <li><em><strong>望长城内外,惟余莽莽</strong></em></li> <li><em><strong>大河上下,顿失滔滔</strong></em></li> <li><em><strong>山舞银蛇,原驰蜡像,欲与天公试比高</strong></em></li> </ol> <p align="center"><em><strong> </strong></em> 须晴日,看红装素裹,分外妖娆。<br /> 江山如此多娇,引无数英雄竞折腰。<br /> 惜秦皇汉武,略输文采;唐宗宋祖,稍逊风骚。<br /> 一代天骄,成吉思汗,只识弯弓射大雕。<br /> 俱往矣,数风流人物,还看今朝。</p> <p align="center"> </p> <p align="left">更多青菜,请登录<a href="http://write.blog.csdn.net/postlist" title="林海云的CSDN博客" target="_blank">林海云的CSDN博客</a>,有好礼相送哦!</p> <hr width="2" /> </body> </html>
展示成果:
总结:初学者,无法将动态的上传展示出来,排版也很垃圾,不喜勿喷。再接再励吧!骚年
相关文章推荐