ico图标完整代码+列表+评论框

news/2024/11/15 7:05:19/

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>&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="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>



 


http://www.ppmy.cn/news/584624.html

相关文章

ico图标格式

什么是ICO&#xff1f; 跟据维基百科显示&#xff0c;ICO&#xff0c;图标格式&#xff0c;即指英语的“icon”&#xff0c;是一种用于图标显示的图片格式&#xff0c;也是windows的图标文件。除了一般图片常见的颜色外&#xff0c;一般还用调色板定义了透明色和反色。 常见尺…

ico图标制作的在线工具

最近在网上发现一个ico图标制作的在线工具&#xff0c;它可以制作普通网站ico图标&#xff0c;也可以制作windows桌面专用的ico图标文件&#xff0c;非常方便快捷&#xff0c;一点点图片处理的专业知识都不需要了:智能压缩图片,ico图标制作,生成圆角图,制作圆形图等在线图片处理…

.ico 图标下载网站推荐

.ico 图标下载网站推荐 爱给 在线制作 ico 图标 做好图&#xff08;在线制作 ico 图标&#xff09; 矢量图标推荐网站 在推荐的网站上下载好 .png 样式的矢量图标&#xff0c;再用上面的图形转换网站转换为 .ico 样式的图标即可。 icon 图标之家 INCONFINDER ICONFINDEF…

获取网站url ico小图标

这两天在写网页&#xff0c;页面内容都差不多了&#xff0c;但是总感觉缺点什么&#xff0c;然后想起别人的网站都有个小图标&#xff0c;所以也想给自己搞一个。 获取别人网站的ico小图标 一般大一点的网站ico小图标都不会直接引用ico图标链接&#xff0c;比如这样&#xff…

易语言编写ICO图标提取软件

搭建基本展示界面框架 拖放对象 1.在扩展组件中选择【拖放对象】 2.在【接收文件】中设置真 3. 在【加入事件处理子程序】中选择【得到文件】&#xff0c;然后窗口程序集_启动窗口处会新增子程序【_拖放对象1_得到文件】 ----------------------------------------------------…

网页加载ico图标方法

其实在ico图标引进中&#xff0c;有很多方法&#xff0c;有的是HTML页面&#xff0c;有的是PHP 但是我无意中发现在PHP中引入png格式的ico显示出不来&#xff0c;只有引 ico格式的才可以我也不知道为什么哈&#xff0c;大神勿喷&#xff01;一下是我理解的两种引进ico的方法 语…

EXE高清图标(ico)制作教程

前言 相信很多小伙伴们都会遇到过自己用了一张很高像素的png在网上生成了一个高像素的ico文件&#xff0c;但是放到项目里编译出来后的图标尺寸却很小&#xff0c;做不到像别人的图标那样能高清放大&#xff0c;看完这个教程你也可以做出像图中那样的大图标。 准备工作 1. Ic…