집 >웹 프론트엔드 >HTML 튜토리얼 >HTML 웹 페이지에서 logo.ico 구현에 대한 자세한 소개

HTML 웹 페이지에서 logo.ico 구현에 대한 자세한 소개

黄舟원래의: 2017-05-27 14:40:492100검색

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>

첨부 1:

이 사진은 jpg 형식이며 온라인에서 무료로 ico 형식으로 디자인할 수 있습니다.

첨부 2:

렌더링은 다음과 같습니다:

위 내용은 HTML 웹 페이지에서 logo.ico 구현에 대한 자세한 소개의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명：

이전 기사：HTML의 메타 태그에 대한 요약 및 자세한 설명다음 기사：HTML의 메타 태그에 대한 요약 및 자세한 설명