自己如何制作一个网页

自己如何制作一个网页

一、快速掌握网页制作:入门到精通 在数字化时代,掌握网页制作技能显得尤为重要。那么,自己如何制作一个网页呢?本文将带你从零基础入门,一步步掌握网页制作的技巧和精髓。 二、准备制作环境 1. 选择合适的文本编辑器 在开始制作网页之前,首先需要选择一款合适的文本编辑器。常用的文本编辑器有Dreamweaver、Notepad++等。其中,Notepad++是一款免费的文本编辑器,功能强大且易于上手。 2. 了解HTML和CSS基础知识 制作网页的核心是HTML和CSS。HTML负责网页的结构,CSS负责网页的样式。在开始制作网页之前,需要掌握HTML和CSS的基本语法和常用标签。 三、制作网页的步骤 1. 设计网页结构 在设计网页结构时,需要考虑以下几个要素: - 页面标题:使用``标签定义页面标题。 - 页面头部:使用`<head>`标签包含网页的元信息,如描述、关键字等。 - 页面主体:使用`<body>`标签包含网页的内容。 2. 添加网页内容 在页面主体中,可以添加各种内容,如文字、**、表格等。以下是一些常用标签的示例: - 文字:使用`<p>`标签添加段落。 - **:使用`<img>`标签添加**。 - 表格:使用`<table>`标签添加表格。 3. 设置网页样式 在CSS中,可以使用以下属性设置网页样式: - 字体:`font-family`属性。 - 颜色:`color`属性。 - 背景颜色:`background-color`属性。 - 内边距和边框:`padding`和`border`属性。 4. 调试网页 在制作网页过程中,可以使用浏览器自带的开发者工具进行调试。例如,Chrome浏览器的开发者工具可以帮助我们查看网页的DOM结构、网络请求等信息。 四、常见问题解答 Q:如何使网页在手机端也能正常显示? A:可以使用响应式网页设计技术,通过CSS媒体查询来实现。当屏幕尺寸变化时,网页布局会自动调整,以适应不同的设备。 Q:如何将网页上传到互联网? A:首先需要注册一个域名,然后将网页文件上传到相应的服务器。常用的上传工具有FileZilla、Cpanel等。 Q:如何优化网页的搜索引擎排名? A:可以通过以下方法优化网页的搜索引擎排名: - 优化网页标题和描述。 - 合理使用关键词。 - 优化网站结构。 - 提高网页加载速度。 通过以上步骤,相信你已经对如何制作一个网页有了基本的了解。不断实践和总结,相信你会在这个领域取得更好的成绩。 </div> <nav class="article-nav fp9a9208de" style="margin-top:32px;padding-top:20px;border-top:1px solid var(--theme-border);font-size:14px;line-height:2;"> <div> 上一篇: <a href="http://weizhixueyuan.com/youxigonglve/ac4DR0u.html" title="联机单机游戏排行" rel="prev">联机单机游戏排行</a> </div> <div> 下一篇: <a href="http://weizhixueyuan.com/youxigonglve/afSHWOK.html" title="闪之轨迹点数" rel="next">闪之轨迹点数</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 fp3ebce4ac" 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 fpda8f06ef" role="tablist"> <label for="amtab-related" class="article-more__tab fp42879562" role="tab">相关文章</label> <label for="amtab-recommend" class="article-more__tab fp42879562" role="tab">推荐URL</label> </div> <ul class="article-more__panel article-more__panel--related fpac325937 fpdf9f3e11" role="tabpanel" aria-labelledby="amtab-related"> <li><a href="http://weizhixueyuan.com/youxigonglve/a70D2i8.html" title="东省普通高考报名系统">东省普通高考报名系统</a></li> <li><a href="http://weizhixueyuan.com/youxigonglve/aquWRlg.html" title="上下班时间规章制度">上下班时间规章制度</a></li> <li><a href="http://weizhixueyuan.com/youxigonglve/a7RK7Vc.html" title="上传下达的">上传下达的</a></li> <li><a href="http://weizhixueyuan.com/youxigonglve/aLzpBCg.html" title="上下左右下一句是什么">上下左右下一句是什么</a></li> <li><a href="http://weizhixueyuan.com/youxigonglve/ac5pokm.html" title="三魂七魄分别掌管什么情绪">三魂七魄分别掌管什么情绪</a></li> <li><a href="http://weizhixueyuan.com/youxigonglve/aqmkoq4.html" title="经济三驾马车是什么意思">经济三驾马车是什么意思</a></li> <li><a href="http://weizhixueyuan.com/youxigonglve/ayckEY3.html" title="上下九步行街">上下九步行街</a></li> <li><a href="http://weizhixueyuan.com/youxigonglve/ahNDets.html" title="三项制度改革百问百答">三项制度改革百问百答</a></li> <li><a href="http://weizhixueyuan.com/youxigonglve/aSyELtp.html" title="三项制度执行情况汇报">三项制度执行情况汇报</a></li> <li><a href="http://weizhixueyuan.com/youxigonglve/aUGYPRj.html" title="三门青蟹什么时候最肥">三门青蟹什么时候最肥</a></li> <li><a href="http://weizhixueyuan.com/youxigonglve/afNvyH4.html" title="三面佛电视剧">三面佛电视剧</a></li> <li><a href="http://weizhixueyuan.com/youxigonglve/aWZYsWW.html" title="三非指哪三个">三非指哪三个</a></li> <li><a href="http://weizhixueyuan.com/youxigonglve/aZcRGVR.html" title="三门全开四管齐下影片">三门全开四管齐下影片</a></li> <li><a href="http://weizhixueyuan.com/youxigonglve/a0ODvvF.html" title="三通一平五通一平七通一平的含义">三通一平五通一平七通一平的含义</a></li> <li><a href="http://weizhixueyuan.com/youxigonglve/agbrYtp.html" title="三都赋指的哪三都">三都赋指的哪三都</a></li> <li><a href="http://weizhixueyuan.com/youxigonglve/awMcUHu.html" title="三野部队今何在">三野部队今何在</a></li> <li><a href="http://weizhixueyuan.com/youxigonglve/aLFJPI8.html" title="三讲内容是什么">三讲内容是什么</a></li> <li><a href="http://weizhixueyuan.com/youxigonglve/aEciykW.html" title="三轴搅拌桩截面">三轴搅拌桩截面</a></li> <li><a href="http://weizhixueyuan.com/youxigonglve/aBtQUee.html" title="婺剧三请樊梨花">婺剧三请樊梨花</a></li> <li><a href="http://weizhixueyuan.com/youxigonglve/aNOG9wr.html" title="三进山城电影是哪年拍摄的">三进山城电影是哪年拍摄的</a></li> </ul> <ul class="article-more__panel article-more__panel--recommend fpac325937 fpee945962" role="tabpanel" aria-labelledby="amtab-recommend"> <li><a href="http://weizhixueyuan.com/shouyouzhuanqu/auQ9JWl.html" title="上东高考报名">http://weizhixueyuan.com/shouyouzhuanqu/auQ9JWl.html</a></li> <li><a href="http://weizhixueyuan.com/danjiyouxi/a2TOaW7.html" title="上下五千年手抄报简单又漂亮">http://weizhixueyuan.com/danjiyouxi/a2TOaW7.html</a></li> <li><a href="http://weizhixueyuan.com/duanyouzhuanqu/ajzRzRK.html" title="上世纪90年代是哪一年">http://weizhixueyuan.com/duanyouzhuanqu/ajzRzRK.html</a></li> <li><a href="http://weizhixueyuan.com/youxizixun/a15Cf6A.html" title="上位机开发有出路么">http://weizhixueyuan.com/youxizixun/a15Cf6A.html</a></li> <li><a href="http://weizhixueyuan.com/duanyouzhuanqu/aX0xsy2.html" title="天风姤为啥是上上卦">http://weizhixueyuan.com/duanyouzhuanqu/aX0xsy2.html</a></li> <li><a href="http://weizhixueyuan.com/danjiyouxi/a7ivGUb.html" title="上下左右三侗岸">http://weizhixueyuan.com/danjiyouxi/a7ivGUb.html</a></li> <li><a href="http://weizhixueyuan.com/wangyouzhuanqu/asS5Z8h.html" title="如何做到上传下达沟通">http://weizhixueyuan.com/wangyouzhuanqu/asS5Z8h.html</a></li> <li><a href="http://weizhixueyuan.com/youxizixun/ajqrpkt.html" title="上九天揽月下五洋捉鳖电影">http://weizhixueyuan.com/youxizixun/ajqrpkt.html</a></li> <li><a href="http://weizhixueyuan.com/shouyouzhuanqu/a09nNKP.html" title="手机右上角圆圈上下箭头">http://weizhixueyuan.com/shouyouzhuanqu/a09nNKP.html</a></li> <li><a href="http://weizhixueyuan.com/shouyouzhuanqu/abrclYP.html" title="上下五千年好词好句摘抄40个">http://weizhixueyuan.com/shouyouzhuanqu/abrclYP.html</a></li> <li><a href="http://weizhixueyuan.com/wangyouzhuanqu/agtKLOK.html" title="上下同心同欲者胜">http://weizhixueyuan.com/wangyouzhuanqu/agtKLOK.html</a></li> <li><a href="http://weizhixueyuan.com/duanyouzhuanqu/aV1rrBH.html" title="上传速度测试什么意思">http://weizhixueyuan.com/duanyouzhuanqu/aV1rrBH.html</a></li> <li><a href="http://weizhixueyuan.com/shouyouzhuanqu/a1wzW17.html" title="保姆怀上老大爷的孩子是什么电影">http://weizhixueyuan.com/shouyouzhuanqu/a1wzW17.html</a></li> <li><a href="http://weizhixueyuan.com/danjiyouxi/aEVjpeK.html" title="三顾茅庐 课文">http://weizhixueyuan.com/danjiyouxi/aEVjpeK.html</a></li> <li><a href="http://weizhixueyuan.com/shouyouzhuanqu/aYQZGSQ.html" title="三顾茅庐的故事100字概括">http://weizhixueyuan.com/shouyouzhuanqu/aYQZGSQ.html</a></li> <li><a href="http://weizhixueyuan.com/duanyouzhuanqu/a99GEVz.html" title="三龙任务前置任务">http://weizhixueyuan.com/duanyouzhuanqu/a99GEVz.html</a></li> <li><a href="http://weizhixueyuan.com/wangyouzhuanqu/aBbpMyI.html" title="上上签唵">http://weizhixueyuan.com/wangyouzhuanqu/aBbpMyI.html</a></li> <li><a href="http://weizhixueyuan.com/youxizixun/aSFPAMn.html" title="上下五千年书籍正版">http://weizhixueyuan.com/youxizixun/aSFPAMn.html</a></li> <li><a href="http://weizhixueyuan.com/wangyouzhuanqu/aG34sPw.html" title="课文《三顾茅庐》 九年级翻译">http://weizhixueyuan.com/wangyouzhuanqu/aG34sPw.html</a></li> <li><a href="http://weizhixueyuan.com/duanyouzhuanqu/aa0JyVP.html" title="三颗星星">http://weizhixueyuan.com/duanyouzhuanqu/aa0JyVP.html</a></li> </ul> </section> </div> <aside class="aside fpf189edc4"> <section class="widget widget--ranked fp1922051d fpf440c66d"> <h3 class="widget__title fpdc0a756e">热门排行</h3> <div class="widget__body fp55a65918"> <ul class="widget__list fpe8793066"> <li><a href="http://weizhixueyuan.com/danjiyouxi/aGPIO86.html" title="波克游戏公司怎么样">波克游戏公司怎么样</a></li> <li><a href="http://weizhixueyuan.com/youxizixun/awosShu.html" title="潮汐王座入口在哪里">潮汐王座入口在哪里</a></li> <li><a href="http://weizhixueyuan.com/danjiyouxi/a3ngu0g.html" title="爱奇艺original是什么意思">爱奇艺original是什么意思</a></li> <li><a href="http://weizhixueyuan.com/wangyouzhuanqu/aRlyYrA.html" title="模拟人生几最好玩">模拟人生几最好玩</a></li> <li><a href="http://weizhixueyuan.com/duanyouzhuanqu/acncJV7.html" title="无双大蛇2怎么换阵型">无双大蛇2怎么换阵型</a></li> <li><a href="http://weizhixueyuan.com/duanyouzhuanqu/a9VoYbP.html" title="幻想三国志4存档在哪">幻想三国志4存档在哪</a></li> <li><a href="http://weizhixueyuan.com/danjiyouxi/aP4k3IT.html" title="dnf100级史诗武器大全">dnf100级史诗武器大全</a></li> <li><a href="http://weizhixueyuan.com/danjiyouxi/ary9axC.html" title="两人麻将暗号怎么对">两人麻将暗号怎么对</a></li> <li><a href="http://weizhixueyuan.com/youxizixun/a80Mi3l.html" title="迷失太空机器人为什么找威尔">迷失太空机器人为什么找威尔</a></li> <li><a href="http://weizhixueyuan.com/danjiyouxi/a83Sopn.html" title="单职业传奇刀刀切割倍速">单职业传奇刀刀切割倍速</a></li> </ul> </div> </section> <section class="widget fp1922051d"> <h3 class="widget__title fpdc0a756e">最新更新</h3> <div class="widget__body fp55a65918"> <ul class="widget__list fpe8793066"> <li><a href="http://weizhixueyuan.com/wangyouzhuanqu/avYSUNR.html" title="上勾拳怎么打">上勾拳怎么打</a></li> <li><a href="http://weizhixueyuan.com/youxigonglve/aovONSa.html" title="家庭一般考军校的后果">家庭一般考军校的后果</a></li> <li><a href="http://weizhixueyuan.com/shouyouzhuanqu/aMMZUlc.html" title="上兑下坎卦详解">上兑下坎卦详解</a></li> <li><a href="http://weizhixueyuan.com/duanyouzhuanqu/aQ49TUj.html" title="竹马在上完结">竹马在上完结</a></li> <li><a href="http://weizhixueyuan.com/youxizixun/aGnmmGn.html" title="上二垒是啥意思">上二垒是啥意思</a></li> <li><a href="http://weizhixueyuan.com/shouyouzhuanqu/alZnB3U.html" title="上下其手 释义">上下其手 释义</a></li> <li><a href="http://weizhixueyuan.com/youxigonglve/aaMBo3P.html" title="上下括号符号">上下括号符号</a></li> <li><a href="http://weizhixueyuan.com/duanyouzhuanqu/aQ5N68f.html" title="上下方括号怎么打">上下方括号怎么打</a></li> <li><a href="http://weizhixueyuan.com/shouyouzhuanqu/aKpJpIK.html" title="中华上下五千年好词好句">中华上下五千年好词好句</a></li> <li><a href="http://weizhixueyuan.com/shouyouzhuanqu/aFEYF7z.html" title="上位2完整版">上位2完整版</a></li> </ul> </div> </section> </aside> </div> </div> </main> <footer class="site-footer fpf278d689"> <div class="container fp21be5bc1"> <nav class="initial-nav fp161004cc" 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 fpa9c50220" href="http://weizhixueyuan.com/initial/a.html" data-cnt="2922" title="共 2922 篇" 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 fpa9c50220" href="http://weizhixueyuan.com/initial/b.html" data-cnt="3150" title="共 3150 篇" 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 fpa9c50220" href="http://weizhixueyuan.com/initial/c.html" data-cnt="3560" title="共 3560 篇" 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 fpa9c50220" href="http://weizhixueyuan.com/initial/d.html" data-cnt="8476" title="共 8476 篇" 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 fpa9c50220" href="http://weizhixueyuan.com/initial/e.html" data-cnt="635" title="共 635 篇" 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 fpa9c50220" href="http://weizhixueyuan.com/initial/f.html" data-cnt="2332" title="共 2332 篇" 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 fpa9c50220" href="http://weizhixueyuan.com/initial/g.html" data-cnt="3385" title="共 3385 篇" 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 fpa9c50220" href="http://weizhixueyuan.com/initial/h.html" data-cnt="5551" title="共 5551 篇" 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 fpa9c50220" href="http://weizhixueyuan.com/initial/i.html" data-cnt="219" title="共 219 篇" 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 fpa9c50220" href="http://weizhixueyuan.com/initial/j.html" data-cnt="4804" title="共 4804 篇" 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 fpa9c50220" href="http://weizhixueyuan.com/initial/k.html" data-cnt="1833" title="共 1833 篇" 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 fpa9c50220" href="http://weizhixueyuan.com/initial/l.html" data-cnt="6402" title="共 6402 篇" 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 fpa9c50220" href="http://weizhixueyuan.com/initial/m.html" data-cnt="6662" title="共 6662 篇" 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 fpa9c50220" href="http://weizhixueyuan.com/initial/n.html" data-cnt="2106" title="共 2106 篇" 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 fpa9c50220" href="http://weizhixueyuan.com/initial/o.html" data-cnt="364" title="共 364 篇" 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 fpa9c50220" href="http://weizhixueyuan.com/initial/p.html" data-cnt="2366" title="共 2366 篇" 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 fpa9c50220" href="http://weizhixueyuan.com/initial/q.html" data-cnt="3404" title="共 3404 篇" 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 fpa9c50220" href="http://weizhixueyuan.com/initial/r.html" data-cnt="1614" title="共 1614 篇" 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 fpa9c50220" href="http://weizhixueyuan.com/initial/s.html" data-cnt="13509" title="共 13509 篇" 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 fpa9c50220" href="http://weizhixueyuan.com/initial/t.html" data-cnt="3445" title="共 3445 篇" 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 fpa9c50220" href="http://weizhixueyuan.com/initial/u.html" data-cnt="196" title="共 196 篇" 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 fpa9c50220" href="http://weizhixueyuan.com/initial/v.html" data-cnt="193" title="共 193 篇" 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 fpa9c50220" href="http://weizhixueyuan.com/initial/w.html" data-cnt="5112" title="共 5112 篇" 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 fpa9c50220" href="http://weizhixueyuan.com/initial/x.html" data-cnt="5730" title="共 5730 篇" 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 fpa9c50220" href="http://weizhixueyuan.com/initial/y.html" data-cnt="7404" title="共 7404 篇" 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 fpa9c50220" href="http://weizhixueyuan.com/initial/z.html" data-cnt="6265" title="共 6265 篇" 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 fpa9c50220" href="http://weizhixueyuan.com/initial/hash.html" data-cnt="3308" title="共 3308 篇" style="display:inline-block;min-width:22px;padding:0 6px;text-align:center;color:#d1d5db;text-decoration:none;">#</a> </nav> <div class="copyright fpe6b1e721"> <div> © 2026 唯智学院. <a href="https://beian.miit.gov.cn/" target="_blank" rel="nofollow">蜀ICP备2026018812号-8</a> </div> <div> <a href="/update">最近更新</a> <span class="sep fp74905537" style="margin:0 8px;color:#4b5563;">·</span> <a href="http://weizhixueyuan.com/sitemap.xml" title="网站地图" rel="sitemap">网站地图</a> </div> </div> </div> </footer> <script src="/js/tribune.js" defer></script> </body> </html>