HTML网页初学者教程：讲解网页标题Title
发表于：2024-11-15 作者：
编辑最后更新 2024年11月15日，我们制作的每一个HTML网页都应该有文档标题。那么到底如何设置标题呢？这个教程就作为网页初学者的入门吧！给你的文档增加一个标题，按照下面改变你的代码：!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Strict//ENhttp://www.w3.org/
我们制作的每一个HTML网页都应该有文档标题。那么到底如何设置标题呢？这个教程就作为网页初学者的入门吧！
给你的文档增加一个标题，按照下面改变你的代码：
"">
我的第一个网页我的第一个网页
你可以看到，我们已经增加从
标签和
标签开始的两个新元素（看看他们是怎么关闭的）。</p><p>头元素（从起始标签<head>到闭合标签</head>之间的内容）出现在主体元素（从起始标签< body>到闭合标签</body>之间的内容）之前，包含将在主体元素信息之前装载的信息。这些信息不会出现在浏览器窗口中。</p><p>随着我们进一步学习，你会看到更多能够插入头元素的其它元素，但最重要的还是标题元素。</p><p>如果你从浏览器查看这个网页（像前面一样已经保存和刷新），你可以看到“这是我的第一个网页”出现在浏览器窗口的标题栏。你键入的位于标题（title）标签的文本已经变成了这个文档的标题，惊奇吧？假设把这个网页增添到你的收藏夹或者书签，你会看到标题也会出现在这里。<br /></p>
<p align="center"> </p>
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-6726437332493343"
crossorigin="anonymous"></script>
<ins class="adsbygoogle"
style="display:block; text-align:center;"
data-ad-layout="in-article"
data-ad-format="fluid"
data-ad-client="ca-pub-6726437332493343"
data-ad-slot="3040549545"></ins>
<script>
<span>2010-04-07 09:29:17</span>
</div>
<div class="diggit"></div>
<div class="clear"></div>
<div class="keywords">
<a href="https://www.52384.com/a262359" title="部落冲突竞赛奖励">部落冲突竞赛奖励</a>
<a href="/s-HTML网页初学者教程：讲解网页标">HTML网页初学者教程：讲解网页标</a>
<a target="_blank" href="https://www.52384.com/tag-29">VR游戏</a>
<a target="_blank" href="https://www.52384.com/tag-28">3D游戏</a>
<a target="_blank" href="https://www.52384.com/tag-27">二次元游戏</a>
<a target="_blank" href="https://www.52384.com/tag-26">主机游戏</a>
<a target="_blank" href="https://www.52384.com/tag-25">电视游戏</a>
<a target="_blank" href="https://www.52384.com/tag-24">游戏攻略视频</a>
<a target="_blank" href="https://www.52384.com/tag-23">游戏视频</a>
<a target="_blank" href="https://www.52384.com/tag-22">游戏攻略</a>
<a target="_blank" href="https://www.52384.com/tag-21">单机游戏</a>
<a target="_blank" href="https://www.52384.com/tag-20">网络游戏</a>
<a target="_blank" href="https://www.52384.com/tag-11">资讯头条</a>
<a target="_blank" href="https://www.52384.com/tag-12">游戏头条</a>
<a target="_blank" href="https://www.52384.com/tag-20">网络游戏</a>
<a target="_blank" href="https://www.52384.com/tag-24">游戏攻略视频</a>
<a target="_blank" href="https://www.52384.com/tag-26">主机游戏</a>
<a target="_blank" href="https://www.52384.com/s-科技新闻">科技新闻</a>
<a target="_blank" href="https://www.52384.com/s-新闻网">新闻网</a>
<a target="_blank" href="https://www.52384.com/s-52384科技资讯头条">52384科技资讯头条</a>
<a target="_blank" href="https://www.52384.com/s-游戏门户网站">游戏门户网站</a>
<a target="_blank" href="https://www.52384.com/s-单机游戏">单机游戏</a>
</div>
<div class="share">
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-6726437332493343"
crossorigin="anonymous"></script>
<ins class="adsbygoogle"
style="display:block"
data-ad-format="autorelaxed"
data-ad-client="ca-pub-6726437332493343"
data-ad-slot="4394564633"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>
<div class="clear"></div>
<div class="info-pre-next">
<ul>
<li><a href="https://www.52384.com/a157158"><i><em>上一篇</em><img src="https://52384.gedb.com.cn/static/assets/images/nopic.gif"></i>
<h2>新手学习老知识（一）HTML语言基础</h2>
<p>近两年来，许多公司开发出了图形化的HTML开发工具，使得网页的制作变得非常简单。如微软公司推出的 Microsoft FrontPage， Adobe公司推出的 Adobe Pagemill， Micromedia公司推出的Dreamweaver等编辑工具，都被称为“所见即所得”的网页制作工具。</p>
</a></li>
<li><a href="https://www.52384.com/a157160"><i><em>下一篇</em><img src="https://52384.gedb.com.cn/static/assets/images/nopic.gif"></i>
<h2>网页文本排版知识：为正确的内容使用恰当的标签</h2>
<p>在制作网页时，文本内容是必不可少的！那么我们该如何对网页文本进行正确排版呢？当段落标签p应该使用在段落的时候还有许多滥用换行标签br的情况，p用于表现段落是公认的。基于同样的逻辑，很多标签应该被用来定义确定的文本元素，比如引用，缩写和计算机代码</p>
</a></li>
</ul>
</div>
</div>
</div>
<div class="clear blank"></div>
<div class="otherlink whitebg">
<div class="news-title">
<h2>相关文章</h2>
</div>
<ul>
<li><a href="https://www.52384.com/a93852" title="《怪物世界》冰原刺客衣装怎么获取？冰原刺客衣装游戏特色详解攻略">《怪物世界》冰原刺客衣装怎么获取？冰原刺客衣装游戏特色详解攻略</a></li>
<li><a href="https://www.52384.com/a211374" title="苹果iOS 11 将让 Siri 透过 iMessage 学习使用者喜好">苹果iOS 11 将让 Siri 透过 iMessage 学习使用者喜好</a></li>
<li><a href="https://www.52384.com/a211282" title="《超级玛利欧酷跑》 2.0.0 版版确定3月23日开放下载">《超级玛利欧酷跑》 2.0.0 版版确定3月23日开放下载</a></li>
<li><a href="https://www.52384.com/a210525" title="Nexon开发SRPG手游《三国志曹操传OL》先上港澳台">Nexon开发SRPG手游《三国志曹操传OL》先上港澳台</a></li>
<li><a href="https://www.52384.com/a210524" title="腾讯代理《石器时代》即将首测 看脸手游支持十连抽">腾讯代理《石器时代》即将首测 看脸手游支持十连抽</a></li>
<li><a href="https://www.52384.com/a210523" title="新游移动版“荒野大镖客”《火枪与马刺》上架在即">新游移动版“荒野大镖客”《火枪与马刺》上架在即</a></li>
<li><a href="https://www.52384.com/a206970" title=" 《愤怒鸟：股子大亨》目前已可于 App Store 及 Google Play 免"> 《愤怒鸟：股子大亨》目前已可于 App Store 及 Google Play 免</a></li>
<li><a href="https://www.52384.com/a98828" title="《口袋妖怪go》七月底前双平台即将推出">《口袋妖怪go》七月底前双平台即将推出</a></li>
<li><a href="https://www.52384.com/a98827" title="石器时代经典延续 《石器时代：起源》6月展开封测">石器时代经典延续 《石器时代：起源》6月展开封测</a></li>
<li><a href="https://www.52384.com/a98826" title="奥雅之光古典玫瑰套装怎么得">奥雅之光古典玫瑰套装怎么得</a></li>
<!-- <li><a target="_blank" href="/">制作是这么收费的？</a></li> -->
</ul>
</div>
</div> <!-- . end of left-box -->
<!-- right aside start-->
<aside class="side-section right-box">
<div class="side-tab">
<ul id="sidetab">
<li class="sidetab-current">站长推荐</li>
<li>点击排行</li>
</ul>
<div id="sidetab-content">
<section>
<div class="tuijian">
<section class="topnews imgscale"><a href="https://www.52384.com/a218508" title="中国移动联通电信停止支持eSIM服务 运营商esim一号双终端最新进展消息！ 还会恢复吗？"><img src="https://52384.gedb.com.cn/52384news/pic/20190123/87b31f1b1001798a007543a32a414b6b.jpg?imageView2/1/w/278/h/185/format/webp/q/75" alt="中国移动联通电信停止支持eSIM服务 运营商esim一号双终端最新进展消息！ 还会恢复吗？"><span>中国移动联通电信停止支持eSIM服务 运营商esim一号双终端最新进展消息！ 还会恢复吗？</span></a></section>
<ul>
<li><a href="https://www.52384.com/a320748" title="王者荣耀决赛 趣丸集团广州天河TTG阿豆成亚运历史电竞首金!"><i><img src="https://52384.gedb.com.cn/uploadfile/uploadfile/ueditor/image/202309/16957854619be86b.jpg?imageView2/1/w/70/h/70/format/webp/q/75" alt="王者荣耀决赛 趣丸集团广州天河TTG阿豆成亚运历史电竞首金!"></i>
<p>王者荣耀决赛 趣丸集团广州天河TTG阿豆成亚运历史电竞首金!</p>
</a></li>
<li><a href="https://www.52384.com/a219908" title="华为新手机最新款2023即将新发布上市5G公认最好的折叠手机价格参数"><i><img src="https://52384.gedb.com.cn/52384news/pic/20190124/a2a6e5d5a72df8beb7ca7835a0cb8202.jpg?imageView2/1/w/70/h/70/format/webp/q/75" alt="华为新手机最新款2023即将新发布上市5G公认最好的折叠手机价格参数"></i>
<p>华为新手机最新款2023即将新发布上市5G公认最好的折叠手机价格参数</p>
</a></li>
<li><a href="https://www.52384.com/a259157" title="王者荣耀官方最新维护公告最新 版本停服更新内容"><i><img src="https://52384.gedb.com.cn/uploadfile/uploadfile/ueditor/image/202309/16951742220c53b7.jpeg?imageView2/1/w/70/h/70/format/webp/q/75" alt="王者荣耀官方最新维护公告最新 版本停服更新内容"></i>
<p>王者荣耀官方最新维护公告最新 版本停服更新内容</p>
</a></li>
<li><a href="https://www.52384.com/a142954" title="童年记忆，老版摩尔庄园 赛尔号换主？元宇宙控股全资收购淘米网络游戏"><i><img src="https://52384.gedb.com.cn/uploadfile/uploadfile/ueditor/image/202309/1695031541643b7b.png?imageView2/1/w/70/h/70/format/webp/q/75" alt="童年记忆，老版摩尔庄园 赛尔号换主？元宇宙控股全资收购淘米网络游戏"></i>
<p>童年记忆，老版摩尔庄园 赛尔号换主？元宇宙控股全资收购淘米网络游戏</p>
</a></li>
</ul>
<section class="topnews imgscale"><a href="https://www.52384.com/a27321" title="大话西游手游净瓶玉露坐骑洗练装备获取得途径一览"><img src="http://img.99danji.com/uploadfile/2016/0322/20160322014615480.jpg?imageView2/1/w/278/h/185/format/webp/q/75" alt="大话西游手游净瓶玉露坐骑洗练装备获取得途径一览"><span>大话西游手游净瓶玉露坐骑洗练装备获取得途径一览</span></a></section>
<ul>
<li><a href="https://www.52384.com/a91784" title="哼哈三国武将装备快速升级技巧兑换码攻略大全"><i><img src="http://mg.soupingguo.com/AppImg/80x80/2012/05/14/5108773971359900887184.jpg?imageView2/1/w/70/h/70/format/webp/q/75" alt="哼哈三国武将装备快速升级技巧兑换码攻略大全"></i>
<p>哼哈三国武将装备快速升级技巧兑换码攻略大全</p>
</a></li>
<li><a href="https://www.52384.com/a77266" title="《欢乐西游》各卡牌详解及最强阵容推荐搭配攻略技巧"><i><img src="http://mg.soupingguo.com/articleimg/600/100/092/052/100252450.jpg?imageView2/1/w/70/h/70/format/webp/q/75" alt="《欢乐西游》各卡牌详解及最强阵容推荐搭配攻略技巧"></i>
<p>《欢乐西游》各卡牌详解及最强阵容推荐搭配攻略技巧</p>
</a></li>
<li><a href="https://www.52384.com/a52484" title="《三国进度条》三国放置类手游激活码官网下载地址，装备加成一览"><i><img src="http://mg.soupingguo.com/articleimg/600/100/114/436/100306352.jpg?imageView2/1/w/70/h/70/format/webp/q/75" alt="《三国进度条》三国放置类手游激活码官网下载地址，装备加成一览"></i>
<p>《三国进度条》三国放置类手游激活码官网下载地址，装备加成一览</p>
</a></li>
<li><a href="https://www.52384.com/a91439" title="和风物语最终完美布局无限钻石金币破解版"><i><img src="http://mg.soupingguo.com/AppImg/80x80/2011/07/09/4374346611378238324998.jpg?imageView2/1/w/70/h/70/format/webp/q/75" alt="和风物语最终完美布局无限钻石金币破解版"></i>
<p>和风物语最终完美布局无限钻石金币破解版</p>
</a></li>
</ul>
</div>
</section>
<section>
<div class="paihang">
<section class="topnews imgscale"><a href="https://www.52384.com/a219908" title="华为新手机最新款2023即将新发布上市5G公认最好的折叠手机价格参数"><img src="https://52384.gedb.com.cn/52384news/pic/20190124/a2a6e5d5a72df8beb7ca7835a0cb8202.jpg?imageView2/1/w/278/h/185/format/webp/q/75" alt="华为新手机最新款2023即将新发布上市5G公认最好的折叠手机价格参数"><span>华为新手机最新款2023即将新发布上市5G公认最好的折叠手机价格参数</span></a></section>
<ul>
<li><i></i><a href="https://www.52384.com/a248745" title="2023新赛季光暗李信公认最强偷塔攻速暴击吸血流出装推荐铭文搭配">2023新赛季光暗李信公认最强偷塔攻速暴击吸血流出装推荐铭文搭配</a></li>
<li><i></i><a href="https://www.52384.com/a188926" title="2023年最新部落战争十本最强防御阵型第一名链接推荐布阵高清图">2023年最新部落战争十本最强防御阵型第一名链接推荐布阵高清图</a></li>
<li><i></i><a href="https://www.52384.com/a250702" title="2023阴阳师阴界之门最新最快70层挂机速度刷平民阵容搭配推荐，">2023阴阳师阴界之门最新最快70层挂机速度刷平民阵容搭配推荐，</a></li>
<li><i></i><a href="https://www.52384.com/a218508" title="中国移动联通电信停止支持eSIM服务 运营商esim一号双终端最新进展消息！ 还会恢复吗？">中国移动联通电信停止支持eSIM服务 运营商esim一号双终端最新进展消息！ 还会恢复吗？</a></li>
<li><i></i><a href="https://www.52384.com/a250610" title="荒野大镖客2全支线任务羁绊触发任务条件地点位置汇总攻略">荒野大镖客2全支线任务羁绊触发任务条件地点位置汇总攻略</a></li>
<li><i></i><a href="https://www.52384.com/a320698" title="2023最新胜利女神妮姬nikke 国际服cdk兑换码入口一览">2023最新胜利女神妮姬nikke 国际服cdk兑换码入口一览</a></li>
<li><i></i><a href="https://www.52384.com/a250781" title="2023新赛季最强国服项羽六神专精一刀流秒杀玩法铭文出装攻略">2023新赛季最强国服项羽六神专精一刀流秒杀玩法铭文出装攻略</a></li>
<li><i></i><a href="https://www.52384.com/a286715" title="2023最新当代人生超级大脑全部竞赛模拟挑战题目库答案是什么大全">2023最新当代人生超级大脑全部竞赛模拟挑战题目库答案是什么大全</a></li>
</ul>
<section class="topnews imgscale"><a href="https://www.52384.com/a266566" title="2023摩尔庄园全动生物鱼类最新14个传说鱼图鉴大全"><img src="https://52384.gedb.com.cn/uploadfile/uploadfile/ueditor/image/202207/165742682747b545.jpeg?imageView2/1/w/278/h/185/format/webp/q/75" alt="2023摩尔庄园全动生物鱼类最新14个传说鱼图鉴大全"><span>2023摩尔庄园全动生物鱼类最新14个传说鱼图鉴大全</span></a></section>
</div>
</section>
</div>
</div>
<div class="whitebg cloud">
<h2 class="side-title">标签云</h2>
<ul>
<a target="_blank" href="https://www.52384.com/tag-29">VR游戏</a>
<a target="_blank" href="https://www.52384.com/tag-28">3D游戏</a>
<a target="_blank" href="https://www.52384.com/tag-27">二次元游戏</a>
<a target="_blank" href="https://www.52384.com/tag-26">主机游戏</a>
<a target="_blank" href="https://www.52384.com/tag-25">电视游戏</a>
<a target="_blank" href="https://www.52384.com/tag-24">游戏攻略视频</a>
<a target="_blank" href="https://www.52384.com/tag-23">游戏视频</a>
<a target="_blank" href="https://www.52384.com/tag-22">游戏攻略</a>
<a target="_blank" href="https://www.52384.com/tag-21">单机游戏</a>
<a target="_blank" href="https://www.52384.com/tag-20">网络游戏</a>
<a target="_blank" href="https://www.52384.com/tag-19">网页游戏</a>
<a target="_blank" href="https://www.52384.com/tag-18">手机游戏</a>
<a target="_blank" href="https://www.52384.com/tag-17">游戏门户网站</a>
<a target="_blank" href="https://www.52384.com/tag-16">门户网站</a>
<a target="_blank" href="https://www.52384.com/tag-15">游戏资讯</a>
<a target="_blank" href="https://www.52384.com/tag-14">游戏资讯门户网站</a>
<a target="_blank" href="https://www.52384.com/tag-13">游戏巴士</a>
<a target="_blank" href="https://www.52384.com/tag-12">游戏头条</a>
<a target="_blank" href="https://www.52384.com/tag-11">资讯头条</a>
<a target="_blank" href="https://www.52384.com/tag-10">52384科技资讯</a>
</ul>
</div>
<div class="clear blank"></div>
<div class="whitebg suiji">
<h2 class="side-title">猜你喜欢</h2>
<ul>
<li><a href="https://www.52384.com/a80640" title="命运石之门游戏所有全助手结局触发条件流程图攻略，真完美结局怎么达成？">命运石之门游戏所有全助手结局触发条件流程图攻略，真完美结局怎么达成？</a></li>
<li><a href="https://www.52384.com/a91049" title="攻略:《时空之轮》图文流程攻略">攻略:《时空之轮》图文流程攻略</a></li>
<li><a href="https://www.52384.com/a317127" title="2023最新JJ斗地主比赛免费礼包兑换码CDK领取大全">2023最新JJ斗地主比赛免费礼包兑换码CDK领取大全</a></li>
<li><a href="https://www.52384.com/a265974" title="2023王者荣耀国服刘禅最强最肉打不死无兵线推塔辅助出装铭文">2023王者荣耀国服刘禅最强最肉打不死无兵线推塔辅助出装铭文</a></li>
<li><a href="https://www.52384.com/a271478" title="2022年12月部落冲突：最新部落竞赛奖励有什么？5000额外积分奖励万能之书">2022年12月部落冲突：最新部落竞赛奖励有什么？5000额外积分奖励万能之书</a></li>
<li><a href="https://www.52384.com/a247877" title="神印王座谁赢了：龙皓晨对战杨文昭谁厉害，龙皓晨是怎样打败杨文昭">神印王座谁赢了：龙皓晨对战杨文昭谁厉害，龙皓晨是怎样打败杨文昭</a></li>
<li><a href="https://www.52384.com/a249246" title="不要喂食猴子全事件完美通关攻略汇总">不要喂食猴子全事件完美通关攻略汇总</a></li>
<li><a href="https://www.52384.com/a10680" title="全球AppStore游戏免费畅销榜排行，日本美国韩国AppStore上好玩的游戏有哪些？">全球AppStore游戏免费畅销榜排行，日本美国韩国AppStore上好玩的游戏有哪些？</a></li>
<li><a href="https://www.52384.com/a28200" title="河洛游戏工作室新作《天外武林》手游作品排行">河洛游戏工作室新作《天外武林》手游作品排行</a></li>
<li><a href="https://www.52384.com/a286145" title="2023最新DNF手游韩服活动兑换码cdk礼包码大全">2023最新DNF手游韩服活动兑换码cdk礼包码大全</a></li>
</ul>
</div>
</aside>
<!-- right aside end-->
</article>
<div class="clear blank"></div>
<!--footer start-->
<footer>
<div class="footer box">
<div class="wxbox">
<ul>
</ul>
</div>
<div class="endnav">
<p><b>站点声明：</b></p>
<p>健康忠告：抵制不良游戏 拒绝盗版游戏 注意自我保护 谨防受骗上当 适度游戏益脑 沉迷游戏伤身 合理安排时间 享受健康生活</p>
<p>所有文章未经授权禁止转载、摘编、复制或建立镜像，如有违反，追究法律责任。</p>
<p>Copyright © 2009-2024 <a href="https://www.52384.com/" target="_blank">52384.com</a> 手机游戏巴士 All Rights Reserved.
<a href="/sitemap.xml">网站地图</a>
<a href="/about/">关于我们</a>
<a href="/contact-us/">联系我们</a>
</p>
</div>
</div>
</footer>
<a href="#" title="返回顶部" class="icon-top"></a>
<!--footer end-->
<div style="display:none">
<script charset="UTF-8" id="LA_COLLECT" src="//sdk.51.la/js-sdk-pro.min.js?id=KBrhdKxzYQpFeO9y&ck=KBrhdKxzYQpFeO9y"></script>
<script>
(function(){
var bp = document.createElement('script');
var curProtocol = window.location.protocol.split(':')[0];
if (curProtocol === 'https') {
bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
}
else {
bp.src = 'http://push.zhanzhang.baidu.com/push.js';
}
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(bp, s);
})();
</script>
</div>
<div style="display:none">
<span class="dr_show_hits_157159">0</span><script type="text/javascript"> $.ajax({ type: "GET", url:"/index.php?s=api&c=module&siteid=1&app=article&m=hits&id=157159", dataType: "jsonp", success: function(data){ if (data.code) { $(".dr_show_hits_157159").html(data.msg); } else { dr_tips(0, data.msg); } } }); </script></div>
<!--本页面URL https://www.52384.com/a157159 -->
<!--本页面于2024-11-15 11:29:54更新-->
</body>
</html>
