一、HTML基础入门，从零开始，快速掌握网页制作技巧
1. HTML概述
HTML（HyperText Markup Language，超文本标记语言）是构建网页的基础，它使用一系列标签来描述网页的内容和结构。作为零基础的初学者，了解HTML的基本概念和结构是至关重要的。
2. HTML基础语法
HTML的基础语法相对简单，主要包括标签的嵌套、属性的使用等。下面列举一些常用的HTML标签：
- ``：定义整个HTML文档。
- ``：包含文档的元数据，如标题、样式等。
- ``：包含网页的主体内容。
- `
`：定义网页的标题，显示在浏览器标签页上。
- `<h1>`~`<h6>`：定义标题，`<h1>`表示最高级别的标题，`<h6>`表示最低级别的标题。
- `<p>`：定义段落。
- `<a>`：定义超链接，用于跳转到其他页面或资源。
3. HTML布局与样式
HTML布局主要涉及如何将网页元素进行排列和定位。下面列举一些常用的布局方法：
- `<div>`：定义一个区域，用于布局。
- `<span>`：定义行内元素，用于行内布局。
- `<table>`：定义表格，用于展示数据。
- `<tr>`：定义表格行。
- `<td>`：定义表格单元格。
样式主要通过CSS（Cascading Style Sheets，层叠样式表）来实现。下面列举一些常用的CSS属性：
- `color`：定义文本颜色。
- `background-color`：定义背景颜色。
- `font-size`：定义字体大小。
- `margin`：定义元素的外边距。
- `padding`：定义元素的内边距。
4. HTML表格与表单
表格用于展示数据，表单用于收集用户输入。下面列举一些常用的表格和表单标签：
- `<table>`：定义表格。
- `<tr>`：定义表格行。
- `<td>`：定义表格单元格。
- `<form>`：定义表单。
- `<input>`：定义输入字段。
- `<select>`：定义下拉列表。
- `<option>`：定义下拉列表中的选项。
5. HTML多媒体元素
HTML支持多种多媒体元素，如**、音频、**等。下面列举一些常用的多媒体标签：
- `<img>`：定义**。
- `<audio>`：定义音频。
- `<video>`：定义**。
6. HTML常用API
HTML5引入了许多常用的API，如Geolocation（地理位置）、Web Storage（Web存储）、Canvas（画布）等。下面列举一些常用的API：
- `navigator.geolocation`：获取地理位置信息。
- `localStorage`和`sessionStorage`：存储数据。
- `Canvas`：在网页上绘制图形。
二、QA问答
Q：如何学习HTML？
A：学习HTML可以从以下几个方面入手：阅读相关书籍、**教学**、实践操作。建议先了解HTML的基本概念和语法，然后通过编写简单的网页来巩固所学知识。
Q：HTML和CSS有什么区别？
A：HTML主要**网页的结构，而CSS主要**网页的样式。简单来说，HTML是网页的骨架，CSS是网页的装饰。
Q：HTML表格如何嵌套？
A：在HTML表格中，可以通过将一个表格放在另一个表格的单元格中来实现嵌套。需要注意的是，嵌套的表格可能需要调整宽度，以保证布局美观。
以上就是HTML零基础入门教程的主要内容。希望这篇文章能帮助你快速掌握HTML基础，为你的网页制作之路奠定坚实基础。 </div>
<nav class="article-nav fp2e1e9deb" style="margin-top:32px;padding-top:20px;border-top:1px solid var(--theme-border);font-size:14px;line-height:2;">
<div>
上一篇:
<a href="http://tanruyi.com/mobilegame/acZD55X.html" title="要塞十字军东征最强兵种" rel="prev">要塞十字军东征最强兵种</a>
</div>
<div>
下一篇:
<a href="http://tanruyi.com/mobilegame/a9lJFE6.html" title="18小英雄雨来听课记录" rel="next">18小英雄雨来听课记录</a>
</div>
</nav>
</article>
<style>
.article-more {
margin-top:24px;
background:#fff;
border:1px solid var(--theme-border);
border-radius:var(--theme-radius);
box-shadow:var(--theme-shadow);
padding:24px 28px;
font-size:14px;
}
.article-more__nav { display:flex; border-bottom:1px solid var(--theme-border); margin-bottom:14px; }
.article-more__tab { padding:8px 16px; cursor:pointer; color:var(--theme-text-muted); border-bottom:2px solid transparent; margin-bottom:-1px; user-select:none; font-weight:500; }
.article-more__tab:hover { color:var(--theme-text, inherit); }
#amtab-related:checked ~ .article-more__nav label[for="amtab-related"] { color:var(--theme-text, inherit); border-bottom-color:var(--theme-accent, #5b9bff); }
#amtab-recommend:checked ~ .article-more__nav label[for="amtab-recommend"] { color:var(--theme-text, inherit); border-bottom-color:var(--theme-accent, #5b9bff); }
.article-more__panel { display:none; list-style:none; padding:0; margin:0; line-height:1.7; }
#amtab-related:checked ~ .article-more__panel--related,
#amtab-recommend:checked ~ .article-more__panel--recommend {
display:grid;
grid-template-columns:repeat(2, minmax(0, 1fr));
column-gap:24px;
row-gap:2px;
}
.article-more__panel li { padding:4px 0; min-width:0; }
.article-more__panel a { color:inherit; text-decoration:none; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.article-more__panel a:hover { text-decoration:underline; }
.article-more__panel--recommend a { font-family:ui-monospace, SFMono-Regular, Menlo, monospace; font-size:13px; }
.article-more__empty { color:var(--theme-text-muted); font-size:13px; grid-column:1 / -1; }
@media (max-width:640px) {
.article-more { padding:18px 20px; }
#amtab-related:checked ~ .article-more__panel--related,
#amtab-recommend:checked ~ .article-more__panel--recommend { grid-template-columns:1fr; }
}
</style>
<section class="article-more fpb2d0b46a" aria-label="更多文章">
<input type="radio" name="article-more-tab" id="amtab-related" checked hidden>
<input type="radio" name="article-more-tab" id="amtab-recommend" hidden>
<div class="article-more__nav fpc01c2b90" role="tablist">
<label for="amtab-related" class="article-more__tab fp9968930c" role="tab">相关文章</label>
<label for="amtab-recommend" class="article-more__tab fp9968930c" role="tab">推荐URL</label>
</div>
<ul class="article-more__panel article-more__panel--related fp6907cd5f fp23604470" role="tabpanel" aria-labelledby="amtab-related">
<li><a href="http://tanruyi.com/mobilegame/a0Qdt74.html" title="现在最火的游戏软件有哪些">现在最火的游戏软件有哪些</a></li>
<li><a href="http://tanruyi.com/mobilegame/agWCvAl.html" title="兔子可以带铃铛吗">兔子可以带铃铛吗</a></li>
<li><a href="http://tanruyi.com/mobilegame/afBHir5.html" title="斗鱼2剧情介绍">斗鱼2剧情介绍</a></li>
<li><a href="http://tanruyi.com/mobilegame/a6YSfTR.html" title="绝地求生国际服雪地防空洞在哪里">绝地求生国际服雪地防空洞在哪里</a></li>
<li><a href="http://tanruyi.com/mobilegame/aQgNxS5.html" title="欧洲有多少个国家">欧洲有多少个国家</a></li>
<li><a href="http://tanruyi.com/mobilegame/aKltCkH.html" title="哪个云游戏平台可以玩2k21">哪个云游戏平台可以玩2k21</a></li>
<li><a href="http://tanruyi.com/mobilegame/aMZ7NZb.html" title="紫色房间搭配什么颜色窗帘">紫色房间搭配什么颜色窗帘</a></li>
<li><a href="http://tanruyi.com/mobilegame/aIKqxXW.html" title="变形金刚6为什么停拍">变形金刚6为什么停拍</a></li>
<li><a href="http://tanruyi.com/mobilegame/aH13HEj.html" title="弹弹堂客服电话是多少">弹弹堂客服电话是多少</a></li>
<li><a href="http://tanruyi.com/mobilegame/agpC43Z.html" title="毒王刷图加点">毒王刷图加点</a></li>
<li><a href="http://tanruyi.com/mobilegame/aIdu4Gf.html" title="洛克王国时间到了还能打啥">洛克王国时间到了还能打啥</a></li>
<li><a href="http://tanruyi.com/mobilegame/aeJxjGl.html" title="极品飞车20是哪个城市">极品飞车20是哪个城市</a></li>
<li><a href="http://tanruyi.com/mobilegame/aEQH6W5.html" title="好玩的免费网游单机游戏">好玩的免费网游单机游戏</a></li>
<li><a href="http://tanruyi.com/mobilegame/a5RAq5r.html" title="生化危机启示录秘籍">生化危机启示录秘籍</a></li>
<li><a href="http://tanruyi.com/mobilegame/aaFH3RP.html" title="洛克王国北辰平民星辰塔怎么打">洛克王国北辰平民星辰塔怎么打</a></li>
<li><a href="http://tanruyi.com/mobilegame/ah4kCTC.html" title="密室逃脱游乐园11攻略第十章">密室逃脱游乐园11攻略第十章</a></li>
<li><a href="http://tanruyi.com/mobilegame/an2DXoB.html" title="gba游戏怎么安装">gba游戏怎么安装</a></li>
<li><a href="http://tanruyi.com/mobilegame/ab7ZQeC.html" title="lol河流之王技能介绍">lol河流之王技能介绍</a></li>
<li><a href="http://tanruyi.com/mobilegame/a5lEYQX.html" title="冒险岛枫叶哪里刷">冒险岛枫叶哪里刷</a></li>
<li><a href="http://tanruyi.com/mobilegame/aWPcDK0.html" title="适合五年级的数学游戏有哪些">适合五年级的数学游戏有哪些</a></li>
</ul>
<ul class="article-more__panel article-more__panel--recommend fp6907cd5f fp89ce83e4" role="tabpanel" aria-labelledby="amtab-recommend">
<li><a href="http://tanruyi.com/singlegame/aw90qAu.html" title="鹿鼎记药师专精怎么加点">http://tanruyi.com/singlegame/aw90qAu.html</a></li>
<li><a href="http://tanruyi.com/gamereview/afBgQco.html" title="丑丑鱼什么时候进化好">http://tanruyi.com/gamereview/afBgQco.html</a></li>
<li><a href="http://tanruyi.com/gameperiphery/aLVZCFI.html" title="仙境传说ro守护永恒的爱英雄职业">http://tanruyi.com/gameperiphery/aLVZCFI.html</a></li>
<li><a href="http://tanruyi.com/singlegame/a3pUXNG.html" title="我的世界生存末地传送门怎么做">http://tanruyi.com/singlegame/a3pUXNG.html</a></li>
<li><a href="http://tanruyi.com/esports/a80rOnA.html" title="植物大战僵尸9999阳光版无限金币">http://tanruyi.com/esports/a80rOnA.html</a></li>
<li><a href="http://tanruyi.com/hotgame/aVUkGal.html" title="荒野大镖客2怎么存档">http://tanruyi.com/hotgame/aVUkGal.html</a></li>
<li><a href="http://tanruyi.com/gameperiphery/aamH7G2.html" title="全面战争战锤2攻略">http://tanruyi.com/gameperiphery/aamH7G2.html</a></li>
<li><a href="http://tanruyi.com/singlegame/an50a4Q.html" title="蒸汽平台是什么">http://tanruyi.com/singlegame/an50a4Q.html</a></li>
<li><a href="http://tanruyi.com/hotgame/a8yO6Pw.html" title="钢铁雄心4增加装备">http://tanruyi.com/hotgame/a8yO6Pw.html</a></li>
<li><a href="http://tanruyi.com/hotgame/aH2uOGg.html" title="赛尔号精灵在哪里进化">http://tanruyi.com/hotgame/aH2uOGg.html</a></li>
<li><a href="http://tanruyi.com/singlegame/aZnf7Ur.html" title="好玩的手机网游国外">http://tanruyi.com/singlegame/aZnf7Ur.html</a></li>
<li><a href="http://tanruyi.com/singlegame/azMGxGe.html" title="古墓丽影10配置要求比9高的多吗">http://tanruyi.com/singlegame/azMGxGe.html</a></li>
<li><a href="http://tanruyi.com/singlegame/an8vIYT.html" title="超级英雄大乱斗">http://tanruyi.com/singlegame/an8vIYT.html</a></li>
<li><a href="http://tanruyi.com/esports/axycQzB.html" title="麻辣报复剧情介绍">http://tanruyi.com/esports/axycQzB.html</a></li>
<li><a href="http://tanruyi.com/singlegame/avCKoZF.html" title="传动力工作室为什么不更新了">http://tanruyi.com/singlegame/avCKoZF.html</a></li>
<li><a href="http://tanruyi.com/hotgame/aq9lCQu.html" title="勇者传说2022礼包码大全">http://tanruyi.com/hotgame/aq9lCQu.html</a></li>
<li><a href="http://tanruyi.com/esports/ar65fAW.html" title="掘金勇士小游戏还有别的名字吗">http://tanruyi.com/esports/ar65fAW.html</a></li>
<li><a href="http://tanruyi.com/hotgame/aLgx5G9.html" title="洛克王国的最强宠物">http://tanruyi.com/hotgame/aLgx5G9.html</a></li>
<li><a href="http://tanruyi.com/hotgame/aIRDluD.html" title="dnf圣者之鸣号前置任务">http://tanruyi.com/hotgame/aIRDluD.html</a></li>
<li><a href="http://tanruyi.com/hotgame/auO6f3G.html" title="少年冒险王手游宠物怎么放生">http://tanruyi.com/hotgame/auO6f3G.html</a></li>
</ul>
</section>
</div>
<aside class="aside fpe0600fb6">
<section class="widget widget--ranked fpc5af9347 fpae342d64">
<h3 class="widget__title fpaf7bd7b5">热门排行</h3>
<div class="widget__body fp33bf0c4f">
<ul class="widget__list fp4adf803d">
<li><a href="http://tanruyi.com/gamereview/aIRR0b6.html" title="神秘的海域2攻略">神秘的海域2攻略</a></li>
<li><a href="http://tanruyi.com/gameperiphery/ayDI6mD.html" title="美人鱼游戏怎么玩">美人鱼游戏怎么玩</a></li>
<li><a href="http://tanruyi.com/hotgame/a7yAg6Y.html" title="4399充一元多少vip积分">4399充一元多少vip积分</a></li>
<li><a href="http://tanruyi.com/gamereview/aDLan0R.html" title="阿尔萨斯人气为什么那么高">阿尔萨斯人气为什么那么高</a></li>
<li><a href="http://tanruyi.com/singlegame/akUgRDX.html" title="生化危机2重制版里图文全攻略">生化危机2重制版里图文全攻略</a></li>
<li><a href="http://tanruyi.com/gamereview/agSMLpg.html" title="全面三国战争">全面三国战争</a></li>
<li><a href="http://tanruyi.com/singlegame/aAaFErs.html" title="侏罗纪世界上映时间">侏罗纪世界上映时间</a></li>
<li><a href="http://tanruyi.com/mobilegame/aFypzs5.html" title="魔兽争霸3最厉害的英雄">魔兽争霸3最厉害的英雄</a></li>
<li><a href="http://tanruyi.com/esports/am3tvr7.html" title="双人旋转赛车是rpg游戏吗">双人旋转赛车是rpg游戏吗</a></li>
<li><a href="http://tanruyi.com/esports/aYzlqdi.html" title="英雄联盟绝版英雄">英雄联盟绝版英雄</a></li>
</ul>
</div>
</section>
<section class="widget fpc5af9347">
<h3 class="widget__title fpaf7bd7b5">最新更新</h3>
<div class="widget__body fp33bf0c4f">
<ul class="widget__list fp4adf803d">
<li><a href="http://tanruyi.com/mobilegame/auiXQ8h.html" title="dnf没用的卡片怎么处理">dnf没用的卡片怎么处理</a></li>
<li><a href="http://tanruyi.com/hotgame/ajf88xx.html" title="灵魂武器角色">灵魂武器角色</a></li>
<li><a href="http://tanruyi.com/mobilegame/aU3syJt.html" title="子弹风暴攻略360版">子弹风暴攻略360版</a></li>
<li><a href="http://tanruyi.com/esports/aiSQg3A.html" title="cemu模拟器怎么用手柄">cemu模拟器怎么用手柄</a></li>
<li><a href="http://tanruyi.com/singlegame/arnuZAG.html" title="剑灵冰库怎么不被冻住">剑灵冰库怎么不被冻住</a></li>
<li><a href="http://tanruyi.com/hotgame/aGf3ZEv.html" title="地下城冒险团助力怎么玩">地下城冒险团助力怎么玩</a></li>
<li><a href="http://tanruyi.com/gamereview/aVMieNr.html" title="心跳回忆2人物介绍">心跳回忆2人物介绍</a></li>
<li><a href="http://tanruyi.com/hotgame/aVTbTpz.html" title="手游平台排行榜前十名">手游平台排行榜前十名</a></li>
<li><a href="http://tanruyi.com/esports/aWfjjfl.html" title="英雄联盟手游火男出装铭文">英雄联盟手游火男出装铭文</a></li>
<li><a href="http://tanruyi.com/mobilegame/aykyIwu.html" title="英雄联盟云顶之弈阵容搭配图2022最新版本">英雄联盟云顶之弈阵容搭配图2022最新版本</a></li>
</ul>
</div>
</section>
</aside>
</div>
</div>
</main>
<footer class="site-footer fp78b68d7e">
<div class="container fp926384a2">
<nav class="initial-nav fp37cfbd62" aria-label="按首字母浏览" style="margin:10px 0;padding:8px 0;font-size:13px;line-height:1.6;color:#9ca3af;">
<span style="margin-right:6px;color:#9ca3af;">按首字母浏览：</span>
<a class="initial-nav__on fpe1b6448f" href="http://tanruyi.com/initial/a.html" data-cnt="2891" title="共 2891 篇" style="display:inline-block;min-width:22px;padding:0 6px;text-align:center;color:#d1d5db;text-decoration:none;">A</a>
<a class="initial-nav__on fpe1b6448f" href="http://tanruyi.com/initial/b.html" data-cnt="2915" title="共 2915 篇" style="display:inline-block;min-width:22px;padding:0 6px;text-align:center;color:#d1d5db;text-decoration:none;">B</a>
<a class="initial-nav__on fpe1b6448f" href="http://tanruyi.com/initial/c.html" data-cnt="3568" title="共 3568 篇" style="display:inline-block;min-width:22px;padding:0 6px;text-align:center;color:#d1d5db;text-decoration:none;">C</a>
<a class="initial-nav__on fpe1b6448f" href="http://tanruyi.com/initial/d.html" data-cnt="8565" title="共 8565 篇" style="display:inline-block;min-width:22px;padding:0 6px;text-align:center;color:#d1d5db;text-decoration:none;">D</a>
<a class="initial-nav__on fpe1b6448f" href="http://tanruyi.com/initial/e.html" data-cnt="753" title="共 753 篇" style="display:inline-block;min-width:22px;padding:0 6px;text-align:center;color:#d1d5db;text-decoration:none;">E</a>
<a class="initial-nav__on fpe1b6448f" href="http://tanruyi.com/initial/f.html" data-cnt="2200" title="共 2200 篇" style="display:inline-block;min-width:22px;padding:0 6px;text-align:center;color:#d1d5db;text-decoration:none;">F</a>
<a class="initial-nav__on fpe1b6448f" href="http://tanruyi.com/initial/g.html" data-cnt="3407" title="共 3407 篇" style="display:inline-block;min-width:22px;padding:0 6px;text-align:center;color:#d1d5db;text-decoration:none;">G</a>
<a class="initial-nav__on fpe1b6448f" href="http://tanruyi.com/initial/h.html" data-cnt="5542" title="共 5542 篇" style="display:inline-block;min-width:22px;padding:0 6px;text-align:center;color:#d1d5db;text-decoration:none;">H</a>
<a class="initial-nav__on fpe1b6448f" href="http://tanruyi.com/initial/i.html" data-cnt="232" title="共 232 篇" style="display:inline-block;min-width:22px;padding:0 6px;text-align:center;color:#d1d5db;text-decoration:none;">I</a>
<a class="initial-nav__on fpe1b6448f" href="http://tanruyi.com/initial/j.html" data-cnt="4711" title="共 4711 篇" style="display:inline-block;min-width:22px;padding:0 6px;text-align:center;color:#d1d5db;text-decoration:none;">J</a>
<a class="initial-nav__on fpe1b6448f" href="http://tanruyi.com/initial/k.html" data-cnt="1776" title="共 1776 篇" style="display:inline-block;min-width:22px;padding:0 6px;text-align:center;color:#d1d5db;text-decoration:none;">K</a>
<a class="initial-nav__on fpe1b6448f" href="http://tanruyi.com/initial/l.html" data-cnt="6257" title="共 6257 篇" style="display:inline-block;min-width:22px;padding:0 6px;text-align:center;color:#d1d5db;text-decoration:none;">L</a>
<a class="initial-nav__on fpe1b6448f" href="http://tanruyi.com/initial/m.html" data-cnt="6458" title="共 6458 篇" style="display:inline-block;min-width:22px;padding:0 6px;text-align:center;color:#d1d5db;text-decoration:none;">M</a>
<a class="initial-nav__on fpe1b6448f" href="http://tanruyi.com/initial/n.html" data-cnt="1988" title="共 1988 篇" style="display:inline-block;min-width:22px;padding:0 6px;text-align:center;color:#d1d5db;text-decoration:none;">N</a>
<a class="initial-nav__on fpe1b6448f" href="http://tanruyi.com/initial/o.html" data-cnt="164" title="共 164 篇" style="display:inline-block;min-width:22px;padding:0 6px;text-align:center;color:#d1d5db;text-decoration:none;">O</a>
<a class="initial-nav__on fpe1b6448f" href="http://tanruyi.com/initial/p.html" data-cnt="1876" title="共 1876 篇" style="display:inline-block;min-width:22px;padding:0 6px;text-align:center;color:#d1d5db;text-decoration:none;">P</a>
<a class="initial-nav__on fpe1b6448f" href="http://tanruyi.com/initial/q.html" data-cnt="2945" title="共 2945 篇" style="display:inline-block;min-width:22px;padding:0 6px;text-align:center;color:#d1d5db;text-decoration:none;">Q</a>
<a class="initial-nav__on fpe1b6448f" href="http://tanruyi.com/initial/r.html" data-cnt="1427" title="共 1427 篇" style="display:inline-block;min-width:22px;padding:0 6px;text-align:center;color:#d1d5db;text-decoration:none;">R</a>
<a class="initial-nav__on fpe1b6448f" href="http://tanruyi.com/initial/s.html" data-cnt="12021" title="共 12021 篇" style="display:inline-block;min-width:22px;padding:0 6px;text-align:center;color:#d1d5db;text-decoration:none;">S</a>
<a class="initial-nav__on fpe1b6448f" href="http://tanruyi.com/initial/t.html" data-cnt="3358" title="共 3358 篇" style="display:inline-block;min-width:22px;padding:0 6px;text-align:center;color:#d1d5db;text-decoration:none;">T</a>
<a class="initial-nav__on fpe1b6448f" href="http://tanruyi.com/initial/u.html" data-cnt="71" title="共 71 篇" style="display:inline-block;min-width:22px;padding:0 6px;text-align:center;color:#d1d5db;text-decoration:none;">U</a>
<a class="initial-nav__on fpe1b6448f" href="http://tanruyi.com/initial/v.html" data-cnt="88" title="共 88 篇" style="display:inline-block;min-width:22px;padding:0 6px;text-align:center;color:#d1d5db;text-decoration:none;">V</a>
<a class="initial-nav__on fpe1b6448f" href="http://tanruyi.com/initial/w.html" data-cnt="4587" title="共 4587 篇" style="display:inline-block;min-width:22px;padding:0 6px;text-align:center;color:#d1d5db;text-decoration:none;">W</a>
<a class="initial-nav__on fpe1b6448f" href="http://tanruyi.com/initial/x.html" data-cnt="5601" title="共 5601 篇" style="display:inline-block;min-width:22px;padding:0 6px;text-align:center;color:#d1d5db;text-decoration:none;">X</a>
<a class="initial-nav__on fpe1b6448f" href="http://tanruyi.com/initial/y.html" data-cnt="7387" title="共 7387 篇" style="display:inline-block;min-width:22px;padding:0 6px;text-align:center;color:#d1d5db;text-decoration:none;">Y</a>
<a class="initial-nav__on fpe1b6448f" href="http://tanruyi.com/initial/z.html" data-cnt="6137" title="共 6137 篇" style="display:inline-block;min-width:22px;padding:0 6px;text-align:center;color:#d1d5db;text-decoration:none;">Z</a>
<a class="initial-nav__on fpe1b6448f" href="http://tanruyi.com/initial/hash.html" data-cnt="3075" title="共 3075 篇" style="display:inline-block;min-width:22px;padding:0 6px;text-align:center;color:#d1d5db;text-decoration:none;">#</a>
</nav>
<div class="copyright fpbd0d2585">
<div>
© 2026 谭如意.
<a href="https://beian.miit.gov.cn/" target="_blank" rel="nofollow">蜀ICP备2026004936号-11</a>
</div>
<div>
<a href="/update">最近更新</a>
<span class="sep fpc0748b02" style="margin:0 8px;color:#4b5563;">·</span>
<a href="http://tanruyi.com/sitemap.xml" title="网站地图" rel="sitemap">网站地图</a>
</div>
</div>
</div>
</footer>
<script src="/js/pulse.js" defer></script>
</body>
</html>