首頁 > web前端 > html教學 > html網頁中實作logo.ico的詳細介紹

html網頁中實作logo.ico的詳細介紹

黄舟
發布: 2017-05-27 14:40:49
原創
2098 人瀏覽過

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>    《英雄联盟》(简称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格式

附圖二:

##效果圖如下:

以上是html網頁中實作logo.ico的詳細介紹的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板