讲师中心 微信公众号
首页
文章
后端开发 web前端 数据库 开发工具 php框架 常见问题 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程 自媒体 新闻
专题
后端开发 web前端 数据库 开发工具 php框架 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程 新闻
AI工具
AI 聊天问答 Agent智能体 AI 文本写作 AI 绘画作图 AI 设计工具 AI 视频创作 AI 音频制作 AI 办公学习 AI 编程开发 Prompt指令
学习
大前端 后端开发 数据库 移动端 运维开发 计算机基础
编程手册
大前端 后端开发 数据库 移动端 运维开发 计算机基础
下载
js特效 网站源码 工具下载 类库下载 网站素材 学习资源 插件扩展 手机游戏
最近更新
首页 > web前端 > html教程 > 正文

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

黄舟
发布： 2017-05-27 14:40:49
原创
2372人浏览过

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;">
@@##@@
<!-- 附图一个在底部-->
</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><span>立即学习</span>“<a href="https://pan.quark.cn/s/cb6835dc7db1" style="text-decoration: underline !important; color: blue; font-weight: bolder;" rel="nofollow" target="_blank">前端免费学习笔记（深入）</a>”；</p>
                    <div class="aritcle_card">
                        <a class="aritcle_card_img" href="/xiazai/code/11184">
                            <img src="https://img.php.cn/upload/webcode/000/000/012/176525641780533.jpg" alt="睿拓智能网站系统-网上商城">
                        </a>
                        <div class="aritcle_card_info">
                            <a href="/xiazai/code/11184">睿拓智能网站系统-网上商城</a>
                            <p>睿拓智能网站系统-网上商城1.0免费版软件大小:5M运行环境：asp+access本版本是永州睿拓信息专为电子商务入门级用户开发的网上电子商城系统，拥有产品发布，新闻发布，在线下单等全部功能，并且正式商用用户可在线提供多个模板更换，可实现一般网店交易所有功能，是中小企业和个人开展个人独立电子商务商城最佳的选择，以下为详细功能介绍：1.最新产品-提供最新产品发布管理修改，和最新产品订单查看2.推荐产</p>
                            <div class="">
                                <img src="/static/images/card_xiazai.png" alt="睿拓智能网站系统-网上商城">
                                <span>0</span>
                            </div>
                        </div>
                        <a href="/xiazai/code/11184" class="aritcle_card_btn">
                            <span>查看详情</span>
                            <img src="/static/images/cardxiayige-3.png" alt="睿拓智能网站系统-网上商城">
                        </a>
                    </div>
                
<p>222</p>
<p>333</p>
<p>444</p>
<h3>符文系统</h3>
<p>111</p><p><span>立即学习</span>“<a href="https://pan.quark.cn/s/cb6835dc7db1" style="text-decoration: underline !important; color: blue; font-weight: bolder;" rel="nofollow" target="_blank">前端免费学习笔记（深入）</a>”；</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的详细介绍的详细内容，更多请关注php中文网其它相关文章！

相关标签：
html

大家都在看：

HTML速学教程(入门课程)
HTML速学教程(入门课程)

HTML怎么学习？HTML怎么入门？HTML在哪学？HTML怎么学才快？不用担心，这里为大家提供了HTML速学教程(入门课程)，有需要的小伙伴保存下载就能学习啦！

