欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

html网页中实现logo.ico的详细介绍

程序员文章站 2022-03-31 19:08:37
...
html网页中实现logo.ico的详细介绍
<!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>

附图一:

html网页中实现logo.ico的详细介绍

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

附图二:

html网页中实现logo.ico的详细介绍

效果图如下:

html网页中实现logo.ico的详细介绍

以上就是html网页中实现logo.ico的详细介绍的详细内容,更多请关注其它相关文章!

相关标签: html,logo.ico