您的位置:首页 > Web前端 > HTML

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>



展示成果:



总结:初学者,无法将动态的上传展示出来,排版也很垃圾,不喜勿喷。再接再励吧!骚年
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: