HTML网页初学者教程：讲解网页标题Title_网页游戏

我们制作的每一个HTML网页都应该有文档标题。那么到底如何设置标题呢？这个教程就作为网页初学者的入门吧！

给你的文档增加一个标题，按照下面改变你的代码：

"">

我的第一个网页

我的第一个网页

你可以看到，我们已经增加从标签和标签开始的两个新元素（看看他们是怎么关闭的）。</p><p>头元素（从起始标签<head>到闭合标签</head>之间的内容）出现在主体元素（从起始标签< body>到闭合标签</body>之间的内容）之前，包含将在主体元素信息之前装载的信息。这些信息不会出现在浏览器窗口中。</p><p>随着我们进一步学习，你会看到更多能够插入头元素的其它元素，但最重要的还是标题元素。</p><p>如果你从浏览器查看这个网页（像前面一样已经保存和刷新），你可以看到“这是我的第一个网页”出现在浏览器窗口的标题栏。你键入的位于标题（title）标签的文本已经变成了这个文档的标题，惊奇吧？假设把这个网页增添到你的收藏夹或者书签，你会看到标题也会出现在这里。<br /></p> <p align="center"> </p></div> <div class="article-tags"> <span class="tag-label">相关标签：</span> <a href="https://www.52384.com/article/search/keyword-HTML%E7%BD%91%E9%A1%B5%E5%88%9D%E5%AD%A6%E8%80%85%E6%95%99%E7%A8%8B%EF%BC%9A%E8%AE%B2%E8%A7%A3%E7%BD%91%E9%A1%B5%E6%A0%87.html" target="_blank">HTML网页初学者教程：讲解网页标</a> </div> <div class="pn-box"> <a class="pn prev" href="https://www.52384.com/a157158"><span>‹ 上一篇</span><strong>新手学习老知识（一）HTML语言基础</strong></a> <a class="pn next" href="https://www.52384.com/a157160"><span>下一篇 ›</span><strong>网页文本排版知识：为正确的内容使用恰当的标签</strong></a> </div> <div class="related"> <div class="section-head"><h2>相关推荐</h2></div> <div class="related-grid"> <a class="rel-item" href="https://www.52384.com/a93852"> <span class="rel-thumb"> <img src="http://img.18183.duoku.com/uploads/allimg/150825/72-150R5112U0.jpg" data-nopic="https://www.52384.com/static/gameinformer/images/nopic.svg" alt="《怪物世界》冰原刺客衣装怎么获取？冰原刺客衣装游戏特色详解攻略" loading="lazy"> </span> <h4>《怪物世界》冰原刺客衣装怎么获取？冰原刺客衣装游戏特色详解攻略</h4> </a> <a class="rel-item" href="https://www.52384.com/a211374"> <span class="rel-thumb"> <img src="https://www.52384.com/static/gameinformer/images/nopic.svg" data-nopic="https://www.52384.com/static/gameinformer/images/nopic.svg" alt="苹果iOS 11 将让 Siri 透过 iMessage 学习使用者喜好" loading="lazy"> </span> <h4>苹果iOS 11 将让 Siri 透过 iMessage 学习使用者喜好</h4> </a> <a class="rel-item" href="https://www.52384.com/a211282"> <span class="rel-thumb"> <img src="https://www.52384.com/upimg/allimg/170320/1-1F3201010224B.JPG" data-nopic="https://www.52384.com/static/gameinformer/images/nopic.svg" alt="《超级玛利欧酷跑》 2.0.0 版版确定3月23日开放下载" loading="lazy"> </span> <h4>《超级玛利欧酷跑》 2.0.0 版版确定3月23日开放下载</h4> </a> <a class="rel-item" href="https://www.52384.com/a210525"> <span class="rel-thumb"> <img src="https://www.52384.com/upimg/allimg/170312/1-1F3121335293a.jpg" data-nopic="https://www.52384.com/static/gameinformer/images/nopic.svg" alt="Nexon开发SRPG手游《三国志曹操传OL》先上港澳台" loading="lazy"> </span> <h4>Nexon开发SRPG手游《三国志曹操传OL》先上港澳台</h4> </a> <a class="rel-item" href="https://www.52384.com/a210524"> <span class="rel-thumb"> <img src="https://www.52384.com/upimg/allimg/170312/1-1F312133251436.png" data-nopic="https://www.52384.com/static/gameinformer/images/nopic.svg" alt="腾讯代理《石器时代》即将首测看脸手游支持十连抽" loading="lazy"> </span> <h4>腾讯代理《石器时代》即将首测看脸手游支持十连抽</h4> </a> <a class="rel-item" href="https://www.52384.com/a210523"> <span class="rel-thumb"> <img src="https://www.52384.com/upimg/allimg/170312/1-1F312132FYJ.jpg" data-nopic="https://www.52384.com/static/gameinformer/images/nopic.svg" alt="新游移动版“荒野大镖客”《火枪与马刺》上架在即" loading="lazy"> </span> <h4>新游移动版“荒野大镖客”《火枪与马刺》上架在即</h4> </a> </div> </div> </div> <aside class="layout-side"> <div class="widget"> <div class="widget-head"><h3>热门排行</h3></div> <ol class="hot-list"> <li><a href="https://www.52384.com/a219908"><span>华为新手机最新款2023即将新发布上市5G公认最好的折叠手机价格参数</span></a></li> <li><a href="https://www.52384.com/a248745"><span>2023新赛季光暗李信公认最强偷塔攻速暴击吸血流出装推荐铭文搭配</span></a></li> <li><a href="https://www.52384.com/a188926"><span>2023年最新部落战争十本最强防御阵型第一名链接推荐布阵高清图</span></a></li> <li><a href="https://www.52384.com/a250702"><span>2023阴阳师阴界之门最新最快70层挂机速度刷平民阵容搭配推荐，</span></a></li> <li><a href="https://www.52384.com/a218508"><span>中国移动联通电信停止支持eSIM服务运营商esim一号双终端最新进展消息！还会恢复吗？</span></a></li> <li><a href="https://www.52384.com/a250610"><span>荒野大镖客2全支线任务羁绊触发任务条件地点位置汇总攻略</span></a></li> <li><a href="https://www.52384.com/a320698"><span>2023最新胜利女神妮姬nikke 国际服cdk兑换码入口一览</span></a></li> <li><a href="https://www.52384.com/a250781"><span>2023新赛季最强国服项羽六神专精一刀流秒杀玩法铭文出装攻略</span></a></li> </ol> </div> <div class="widget"> <div class="widget-head"><h3>最新文章</h3></div> <ol class="hot-list"> <li><a href="https://www.52384.com/a320852"><span>我用 WorkBuddy 当了一周"甩手掌柜"，这些活它全包了</span></a></li> <li><a href="https://www.52384.com/a320851"><span>国际象棋（Chess.com）：2.5 亿用户的棋力宇宙，手机桌面小组件是真香</span></a></li> <li><a href="https://www.52384.com/a320850"><span>猜词游戏（Wordle）：NYT 把老词翻出来重用的 2026，反而更好玩了</span></a></li> <li><a href="https://www.52384.com/a320849"><span>影之刃2（Shadow Fight 2）：2014 年的剪影格斗，2026 年还在修 bug 是真爱</span></a></li> <li><a href="https://www.52384.com/a320848"><span>冠军决斗（Brawlhalla）：免费格斗里的真·硬通货，手机上也能八人乱斗</span></a></li> <li><a href="https://www.52384.com/a320847"><span>荒野小兵（Clash Mini）：它早已停服，内容融进了一款 2026 年也要关的游戏</span></a></li> <li><a href="https://www.52384.com/a320846"><span>水果忍者（Fruit Ninja）：切了 15 年，现在连吃豆人都来蹭热度</span></a></li> <li><a href="https://www.52384.com/a320845"><span>喷气背包小子（Jetpack Joyride）：一个手指就能飞的 14 年神作，还在联动希曼</span></a></li> </ol> </div> </aside> </div> </div>  <footer class="site-footer"> <div class="container"> <div class="footer-grid"> <div class="footer-brand"> <a class="logo" href="https://www.52384.com/"> <span class="logo-mark">52384</span> <span class="logo-text"> <strong>手机游戏巴士</strong> <em>Game Media Portal</em> </span> </a> <p>手机游戏巴士为玩家提供手机游戏、iOS/Android游戏、网页游戏、网络游戏、单机游戏的最新资讯、评测与攻略，同时覆盖数码、动漫、影视等泛娱乐内容。</p> </div> <div class="footer-col"> <h4>栏目导航</h4> <ul class="footer-cats"> <li><a href="https://www.52384.com/article/list-shouyou.html">手机游戏</a></li> <li><a href="https://www.52384.com/article/list-yeyou.html">网页游戏</a></li> <li><a href="https://www.52384.com/article/list-duanyou.html">网络游戏</a></li> <li><a href="https://www.52384.com/article/list-keji.html">数码</a></li> <li><a href="https://www.52384.com/article/list-dongman.html">动漫</a></li> <li><a href="https://www.52384.com/article/list-yingshi.html">影视</a></li> <li><a href="https://www.52384.com/article/list-shipin.html">视频</a></li> <li><a href="https://www.52384.com/article/list-shouji.html">手机</a></li> <li><a href="https://www.52384.com/article/list-zixun.html">游戏资讯</a></li> <li><a href="https://www.52384.com/article/list-danjiyouxi.html">单机游戏</a></li> <li><a href="https://www.52384.com/article/list-kejizixun.html">科技资讯</a></li> </ul> </div> <div class="footer-col"> <h4>关于本站</h4> <ul> <li><a href="https://www.52384.com/">游戏巴士</a></li> <li><a href="/index.php?s=article&c=search">站内搜索</a></li> <li><a href="https://www.52384.com/article/list-zixun.html">游戏资讯</a></li> <li><a href="https://www.52384.com/article/list-shouyougonglue.html">手游攻略</a></li> </ul> </div> <div class="footer-col"> <h4>关注我们</h4> <ul class="follow-list"> <li><a href="javascript:;">微信公众号</a></li> <li><a href="javascript:;">新浪微博</a></li> <li><a href="javascript:;">QQ交流群</a></li> </ul> </div> </div> <div class="footer-links"> <h4></h4> <ul class="friend-links"> </ul> </div> <div class="footer-bottom"> <p>Copyright © 2026 <a href="https://www.52384.com/">手机游戏巴士</a> All Rights Reserved · </p> <p>本站所有文章均来源于网络收集整理，版权归原作者所有；若侵犯了您的权益，请及时来信告知，我们将尽快处理。</p> </div> </div> </footer> <button class="backtop" id="backTop" aria-label="返回顶部">↑</button> <script src="https://www.52384.com/static/gameinformer/js/main.js"></script> </body> </html>