logo.ico在html网页中的实现

<!doctype html>
<html>
<head>
<meta charset="utf-8"/>
<title>英雄联盟_百度百科</title>

<link rel="icon" href="D:/BaiduNetdiskDownload/doc/images/logo.ico" mce_href="D:/BaiduNetdiskDownload/doc/images/logo.ico" type="image/x-icon">
<!-- 此种方法是绝对地址 指向ico图片的位置  附图见文档底部-->
<!-- <link href="logo.ico" rel="shortcut icon" type="image/x-icon"/> -->
<!-- 此种方法是 ico照片在同级目录下-->
<style></style>
</head>
<body>
<!-- logo区 -->
<div style="width:960px;margin:0 auto;">
<img src="D:/BaiduNetdiskDownload/doc/images/lol.png"/>

<!-- 附图一个在底部-->
</div>
<!-- 内容区 -->
<div style="border:1px solid gray;width:960px;margin:0 auto;">
<h1>英雄联盟</h1>
<p>&nbsp;&nbsp;&nbsp;&nbsp;《英雄联盟》(简称lol)是由美国<u>Riot Games</u>开发,<b>腾讯</b>游戏运营的英雄对战网游。 《英雄联盟》除了即时战略、团队作战外,还拥有特色的英雄、自动匹配的战网平台,包括天赋树、召唤师系统、符文等元素。</p>
<table width="70%">
<tr>
<td>中文名</td>
<td>英雄联盟</td>
<td>发行商</td>
<td>腾讯游戏</td>
</tr>
<tr>
<td>其他名称</td>
<td>撸啊撸、lol</td>
<td>发行日期</td>
<td>2011年9月22日</td>
</tr>
<tr>
<td>游戏类型</td>
<td>策略、角色扮演、竞技、团队合作</td>
<td>玩家人数</td>
<td>多人</td>
</tr>
<tr>
<td>游戏平台</td>
<td>PC</td>
<td>游戏画面</td>
<td>3D</td>
</tr>
</table>
<h2>目录</h2>
<ol>
<li>
<a href="#game_bg">游戏背景</a>
<ul>
<li>战争学院</li>
<li>德玛西亚</li>
</ul>
</li>
<li>
<a href="#game_sys">游戏系统</a>
<ul>
<li>天赋系统</li>
<li>符文系统</li>
</ul>
</li>
</ol>
<h2><a name="game_bg">1、游戏背景</a></h2>
<h3>战争学院</h3>
<p>aaaaa</p>
<p>bbbbb</p>
<h3>德玛西亚</h3>
<p>ccccc</p>
<h2><a name="game_sys">2、游戏系统</a></h2>
<h3>天赋系统</h3>
<p>111</p>
<p>222</p>
<p>333</p>
<p>444</p>
<h3>符文系统</h3>
<p>111</p>
<p>222</p>
</div>
<!-- 版权区 -->
<div style="width:960px;margin:0 auto;">
<p align="center">
? 2017 weq 使用前必读 | 百科协议 | 百科合作平台
</p>
</div>
</body>
</html>

附图一:

此图为jpg格式,可在网上免费在线设计成ico格式

附图二:

效果图如下:

时间: 2024-10-03 13:22:31

logo.ico在html网页中的实现的相关文章

怎么在网页中加入ICO图标

1.首先制作一个16x16的icon图标,命名为cssbbs.ico(这里的名字可以随便改!),放在根目录下.2.然后将下面的代码嵌入head区:<link rel="icon" href="cssbbs.ico" type="image/x-icon" /><link rel="shortcut icon" href="cssbbs.ico" type="image/x-ico

css网页中设置背景图片的方法详解

css网页中设置背景图片的方法详解 在css代码中设置背景图片的方法,包括背景图片.背景重复.背景固定.背景定位等 用css设置网页中的背景图片,主要有如下几个属性: 1,背景颜色 {background-color:数值}2,背景图片 {background-image: url(URL)|none}3,背景重复 {background-repeat:inherit|no-repeat|repeat|repeat-x|repeat-y}4,背景固定 {background-attachment

使用CKplayer插件在网页中嵌入视频的方法(常用笔记2)

在做网站中有时候我们需要在网页中嵌入视频,一般视频嵌入有以下几种方法: 1. 优酷代码嵌入 优点:简单,方便,可靠. 缺点:有广告,现在的网站非常注重用户体验,如果打开一个在线视频是有长广告的一定会崩溃的. 2. 利用<object>标签嵌入视频 优点:也比较方便,对于swf来说不错. 缺点:如果播放的是wmv格式,利用Chrome打开就搞笑了,有时候会提示你安装media player插件,有时候连个提醒都没有.也就是说跨浏览器的能力不足. 不同的视频格式还有不一样的代码,太繁琐. 3. 利

C# 网络编程之webBrowser获取网页url和下载网页中图片

该文章主要是通过C#网络编程的webBrowser获取网页中的url并简单的尝试下载网页中的图片,主要是为以后网络开发的基础学习.其中主要的通过应用程序结合网页知识.正则表达式实现浏览.获取url.下载图片三个功能.而且很清晰的解析了每一步都是以前一步为基础实现的. 一.界面设计 界面设计如下图所示,添加控件如图,设置webBrowser1其Anchor属性为Top.Bottom.Left.Right,实现对话框缩放;设置groupBox1其Dock(定义要绑到容器控件的边框)为Buttom,实

Web网页中添加视频播放处理

最近刚好做一个网站视频播放的功能,在此总结: 自己的方法(支持mp4,ogg,mvk格式): <%--宣传视频--%> <!-- One Third Box Start --> <%--属性 值 描述--%> <%--autoplay autoplay 如果出现该属性,则视频在就绪后马上播放.--%> <%--controls controls 如果出现该属性,则向用户显示控件,比如播放按钮.--%> <%--height pixels 设

C#加载网页中的图片

需求:在winform程序中加载网页中的验证码 1.打开网页,获取到网页中img的src属性,得到的是图片的base64编码字符串: string base64string= webBrowser1.Document.All["yzm_img"].GetAttribute("src"); 2.将字符串转换为图片: byte[] b = Convert.FromBase64String(base64string); MemoryStream ms = new Memo

一个用来提取网页中图片的小工具

public Array MatchHtml(string html,string com) { List<string> urls = new List<string>(); html = html.ToLower(); //获取SRC标签中的URL Regex regexSrc = new Regex("src=\"[^\"]*[(.jpg)(.png)(.gif)(.bmp)(.ico)]\""); foreach(Match

html在网页中嵌套视频

1.avi格式代码片断如下:<object id="video" width="400" height="200" border="0" classid="clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA"><param name="ShowDisplay" value="0"><param name=

Dreamweaver中用css载入bg-image图片在设计栏不出现但可在网页中正常显示

刚开始以为是dreamweaver软件自身问题,但重启几次软件之后发现不是软件问题,检查css语法也没有问题,又以为是css中某些div遮住了图片,去掉有可能影响图片的div后,发现问题仍在,最后只能去html中寻找问题原因,最终发现少写了</div>,调整后可正常显示. 代码: <div class="divContent"> <div class="divTable"> </div> 修改: <div cla