我们制作的每一个HTML网页都应该有文档标题。那么到底如何设置标题呢？这个教程就作为网页初学者的入门吧！
给你的文档增加一个标题，按照下面改变你的代码：
"">
我的第一个网页我的第一个网页
你可以看到，我们已经增加从
标签和
标签开始的两个新元素（看看他们是怎么关闭的）。</p><p>头元素（从起始标签<head>到闭合标签</head>之间的内容）出现在主体元素（从起始标签< body>到闭合标签</body>之间的内容）之前，包含将在主体元素信息之前装载的信息。这些信息不会出现在浏览器窗口中。</p><p>随着我们进一步学习，你会看到更多能够插入头元素的其它元素，但最重要的还是标题元素。</p><p>如果你从浏览器查看这个网页（像前面一样已经保存和刷新），你可以看到“这是我的第一个网页”出现在浏览器窗口的标题栏。你键入的位于标题（title）标签的文本已经变成了这个文档的标题，惊奇吧？假设把这个网页增添到你的收藏夹或者书签，你会看到标题也会出现在这里。<br /></p>
<p align="center"> </p>
</div>
<div id="contyh" style="margin:10px 0px">版权说明:本站原创文章,由<a href="https://www.hulian.top/"><font color=green>万象互联</font></a><a href="https://www.hulian.top/spread/"><font color=green>SEO优化</font></a>发表.<br> 本文地址:https://www.hulian.top/zixun/post/4316.html</div>
<div id="bdshare" class="bdshare_t bds_tools get-codes-bdshare" style="padding-bottom:10px;margin-top:22px;">
<div class="bdsharebuttonbox"><a href="#" class="bds_more" data-cmd="more">分享到：</a><a href="#" class="bds_qzone" data-cmd="qzone" title="分享到QQ空间">QQ空间</a><a href="#" class="bds_tsina" data-cmd="tsina" title="分享到新浪微博">新浪微博</a><a href="#" class="bds_tqq" data-cmd="tqq" title="分享到腾讯微博">腾讯微博</a><a href="#" class="bds_weixin" data-cmd="weixin" title="分享到微信">微信</a><a href="#" class="bds_tieba" data-cmd="tieba" title="分享到百度贴吧">百度贴吧</a><a href="#" class="bds_hi" data-cmd="hi" title="分享到百度空间">百度空间</a><a href="#" class="bds_tsohu" data-cmd="tsohu" title="分享到搜狐微博">搜狐微博</a></div>
<script>window._bd_share_config={"common":{"bdSnsKey":{},"bdText":"","bdMini":"2","bdMiniList":false,"bdPic":"","bdStyle":"0","bdSize":"16"},"share":{"bdSize":16},"image":{"viewList":["qzone","tsina","tqq","weixin","tieba","hi","tsohu"],"viewText":"分享到：","viewSize":"16"},"selectShare":{"bdContainerClass":null,"bdSelectMiniList":["qzone","tsina","tqq","weixin","tieba","hi","tsohu","t163"]}};with(document)0[(getElementsByTagName('head')[0]||body).appendChild(createElement('script')).src='/static/api/js/share.js?v=89860593.js?cdnversion='+~(-new Date()/36e5)];</script>
</div>
</dd>
</dl>
</div>
<div style="clear:both;"></div>
<div id="up_or_down">
<ul>
<li>上一篇：<a href="4315.html" style="height:10px;">网页文本排版知识：为正确的内容使用恰当的标签</a></li>
<li>下一篇：<a href="4317.html" style="height:10px;">新手学习老知识（一）HTML语言基础</a></li>
</ul>
</div>
<div id="o_news">
<h3>相关文章：</h3>
<ul>
<li><a href="8284.html" style="height:10px;" title='上海市网站设计有哪些具体步骤？'>上海市网站设计有哪些具体步骤？</a></li>
<li><a href="8283.html" style="height:10px;" title='做一个好的网页设计大概多少钱?'>做一个好的网页设计大概多少钱?</a></li>
<li><a href="8280.html" style="height:10px;" title='怎样分辨哪些是营销型网站?'>怎样分辨哪些是营销型网站?</a></li>
<li><a href="8279.html" style="height:10px;" title='上海做网站设计有哪些优点？'>上海做网站设计有哪些优点？</a></li>
<li><a href="8278.html" style="height:10px;" title='怎样判别网站制作哪家公司好?'>怎样判别网站制作哪家公司好?</a></li>
<li><a href="8277.html" style="height:10px;" title='网页设计制作过程的必要阶段'>网页设计制作过程的必要阶段</a></li>
<li><a href="8276.html" style="height:10px;" title='营销型企业网站公司的特点'>营销型企业网站公司的特点</a></li>
<li><a href="8275.html" style="height:10px;" title='企业网页设计公司所造成的影响'>企业网页设计公司所造成的影响</a></li>
<li><a href="8274.html" style="height:10px;" title='这家上海知名的网站建设公司值得信赖'>这家上海知名的网站建设公司值得信赖</a></li>
<li><a href="8273.html" style="height:10px;" title='上海网站建设公司推荐哪家更好'>上海网站建设公司推荐哪家更好</a></li>
</ul>
</div>
<div class="clear"></div>
</div>
</div>
<div id="public_bottom">
<img src="/newimages/images/helpcenter/public_bottom.png" width="976px" height="48px"/>
</div>
</div>
<div id="online" style="top:137px;">
<div id="szico" style="position:absolute;background:url('/newimages/images/sz.gif') no-repeat 0px -99px;width:26px;height:99px;top:150px;left:-26px;cursor:pointer;"></div>
<div id="online_title">在线咨询</div>
<div id="online_box">
<ul>
<li class="qq_title">客服咨询</li>
<li class="qq">
<img src="/newimages/images/helpcenter/online.gif" class="qq_img" />
<a href="#" onclick="javascript:window.open('http://b.qq.com/webc.htm?new=0&sid=800009888&eid=2188z8p8p8p8p808z8z8z&o=www.hulian.top&q=7', '_blank', 'height=544, width=644,toolbar=no,scrollbars=no,menubar=no,status=no');">企业qq交谈</a></li>
<li>QQ：800009888</li>
</ul>
<ul>
<li class="qq_title">备案专员</li>
<li class="qq">
<img src="/newimages/images/helpcenter/online.gif" class="qq_img" />
<a href="http://wpa.qq.com/msgrd?V=1&uin=973907313&Site=万象互联&Menu=yes">企业qq交谈</a></li>
<li>QQ：973907313</li>
</ul>
<ul>
<li class="qq_title">域名专员</li>
<li class="qq">
<img src="/newimages/images/helpcenter/online.gif" class="qq_img" />
<a href="http://wpa.qq.com/msgrd?V=1&uin=6584830&Site=万象互联&Menu=yes">企业qq交谈</a></li>
<li>QQ：6584830</li>
</ul>
<ul style="margin-top:20px; margin-top:95px;">
<li class="qq_title">在线时间</li>
<li style="margin-top:-5px; color:#0690BE;">8:00-21:00</li>
</ul>
</div>
</div>
<div id="roll">
<div title="回到顶部" id="roll_top"></div>
<div title="转到底部" id="roll_bottom"></div>
</div>
</div>
<div id="footer">
<div id="foot_content">
<div>
<div id="foot_logo"><a href="/" title="万象互联" alt="万象互联"><img src="/newimages/images/helpcenter/top_logo.png" width="190" border="0" height="84" style="margin-left:10px; margin-top:5px;"></a></div>
<div id="footer_list">
<li><a href="/">返回首页</a></li>
<li><a href="/help/about.html">关于我们</a></li>
<li><a href="/help/huikuan.html">汇款方式</a></li>
<li><a href="/help/zhaopin.html">互联招聘</a></li>
<li><a href="/help/service.html">服务承诺</a></li>
<li><a href="/help/links.html">友情链接</a></li>
<li><a href="/hezuo">代理合作</a></li>
<li style="background:none;"><a href="/about/hetong.html">相关文件</a></li>
</div>
<div id="foot_kk">
<span>地址：上海市浦东新区兰嵩路555号(森兰美伦)A座501 电话：400-021-8887 备案编号：31011002000144 邮编：200137 </span>
<span>增值电信业务经营许可证：沪ICP备07509303号 沪ISP证B2-20070233 Copyright (c) 2004-2013 万象互联版权所有 </span>
</div>
</div>
</div>
</div>
<div style="display:block;overflow:hidden; width:0; height:0; "><script type="text/javascript">var cnzz_protocol =(("https:" ==document.location.protocol) ?" https://" :" http://");document.write(unescape("%3Cspan id='cnzz_stat_icon_1045375'%3E%3C/span%3E%3Cscript src='" + cnzz_protocol + "s9.cnzz.com/stat.php%3Fid%3D1045375%26show%3Dpic' type='text/javascript'%3E%3C/script%3E"));</script>
<script>(function(){var src =(document.location.protocol =="http:") ?"http://js.passport.qihucdn.com/11.0.1.js?10f07ac252c0ac1b165ca7ac795243d2":"https://jspassport.ssl.qhimg.com/11.0.1.js?10f07ac252c0ac1b165ca7ac795243d2";document.write('<script src="' + src + '" id="sozz"><\/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>
</body>
</html> 