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="data: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>&nbsp;&nbsp;&nbsp;&nbsp;<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>&nbsp;&nbsp;&nbsp;&nbsp;<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>&nbsp;&nbsp;&nbsp;&nbsp;<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="data: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>

ico图标完整代码+列表+评论框相关推荐

  1. Tomcat修改favicon.ico图标,Linux下Tomcat修改favicon.ico图标,Tomcat更换favicon.ico图标...

    Tomcat修改favicon.ico图标,Linux下Tomcat修改favicon.ico图标,Tomcat更换favicon.ico图标 >>>>>>> ...

  2. wordpress博客评论框添加背景图片

    今天突然发现自己的wordpress评论框空荡荡的,感觉很不美观.下面将通过几行css代码给评论框添加背景图片,使其更加生动. 直接上代码,笔者使用的是知更鸟主题,下方代码直接添加到外观 -> ...

  3. python博客项目评论_Python 爬虫入门——小项目实战(自动私信博客园某篇博客下的评论人,随机发送一条笑话,完整代码在博文最后)...

    之前写的都是针对爬虫过程中遇到问题的解决方案,没怎么涉及到实际案例.这次,就以博客园为主题,写一个自动私信博客下的评论人员(在本篇留下的评论的同学也会被自动私信,如果不想被私信,同时又有问题,请私信我 ...

  4. React 实现添加和删除评论功能(附完整代码)

    文章目录 一.创建项目 二.项目实现 1. 整体效果 2. 需求分析 3. 开发思路 4. 主要代码 ① App.jsx 根组件 ② 添加评论组件 CommentAdd.jsx ③ 评论列表组件 Co ...

  5. 运用python爬取股票的股吧评论、新闻报道(附完整代码)

    大家好,我是带我去滑雪,每天分享一个小技巧! 当前,文本信息挖掘十分火热,文本信息挖掘作为一个新的数据挖掘领域,其目的在于把文本信息转化为人可利用的知识,而获取文本信息是文本信息挖掘工作中最重要.最首 ...

  6. 91.video.ws index php_如何利用videojs实现视频列表循环播放(完整代码)

    本篇文章给大家带来的内容是关于如何利用videojs实现视频列表循环播放(完整代码),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助. 庭审直播 .video-js { /* posit ...

  7. python下载某短视频平台音视频、评论、点赞数(详细教程,文末附完整代码

    前言 整理一下python在抖音网页版的应用 以抓取一个视频及评论为例进行讲解 获取视频 url 随便找一个视频,点击进入详情,页面中地址栏里就是该视频的 url . 手机端复制链接后,先粘到浏览器地 ...

  8. 深度学习实战案例:基于LSTM的四种方法进行电影评论情感分类预测(附完整代码)

    序列分类是一个预测建模问题,你有一些输入序列,任务是预测序列的类别. 这个问题很困难,因为序列的长度可能不同,包含非常大的输入符号词汇表,并且可能需要模型学习输入序列中符号之间的长期上下文或依赖关系. ...

  9. 基于机器学习的上证指数、东方股吧的股市评论情感分析 完整代码数据

    视频讲解:基于机器学习的上证指数.东方股吧的股市评论情感分析 完整代码数_哔哩哔哩_bilibili 所使用模型LinearSVC,LogisticReg,SGD,MultinomialNB,KNN, ...

最新文章

  1. 图表 Echarts 3.0 简单使用
  2. python的设计哲学_Python 的设计哲学
  3. 影响网站转化率的10大误区(上)
  4. git 拉取远程分支及修改远程仓库地址
  5. 命犯编程!因为名字特殊,她被苹果封了 6 个月
  6. PHP三维数组变一维
  7. smarty模板引擎(一)基础知识
  8. linux下搭建DNS子域及相关授权详解
  9. VS2012一打开就停止工作的解决方法
  10. ubuntu16.04中ROS-Kinetic安装Arbotix
  11. 达芬奇调色软件 18 for Mac
  12. cudnn下载 cudnn-11.1-linux-x64-v8.0.4.30.tgz
  13. 计算机怎么把日历和时间放到桌面上,怎么把日历放到电脑桌面
  14. 百趣生物受邀参加代谢组学及脂质组学质谱技术研讨会
  15. 制作u盘winpe启动盘_RUFUS.小巧的U盘启动盘制作工具
  16. 支付宝-电脑网站支付并跳转页面
  17. 验证码短信收不到的原因及解决办法
  18. 存储公司芯天下IPO上市申请获受理---义嘉泰骄傲的合作伙伴
  19. CXF 客户端报错 No conduit initiator was found for the namespace http://schema
  20. 仿真或极简,用户界面的美丽与哀愁

热门文章

  1. 对Plist文件拆分为单图
  2. cache高速缓冲器
  3. 计算机收藏夹里面桌面不见了怎么办,win10系统电脑收藏夹不见了怎么办
  4. 关于个微IPAD协议api
  5. TS文件用vlc播放,seek灰屏问题研究
  6. windows USB读卡器驱动详解
  7. 最简单的 libVLC 播放器
  8. 腾讯云服务器重庆地域和成都地域区别及哪个更好
  9. 第2课:郭盛华课程_VB编程之常用重要函数
  10. 雨量预警广播自动化数据平台BWII 型广播预警监测仪