1. 程式人生 > >logo.ico在html網頁中的實現

logo.ico在html網頁中的實現

元素 美國 其他 對戰 cnblogs img 多人 load mar

<!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格式

附圖二:

技術分享

效果圖如下:

技術分享

logo.ico在html網頁中的實現