我们制作的每一个HTML网页都应该有文档标题。那么到底如何设置标题呢？这个教程就作为网页初学者的入门吧！
给你的文档增加一个标题，按照下面改变你的代码：
"">
我的第一个网页我的第一个网页
你可以看到，我们已经增加从
标签和
标签开始的两个新元素（看看他们是怎么关闭的）。</p><p>头元素（从起始标签<head>到闭合标签</head>之间的内容）出现在主体元素（从起始标签< body>到闭合标签</body>之间的内容）之前，包含将在主体元素信息之前装载的信息。这些信息不会出现在浏览器窗口中。</p><p>随着我们进一步学习，你会看到更多能够插入头元素的其它元素，但最重要的还是标题元素。</p><p>如果你从浏览器查看这个网页（像前面一样已经保存和刷新），你可以看到“这是我的第一个网页”出现在浏览器窗口的标题栏。你键入的位于标题（title）标签的文本已经变成了这个文档的标题，惊奇吧？假设把这个网页增添到你的收藏夹或者书签，你会看到标题也会出现在这里。<br /></p>
<p align="center"> </p>
(责任编辑：admin)
<div class="dede_pages">
<ul class="pagelist">
</ul>
</div>
</div>
<div class="fenxiang">
<div class="tag">标签：<a href="http://www.12too.com" target="_blink">12图资源库</a><a href='http://www.12too.com/tags.php?/%CD%F8%D5%BE%D4%B4%C2%EB/'>网站源码</a><a href='http://www.12too.com/tags.php?/%CD%F8%D2%B3%CC%D8%D0%A7%CF%C2%D4%D8/'>网页特效下载</a><a href='http://www.12too.com/tags.php?/%CA%B8%C1%BF%CD%BC%C6%AC%CB%D8%B2%C4/'>矢量图片素材</a></div>
<div class="bdshare"><script>dy("bdshare");</script></div>
</div>
</div><!-- /content -->
<div class="more">
<div class="l"></div>
<div class="r"></div>
</div>
<div class="t12">
<p><a href="http://www.12too.com/jiaocheng/html/1029.html" title="HTML 5安全风险详析之四：Web Worker攻击">HTML 5安全风险详析之四：Web Worker攻击</a></p>
<p><a href="http://www.12too.com/jiaocheng/html/1034.html" title="HTML代码高亮库 GeSHi - GeSHi">HTML代码高亮库 GeSHi - GeSHi</a></p>
<p><a href="http://www.12too.com/jiaocheng/html/3354.html" title="DreamweaverMX实现网站批量更新">DreamweaverMX实现网站批量更新</a></p>
<p><a href="http://www.12too.com/jiaocheng/html/12.html" title="新手学习老知识（二）HTML用好活动字幕标记">新手学习老知识（二）HTML用好活动字幕标记</a></p>
<p><a href="http://www.12too.com/jiaocheng/html/1030.html" title="HTML 5安全风险详析之五：劫持攻击">HTML 5安全风险详析之五：劫持攻击</a></p>
<p><a href="http://www.12too.com/jiaocheng/html/4.html" title="初学者很好的参考：HTML标签详尽讲解">初学者很好的参考：HTML标签详尽讲解</a></p>
<p><a href="http://www.12too.com/jiaocheng/html/1024.html" title="php 获取今日、昨日、上周、本月的起始时间">php 获取今日、昨日、上周、本月的起始时间</a></p>
<p><a href="http://www.12too.com/jiaocheng/html/3.html" title="网页中应用表格爱好者">网页中应用表格爱好者</a></p>
<p><a href="http://www.12too.com/jiaocheng/html/1033.html" title="HTML 5开发手机应用--viewport的作用">HTML 5开发手机应用--viewport的作用</a></p>
<p><a href="http://www.12too.com/jiaocheng/html/3476.html" title="新手入门：利用DW8掌握网页代码基本格式">新手入门：利用DW8掌握网页代码基本格式</a></p>
<p><a href="http://www.12too.com/jiaocheng/html/1032.html" title="HTML 5图像适配介绍">HTML 5图像适配介绍</a></p>
<p><a href="http://www.12too.com/jiaocheng/html/1.html" title="学习HTML 4.0事件属性">学习HTML 4.0事件属性</a></p>
</div>
<div class="pinglun">
<div class="ds-thread"></div>
<!--高速版-->
<div id="SOHUCS" sid="14"></div>
<script charset="utf-8" type="text/javascript" src="http://changyan.sohu.com/upload/changyan.js" ></script>
<script type="text/javascript">
window.changyan.api.config({
appid: 'cyskPOFTc',
conf: 'prod_86ec98f3a53cdeebfaedd63819be10aa'
});
</script>
</div>
</div><!-- /l -->
<div id="r">
<div class="in-newslist"><!-- 网站教程 -->
<dl>
<dt>猜你也喜欢看这些 ······</dt>
<dd><a href="http://www.12too.com/jiaocheng/html/3354.html" title="DreamweaverMX实现网站批量更新">[HTML教程] DreamweaverMX实现网站批量更新</a></dd>
<dd><a href="http://www.12too.com/jiaocheng/html/3476.html" title="新手入门：利用DW8掌握网页代码">[HTML教程] 新手入门：利用DW8掌握网页代码</a></dd>
<dd><a href="http://www.12too.com/jiaocheng/html/3490.html" title="50 个 Web 开发者文档和手册">[HTML教程] 50 个 Web 开发者文档和手册</a></dd>
<dd><a href="http://www.12too.com/jiaocheng/html/3491.html" title="DreamWeaver制作会移动的广告条">[HTML教程] DreamWeaver制作会移动的广告条</a></dd>
<dd><a href="http://www.12too.com/jiaocheng/html/3492.html" title="Dreamweaver如何批量消除网页连">[HTML教程] Dreamweaver如何批量消除网页连</a></dd>
<dd><a href="http://www.12too.com/jiaocheng/html/3493.html" title="在Dreamweaver中巧用框架建立网">[HTML教程] 在Dreamweaver中巧用框架建立网</a></dd>
<dd><a href="http://www.12too.com/jiaocheng/html/3494.html" title="dreamweaver网页设计：制作弹出">[HTML教程] dreamweaver网页设计：制作弹出</a></dd>
<dd><a href="http://www.12too.com/jiaocheng/html/3495.html" title="dreamweaver MX实例：图片应用技">[HTML教程] dreamweaver MX实例：图片应用技</a></dd>
<dd><a href="http://www.12too.com/jiaocheng/html/3496.html" title="dreamweaver网页设计：多彩文字">[HTML教程] dreamweaver网页设计：多彩文字</a></dd>
<dd><a href="http://www.12too.com/jiaocheng/html/3497.html" title="18条Dreamweaver的操作诀窍点滴">[HTML教程] 18条Dreamweaver的操作诀窍点滴</a></dd>
<dd><a href="http://www.12too.com/jiaocheng/html/3499.html" title="在Dreamweaver8.0.2中为插入的Fl">[HTML教程] 在Dreamweaver8.0.2中为插入的Fl</a></dd>
<dd><a href="http://www.12too.com/jiaocheng/html/3501.html" title="十二个Dreamweaver鲜为人知的小">[HTML教程] 十二个Dreamweaver鲜为人知的小</a></dd>
</dl>
</div>
<div class="in-newslist">
<dl>
<dt>其他类型的网站教程 ······ </dt>
<dd><a href="http://www.12too.com/jiaocheng/seo/18157.html" title="如何查看微信删除的聊天记载？开">[SEO教程] 如何查看微信删除的聊天记载？开</a></dd>
<dd><a href="http://www.12too.com/jiaocheng/seo/18155.html" title="被疏忽的列表页优化：为何说它有">[SEO教程] 被疏忽的列表页优化：为何说它有</a></dd>
<dd><a href="http://www.12too.com/jiaocheng/exp/2017/0625/18152.html" title="淘宝店铺运营之客户定位详细步骤">[建站经验] 淘宝店铺运营之客户定位详细步骤</a></dd>
<dd><a href="http://www.12too.com/jiaocheng/exp/2017/0625/18151.html" title="<strong>SEO上升空间受阻 草根站长路在何</strong>">[建站经验] <strong>SEO上升空间受阻 草根站长路在何</strong></a></dd>
<dd><a href="http://www.12too.com/jiaocheng/seo/18150.html" title="LOL 玩家3000把百分百胜率金克斯">[SEO教程] LOL 玩家3000把百分百胜率金克斯</a></dd>
<dd><a href="http://www.12too.com/jiaocheng/seo/18149.html" title="韦神：我的作风和Pawn如出一辙，">[SEO教程] 韦神：我的作风和Pawn如出一辙，</a></dd>
<dd><a href="http://www.12too.com/jiaocheng/seo/18148.html" title="LOL抗韩屡屡失败 职业选手的电竞">[SEO教程] LOL抗韩屡屡失败 职业选手的电竞</a></dd>
<dd><a href="http://www.12too.com/jiaocheng/seo/18147.html" title="苹果发布白色版iPhone7 3月24日">[SEO教程] 苹果发布白色版iPhone7 3月24日</a></dd>
<dd><a href="http://www.12too.com/jiaocheng/seo/18146.html" title="从700Bike参加共享单车混战，谈">[SEO教程] 从700Bike参加共享单车混战，谈</a></dd>
<dd><a href="http://www.12too.com/jiaocheng/seo/18145.html" title="为什么到明天还要坚持写博客">[SEO教程] 为什么到明天还要坚持写博客</a></dd>
<dd><a href="http://www.12too.com/jiaocheng/seo/18144.html" title="我末尾思念没有微信的日子了">[SEO教程] 我末尾思念没有微信的日子了</a></dd>
<dd><a href="http://www.12too.com/jiaocheng/seo/18143.html" title="LOL粉丝: 莫寒我爱你 莫寒: 不 ">[SEO教程] LOL粉丝: 莫寒我爱你 莫寒: 不 </a></dd>
</dl>
</div>
<div class="tags">
<dl><dt>关键词标签查找 ······ </dt>
<dd>
<a href='http://www.12too.com/tags.php?/%D5%BE%B3%A4%D6%AE%BC%D2/' title="站长之家(15333)" style="font-size:14px;color:#56f97">站长之家</a>
<a href='http://www.12too.com/tags.php?/%CD%F8%D5%BE%D4%B4%C2%EB/' title="网站源码(461)" style="font-size:14px;color:#ba6925">网站源码</a>
<a href='http://www.12too.com/tags.php?/%CD%F8%D2%B3%CC%D8%D0%A7%CF%C2%D4%D8/' title="网页特效下载(483)" style="font-size:14px;color:#fc5dd6">网页特效下载</a>
<a href='http://www.12too.com/tags.php?/%CA%B8%C1%BF%CD%BC%C6%AC%CB%D8%B2%C4/' title="矢量图片素材(323)" style="font-size:14px;color:#12a541">矢量图片素材</a>
<a href='http://www.12too.com/tags.php?/%CD%F8%D5%BE%D3%C5%BB%AF/' title="网站优化(1843)" style="font-size:14px;color:#54efe">网站优化</a>
<a href='http://www.12too.com/tags.php?/dedecms/' title="dedecms(21)" style="font-size:14px;color:#877de">dedecms</a>
<a href='http://www.12too.com/tags.php?/%CA%B8%C1%BF%CB%D8%B2%C4/' title="矢量素材(22)" style="font-size:14px;color:#cb36c4">矢量素材</a>
<a href='http://www.12too.com/tags.php?/%C2%EC%D2%CF%B7%D6%C0%E0%CF%B5%CD%B3/' title="蚂蚁分类系统(1)" style="font-size:14px;color:#ad11f4">蚂蚁分类系统</a>
<a href='http://www.12too.com/tags.php?/%B0%B2%C0%D6%D2%B5%B7%BF%B2%FA%D4%B4%C2%EB/' title="安乐业房产源码(1)" style="font-size:14px;color:#672b36">安乐业房产源码</a>
<a href='http://www.12too.com/tags.php?/%D7%D6%CC%E5/' title="字体(14)" style="font-size:14px;color:#8a77b6">字体</a>
<a href='http://www.12too.com/tags.php?/%C8%AB%B9%FA%B5%D8%CD%BC%C8%C8%B5%E3/' title="全国地图热点(1)" style="font-size:14px;color:#4c4f9">全国地图热点</a>
<a href='http://www.12too.com/tags.php?/%B5%D8%B7%BD%C3%C5%BB%A7/' title="地方门户(7)" style="font-size:14px;color:#e0a6cb">地方门户</a>
<a href='http://www.12too.com/tags.php?/%C6%EB%B2%A9%B7%D6%C0%E01.51/' title="齐博分类1.51(1)" style="font-size:14px;color:#98b688">齐博分类1.51</a>
<a href='http://www.12too.com/tags.php?/%CD%F8%D5%BE%B5%D8%CD%BC%C9%FA%B3%C9%C6%F7/' title="网站地图生成器(1)" style="font-size:14px;color:#e7c96">网站地图生成器</a>
<a href='http://www.12too.com/tags.php?/dede%B2%E5%BC%FE/' title="dede插件(1)" style="font-size:14px;color:#6f9c7a">dede插件</a>
<a href='http://www.12too.com/tags.php?/%B6%A5%B2%BF%B9%AB%B8%E6%CC%D8%D0%A7/' title="顶部公告特效(1)" style="font-size:14px;color:#124c6e">顶部公告特效</a>
<a href='http://www.12too.com/tags.php?/128x128png%CD%BC%B1%EA/' title="128x128png图标(1)" style="font-size:14px;color:#6e14bc">128x128png图标</a>
<a href='http://www.12too.com/tags.php?/%C0%B8%C4%BF%C7%B6%CC%D7/' title="栏目嵌套(1)" style="font-size:14px;color:#482e5">栏目嵌套</a>
<a href='http://www.12too.com/tags.php?/%BA%EC%C6%EC/' title="红旗(1)" style="font-size:14px;color:#533fd2">红旗</a>
<a href='http://www.12too.com/tags.php?/%B5%BC%BA%BD/' title="导航(2)" style="font-size:14px;color:#2b624">导航</a>
<a href='http://www.12too.com/tags.php?/%B0%B2%D7%BF%CD%F8%D5%BE%D4%B4%C2%EB/' title="安卓网站源码(1)" style="font-size:14px;color:#f21d19">安卓网站源码</a>
<a href='http://www.12too.com/tags.php?/%C6%EB%B2%A93.5/' title="齐博3.5(1)" style="font-size:14px;color:#55c18b">齐博3.5</a>
<a href='http://www.12too.com/tags.php?/%CA%FA%C1%D0%B2%CB%B5%A5/' title="竖列菜单(1)" style="font-size:14px;color:#78917">竖列菜单</a>
<a href='http://www.12too.com/tags.php?/%C6%FB%B3%B5%D4%B4%C2%EB/' title="汽车源码(1)" style="font-size:14px;color:#955a35">汽车源码</a>
<a href='http://www.12too.com/tags.php?/%D5%BE%B3%A4%B9%A4%BE%DF%CF%E4/' title="站长工具箱(0)" style="font-size:14px;color:#abc067">站长工具箱</a>
</dd>
</dl>
</div>
<div class="widget">
<!-- <a href="http://t.qq.com/landy2020" target="_blank"><img src="http://www.12too.com/images/x.gif" class="tqq" title="关注腾讯微博"/></a> -->
</div>
</div><!-- /r -->
</div>
<div id="footer">
<div class="links product_list">
<p>
<strong>友情链接：(<a
href="http://www.12too.com/plus/flink_add.php" target="_blank">申请</a>)</strong>
<span class="link"> <a href='http://www.awshw.com' target='_blank'>爱我生活网</a> <a href='http://www.chinaz.com/' target='_blank'>站长之家</a> <a href='http://www.37bug.com' target='_blank'>酷当资讯网</a> <a href='http://www.gz776.com/' target='_blank'>高州论坛</a> <a href='http://www.163-gz.com' target='_blank'>163贵州人事考试信息网</a>
</span>
</p>
</div>
<div class="jinbu">
<dl>
<dt>我们一直在努力，您的认可是我们的动力</dt>
<!--
<script>
dy("jinbu");
</script> -->
<dd>02月24日 优化PNG图标搜索功能</dd>
<dd>05月28日 更新3个实用工具www.12too.com/tool</dd>
<dd>06月23日 更新整站样式</dd>
<dd>...</dd>
</dl>
</div>
<div class="copyright">
<p class="copy_info">
<span class="link"> <a href="/about/256.html" target="_blank">关于我们</a>
| <a href="/about/253.html" target="_blank">版权声明</a> | <a
href="/about/250.html" target="_blank">广告服务</a> | <a
href="/about/247.html" target="_blank">联系我们</a> | <a
href="/about/251.html" target="_blank">常见问题</a> | <a
href="/data/sitemap.html" target="_blank">网站地图</a> | <a
href="/about/252.html" target="_blank">网友投稿</a> | <a
href="/guestbook.php" target="_blank">在线留言</a> </span>
</p>
<div class="info">
<div style="float: left"">
<p>
分享精神，快乐你我！努力付出了，就会有回报！！
</p>
<p>
Copyright © 2013-2015 12TOO.COM. 12图资源库 版权所有
</p>
<p>
<a href="http://www.miibeian.gov.cn/" target="_blank">鲁ICP备15043833号-3</a><a
name="gobottom"> </a>
<!-- 12too.com Baidu tongji analytics -->
<script type="text/javascript">
var _bdhmProtocol = (("https:" == document.location.protocol) ? " https://"
: " http://");
document
.write(unescape("%3Cscript src='"
+ _bdhmProtocol
+ "hm.baidu.com/h.js%3Ff97593349fac9060f62f278fa689858b' type='text/javascript'%3E%3C/script%3E"));
</script>
<!-- 12too.com youMeng tongji analytics -->
<script type="text/javascript">
var cnzz_protocol = (("https:" == document.location.protocol) ? " https://"
: " http://");
document
.write(unescape("%3Cspan id='cnzz_stat_icon_1259121566'%3E%3C/span%3E%3Cscript src='"
+ cnzz_protocol
+ "s11.cnzz.com/z_stat.php%3Fid%3D1259121566%26show%3Dpic1' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript" src="//s.union.360.cn/45423.js"></script>
</p>
</div>
<div style="float: right">
<p><!-- 12too.com 瑞星检测 -->
<script type="text/javascript">
var locationUrl = escape(document.location.href);
document.write(unescape("%3Cscript")+" charset='utf-8' src='http://union.rising.com.cn//InfoManage/TrojanInspect.aspx?p1=iGJZ43pL6QrYM-zWEnX9vflwpUvdC8zK&p2=SZmuLXaTHt0=&p3=iGJZ43pL6QrYM-zWEnX9vUCFPN5c5k1L&url="+ locationUrl + "' type='text/javascript'"+unescape("%3E%3C/script%3E"));</script>
</p>
<p>
<a href="http://webscan.360.cn/index/checkwebsite/url/12too.com">
<img border="0" alt="12图资源库" style='width:113px;height:47px'
src="http://img.webscan.360.cn/status/pai/hash/97d5b0505318df17b0386b63ad9517e0" />
</a>
</p>
</div>
</div>
</div>
</div>
<!-- 12too.com 百度 自动推送工具代码 -->
<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>
<!-- 12too.com 百度 自动推送工具代码 end -->
<script>
dy("bdshare_fuchuang");
</script>
</body>
</html> 
