file:///D:/JSP/GZY/ch002_html/html_001.html#
<!DOCTYPE html>
<html><head><meta charset="utf-8"><title>欢迎留言!</title><link rel="shortcut icon" href="images/favicon03.ico"><div class="wrapper"><div id="Header"></div><!--end of div Header--><div id="Nav"></div><!--end of div Nav--><div id="Main"><div id="Sidebar"></div><!--end of div Sidebar--></div><!--end of div Main--><div id="Footer"> </div><div class="wrapper"><div id="Header"><div id="Logo"><h1 align="center">Logo Banner区</h1><p>
<img src="images/f15.png" width="128" height="128" /></p></div><!-- end of div Logo--></div><!--end of div Header--><div id="Nav"><ul><li class="current"><a href="#">Home 主页</a></li><br /><li><a href="#">关于 About</a></li><br /><li><a href="#">博客 Blog</a></li><br /><li><a href="#">联系 Contact</a></li><br /></ul></div><!--end of div Nav--><div id="Main" class="clearfix"><div id="Article"><div class="container"><h2> <b> <font size="5" color="#C71585">Content区</font></b> </h2> <!--目录/内容--> </div><!--end of div container--> </div><!--end of div Article--> <div id="Sidebar"><div class="container"><h2><b> <font size="5" color="#FF1493">Sidebar区</font></b> </h2><!--侧边栏--></div><!--end of div container--> </div><!--end of div Sidebar--></div><!--end of div Main--><div id="Footer"><div class="container"><h2> <b> <font size="5" color="#FF69B4">Footer区</font></b></h2></div><!--end of div container--></div><!--end of div Footer--></div><!--end of div wrapper--></div> <!--网页文字测试--><div id="Article"><div class="container"><h1 align="center">下面是网页文字测试</h1><p>真不敢相信,这里居然是乱码 </p><p>o3 vajra-satva samaya m2nu-p2laya vajra-satva tvenopa ti=6ha d47ho-me-bhava suto=yo-me-bhava anurakto-me-bhava supo=yo-me-bhava sarva-siddhi3 me prayaccha sarva-karma sucame citta3 0ri-ya3 kuru h93 ha-ha-ha-ha-ho` bhagavan sarva-tath2gata vajra m2me mu#ca vajr1-bhava mah2-samaya satva 2`</p><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p></div><hr /><h3>评论</h3><table> <tr><th width="25%"></th><th width="75%"></th></tr> <tr class="new-comment"><td><strong>宫崎骏</strong><br /><span class="quiet">1 分钟以前</span></td><td>人生就是一列开往坟墓的列车,路途上会有很多站,很难有人可以自始至终陪着走完。当陪你的人要下车时,即使不舍也该心存感激,然后挥手告别。</td></tr> <tr><td><strong>太宰治 </strong><br /><span class="quiet">4 分钟以前</span></td><td>在所谓的人世间摸爬滚打至今,我唯一愿意视为真理的就只有这一句话:一切都会过去的。</td></tr> <tr><td><strong>加布瑞埃拉·泽文</strong><br /><span class="quiet">16 分钟以前</span></td><td>我们不全是长篇小说,也不全是短篇小说,最后的最后,我们成为一部人生作品集。</td></tr> <tr><td><strong>刘慈欣</strong><br /><span class="quiet">45 minutes ago</span></td><td>人生的美妙之处在于迷上一样东西。人生苦短,少做些虚无缥缈的事,夜晚的灯塔一直都在,只是灯亮的时候,你才看见它。</td></tr></table><br /><hr /><h3>发表评论</h3><canvas id="myCanvas" width="300" height="150" style="border:1px solid #d3d3d3;">Your browser does not support the HTML5 canvas tag.</canvas><script type="text/javascript">var c=document.getElementById("myCanvas");var ctx=c.getContext("2d");var my_gradient=ctx.createLinearGradient(0,0,0,170);my_gradient.addColorStop(0,"pink");my_gradient.addColorStop(1,"white");ctx.fillStyle=my_gradient;ctx.fillRect(20,20,150,100);</script> <form><ul><li><label for="Name">名称</label><input id="Name" class="third" /></li><br /><li><label for="Email">邮件</label><input id="Email" class="third" /></li><br /><li><label for="Comment">评论</label><textarea id="Comment"></textarea></li><br /><br /><li><label></label><a href="#" id="发布"><img src="images/balloons.png" width="100" height="100" /></a></li></ul></form>
<!-- import jsp framework --><script src="fs/juery-1.2.6min.js"></script><script>// When the page is ready$(document).ready(function(){$(".new-comment").hide();$("a#PostMessage").click(function () {$(".new-comment").show();});});</script>
<script type="text/javascript"></script>
</head><style>#container {width: 250px;height: 250px;position: relative;background:#FFB6C1;}#animate {width: 50px;height: 50px;position: absolute;background:#F08080;}</style>
<body background="images/flowers.png">
<h3 align="left">我的第一个 JavaScript 动画</h3>
<div id="container" >
<div id="animate" >
</div>
</div>
</body>
</html>