下载
来源：php中文网
收藏 点赞
上一篇：HTML中meta标签的总结详解 下一篇：详细介绍html中空链接href="#"与href="javascript:void(0)"的区别
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
作者最新文章
最新问题
html 文件怎么运行_运行html文件通用方法【教程】 1、可通过浏览器直接打开HTML文件预览，右键选择用Chrome等浏览器打开即可；2、也可通过浏览器菜单的“打开文件”功能加载本地HTML文件；3、双击文件可利用系统默认程序快速查看，建议将浏览器设为默认打开工具；4、使用VSCode等编辑器配合“在浏览器中打开”或LiveServer插件实现边写边看；5、对于含JS、CSS或AJAX的复杂页面，应搭建本地服务器运行，如通过Node.js安装live-server工具，在命令行启动服务后访问localhost:8080查看效果。
2025-12-17 11:08:02
154
html如何设置页边_设置HTML页面的边距与内边距【内边距】 可通过CSS的margin和padding属性控制页面内容与窗口边缘及元素边框间距，具体方法包括内联style、标签、外部CSS文件、重置默认值及CSS自定义属性五种方式。
2025-12-17 11:02:02
658
美篇如何转换成html_将美篇文章转换为HTML格式【文章】 美篇文章导出HTML有四种方法：一、用开发者工具复制outerHTML并补全结构；二、通过打印预览另存为HTML；三、用SingleFile等工具批量抓取并打包资源；四、运行JavaScript脚本提取结构化HTML自动下载。
2025-12-17 10:59:32
637
html5如何录视频_HTML5录制视频流API使用指南【录制】 可直接在网页中捕获并录制用户摄像头视频流：先用getUserMedia获取媒体流并预览，再通过MediaRecorderAPI录制为WebM格式，最后合并Blob导出下载；若不支持则回退至Canvas逐帧捕获合成。
2025-12-17 10:49:02
793
html5如何提交表单_HTML5表单数据提交与处理步骤【表单提交】 HTML5表单数据提交有五种方法：一、原生formsubmit；二、JavaScript调用submit()；三、FormData配合fetch；四、监听submit事件并序列化；五、禁用默认提交用AJAX模拟。
2025-12-17 10:46:02
582
html5如何改变世界_HTML5技术如何改变互联网世界【技术】 HTML5通过五大路径重塑互联网：一、原生音视频标签取代插件；二、Canvas与SVG提升图形能力；三、本地存储替代Cookie局限；四、GeolocationAPI实现定位服务；五、语义化标签增强可访问性与SEO。
2025-12-17 10:45:35
341
怎么在notepad 中怎么运行HTML_notepad运行HTML步骤【指南】 首先需将HTML代码保存为.html文件，再通过浏览器查看效果。具体步骤：一、在Notepad中编写代码后点击“文件”→“另存为”，选择保存位置并输入文件名如index.html；二、将“保存为类型”设为“所有文件”，避免保存为.txt格式，点击“保存”；三、找到文件后双击或右键用默认浏览器打开；四、如未正确显示，可手动选择Chrome、Edge等浏览器打开；五、修改代码后重新保存，并在浏览器中按F5刷新查看更新内容。此流程支持反复调试直至页面效果符合预期。
2025-12-17 10:41:02
540
html如何字体变色_使用HTML与CSS更改字体颜色技巧【颜色】 可通过内联style、span标签、内部CSS、外部CSS文件及CSS变量五种方式设置网页文字颜色：分别适用于单元素着色、局部变色、批量控制、多页复用和动态主题切换。
2025-12-17 10:35:15
906
如何清空html_清空HTML页面或元素的所有内容【所有】 需移除HTML元素全部内容时，可用五种DOM操作法：一、innerHTML=""清空结构；二、textContent=""剥离所有子节点；三、replaceChildren()高效清空（现代浏览器）；四、while+removeChild()兼容旧版；五、innerHTML=null等效于空字符串。
2025-12-17 10:30:03
769
html5如何添加歌曲_HTML5添加歌曲步骤与音频嵌入技巧【详解】 HTML5通过标签实现原生音频播放，支持controls、autoplay、loop等属性；可用提供多格式备选；可隐藏控件用JS自定义控制；preload优化加载策略；跨域资源需配置CORS。
2025-12-17 10:26:03
928
相关专题
更多>
热门推荐
开源免费商场系统广告
热门教程
更多>
相关推荐
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网：公益在线php培训，帮助PHP学习者快速成长！
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

  • PHP学习

  • 技术支持

  • 返回顶部