我们制作的每一个HTML网页都应该有文档标题。那么到底如何设置标题呢？这个教程就作为网页初学者的入门吧！
给你的文档增加一个标题，按照下面改变你的代码：
"">
我的第一个网页我的第一个网页
你可以看到，我们已经增加从
标签和
标签开始的两个新元素（看看他们是怎么关闭的）。</p><p>头元素（从起始标签<head>到闭合标签</head>之间的内容）出现在主体元素（从起始标签< body>到闭合标签</body>之间的内容）之前，包含将在主体元素信息之前装载的信息。这些信息不会出现在浏览器窗口中。</p><p>随着我们进一步学习，你会看到更多能够插入头元素的其它元素，但最重要的还是标题元素。</p><p>如果你从浏览器查看这个网页（像前面一样已经保存和刷新），你可以看到“这是我的第一个网页”出现在浏览器窗口的标题栏。你键入的位于标题（title）标签的文本已经变成了这个文档的标题，惊奇吧？假设把这个网页增添到你的收藏夹或者书签，你会看到标题也会出现在这里。<br /></p>
<p align="center"> </p>
(责任编辑：红日)
<div class="dede_pages">
<ul class="pagelist">
</ul>
</div>
</div>
<div class="fenxiang">
<div class="tag">标签：<a href="http://www.360ku.net" target="_blink">素材库</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="/web/html/13.html" title="新手学习老知识（一）HTML语言基础">新手学习老知识（一）HTML语言基础</a></p>
<p><a href="/web/html/1.html" title="学习HTML 4.0事件属性">学习HTML 4.0事件属性</a></p>
<p><a href="/web/html/9.html" title="HTML教程：建立超级连接">HTML教程：建立超级连接</a></p>
<p><a href="/web/html/17.html" title="快速精通网页框架FRAME">快速精通网页框架FRAME</a></p>
<p><a href="/web/html/19.html" title="HTML基础知识：学习掌握HTML 标准属性">HTML基础知识：学习掌握HTML 标准属性</a></p>
<p><a href="/web/html/2.html" title="初学者：XHTML常用标签的基本应用指南">初学者：XHTML常用标签的基本应用指南</a></p>
<p><a href="/web/html/3.html" title="网页中应用表格爱好者">网页中应用表格爱好者</a></p>
<p><a href="/web/html/4.html" title="初学者很好的参考：HTML标签详尽讲解">初学者很好的参考：HTML标签详尽讲解</a></p>
<p><a href="/web/html/6.html" title="网页制作初学者：认识XHTML DHTML SHTML的">网页制作初学者：认识XHTML DHTML SHTML的</a></p>
<p><a href="/web/html/7.html" title="对于初学者不错的XHTML教程">对于初学者不错的XHTML教程</a></p>
<p><a href="/web/html/11.html" title="新手学习老知识（三）HTML教程用好超级链接">新手学习老知识（三）HTML教程用好超级链接</a></p>
<p><a href="/web/html/14.html" title="HTML网页初学者教程：讲解网页标题Title">HTML网页初学者教程：讲解网页标题Title</a></p>
</div>
<div class="pinglun">
<div class="ds-thread"></div>
<script type="text/javascript">
var duoshuoQuery = {short_name:"360ku"};
(function() {
var ds = document.createElement('script');
ds.type = 'text/javascript';ds.async = true;
ds.src = 'http://static.duoshuo.com/embed.js';
ds.charset = 'UTF-8';
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(ds);
})();
</script>
</div>
</div><!-- /l -->
<div id="r">
<div class="in-newslist"><!-- 网站教程 -->
<dl>
<dt>猜你也喜欢看这些 ······</dt>
<dd><a href="/web/html/20.html" title="HTML基础教程：学习掌握HTML 元">[html教程] HTML基础教程：学习掌握HTML 元</a></dd>
<dd><a href="/web/html/19.html" title="HTML基础知识：学习掌握HTML 标">[html教程] HTML基础知识：学习掌握HTML 标</a></dd>
<dd><a href="/web/html/18.html" title="浅谈XHTML（可扩展HTML）标准中C">[html教程] 浅谈XHTML（可扩展HTML）标准中C</a></dd>
<dd><a href="/web/html/17.html" title="快速精通网页框架FRAME">[html教程] 快速精通网页框架FRAME</a></dd>
<dd><a href="/web/html/16.html" title="使用XHTML按标准重构网站">[html教程] 使用XHTML按标准重构网站</a></dd>
<dd><a href="/web/html/14.html" title="HTML网页初学者教程：讲解网页标">[html教程] HTML网页初学者教程：讲解网页标</a></dd>
<dd><a href="/web/html/13.html" title="新手学习老知识（一）HTML语言基">[html教程] 新手学习老知识（一）HTML语言基</a></dd>
<dd><a href="/web/html/12.html" title="新手学习老知识（二）HTML用好活">[html教程] 新手学习老知识（二）HTML用好活</a></dd>
<dd><a href="/web/html/11.html" title="新手学习老知识（三）HTML教程用">[html教程] 新手学习老知识（三）HTML教程用</a></dd>
<dd><a href="/web/html/9.html" title="HTML教程：建立超级连接">[html教程] HTML教程：建立超级连接</a></dd>
<dd><a href="/web/html/7.html" title="对于初学者不错的XHTML教程">[html教程] 对于初学者不错的XHTML教程</a></dd>
<dd><a href="/web/html/6.html" title="网页制作初学者：认识XHTML DHTM">[html教程] 网页制作初学者：认识XHTML DHTM</a></dd>
</dl>
</div>
<div class="in-newslist">
<dl>
<dt>其他类型的网站教程 ······ </dt>
<dd><a href="/web/wangyesheji/784.html" title="谨慎使用iframe框架">[网页设计] 谨慎使用iframe框架</a></dd>
<dd><a href="/web/wangyesheji/783.html" title="纯HTML标签详解1">[网页设计] 纯HTML标签详解1</a></dd>
<dd><a href="/web/wangyesheji/782.html" title="纯HTML标签详解">[网页设计] 纯HTML标签详解</a></dd>
<dd><a href="/web/dedecms/754.html" title="dedecms利用memberlist标签调用">[dede教程] dedecms利用memberlist标签调用</a></dd>
<dd><a href="/web/dedecms/753.html" title="DedeCms教程:圈子管理模块使用说">[dede教程] DedeCms教程:圈子管理模块使用说</a></dd>
<dd><a href="/web/dedecms/752.html" title="DEDECMS栏目目录名优化方案">[dede教程] DEDECMS栏目目录名优化方案</a></dd>
<dd><a href="/web/dedecms/751.html" title="DEDECMS网站数据快速迁移、数据">[dede教程] DEDECMS网站数据快速迁移、数据</a></dd>
<dd><a href="/web/dedecms/750.html" title="DEDECMS实现表单(模型)分步提交_">[dede教程] DEDECMS实现表单(模型)分步提交_</a></dd>
<dd><a href="/web/dedecms/749.html" title="快速上手 企业建站DedeCms新手指">[dede教程] 快速上手 企业建站DedeCms新手指</a></dd>
<dd><a href="/web/dedecms/748.html" title="从零开始学DedeCms模板，模板教">[dede教程] 从零开始学DedeCms模板，模板教</a></dd>
<dd><a href="/web/mysql/744.html" title="Mysql日期函数:日期时间格式转换">[mysql教程] Mysql日期函数:日期时间格式转换</a></dd>
<dd><a href="/web/php/743.html" title="使用php jpgraph类库创建折线图">[php教程] 使用php jpgraph类库创建折线图</a></dd>
</dl>
</div>
<div class="tags">
<dl><dt>关键词标签查找 ······ </dt>
<dd>
<a href='/tags.php?/%C0%B8%C4%BF%C7%B6%CC%D7/' title="栏目嵌套(1)" style="font-size:14px;color:#e172e7">栏目嵌套</a>
<a href='/tags.php?/ecshop%C4%A3%B0%E5/' title="ecshop模板(1)" style="font-size:14px;color:#f7692f">ecshop模板</a>
<a href='/tags.php?/%D7%D6%CC%E5/' title="字体(13)" style="font-size:14px;color:#9379a8">字体</a>
<a href='/tags.php?/%C8%AB%B9%FA%B5%D8%CD%BC%C8%C8%B5%E3/' title="全国地图热点(1)" style="font-size:14px;color:#f74f1f">全国地图热点</a>
<a href='/tags.php?/%BA%EC%C6%EC/' title="红旗(1)" style="font-size:14px;color:#81959b">红旗</a>
<a href='/tags.php?/tab%B2%CB%B5%A5/' title="tab菜单(2)" style="font-size:14px;color:#989ae">tab菜单</a>
<a href='/tags.php?/%B5%DB%B9%FA%C4%A3%B0%E5/' title="帝国模板(9)" style="font-size:14px;color:#d45e7d">帝国模板</a>
<a href='/tags.php?/%CA%FA%C1%D0%B2%CB%B5%A5/' title="竖列菜单(1)" style="font-size:14px;color:#174c36">竖列菜单</a>
<a href='/tags.php?/%C8%D5%C0%FA/' title="日历(1)" style="font-size:14px;color:#4e6a92">日历</a>
<a href='/tags.php?/%D4%B4%C2%EB/' title="源码(4)" style="font-size:14px;color:#b38c8f">源码</a>
<a href='/tags.php?/%B5%AF%B3%F6%B4%B0%BF%DA/' title="弹出窗口(3)" style="font-size:14px;color:#9d9382">弹出窗口</a>
<a href='/tags.php?/alert%B5%AF%B3%F6%B4%B0%BF%DA/' title="alert弹出窗口(1)" style="font-size:14px;color:#4abc4">alert弹出窗口</a>
<a href='/tags.php?/js%B7%D6%D2%B3/' title="js分页(1)" style="font-size:14px;color:#191d4b">js分页</a>
<a href='/tags.php?/%CA%B1%BC%E4%C8%D5%C6%DA/' title="时间日期(9)" style="font-size:14px;color:#be6b1b">时间日期</a>
<a href='/tags.php?/php%BD%CC%B3%CC/' title="php教程(9)" style="font-size:14px;color:#e1746d">php教程</a>
<a href='/tags.php?/%B5%AF%B3%F6%B5%C7%C2%BD%BF%F2/' title="弹出登陆框(2)" style="font-size:14px;color:#3621ff">弹出登陆框</a>
<a href='/tags.php?/%D7%D6%CC%E5%CF%C2%D4%D8/' title="字体下载(1)" style="font-size:14px;color:#223474">字体下载</a>
<a href='/tags.php?/%CF%C2%C0%AD%B2%CB%B5%A5/' title="下拉菜单(1)" style="font-size:14px;color:#268a7e">下拉菜单</a>
<a href='/tags.php?/%C3%FB%C6%AC%CB%D8%B2%C4/' title="名片素材(1)" style="font-size:14px;color:#b56dd3">名片素材</a>
<a href='/tags.php?/%B6%FE%BC%B6%B2%CB%B5%A5/' title="二级菜单(1)" style="font-size:14px;color:#9a2c1d">二级菜单</a>
<a href='/tags.php?/%C8%D5%C6%DA%CA%E4%C8%EB%BF%D8%BC%FE/' title="日期输入控件(1)" style="font-size:14px;color:#983791">日期输入控件</a>
<a href='/tags.php?/%B3%A4%B3%C7%D7%D6%CC%E5/' title="长城字体(1)" style="font-size:14px;color:#318699">长城字体</a>
<a href='/tags.php?/%B5%B9%BC%C6%CA%B1%D0%A7%B9%FB/' title="倒计时效果(1)" style="font-size:14px;color:#142e79">倒计时效果</a>
<a href='/tags.php?/%CD%F2%C4%EA%C0%FA/' title="万年历(1)" style="font-size:14px;color:#8640a4">万年历</a>
<a href='/tags.php?/%CB%D1%CB%F7%D2%FD%C7%E6%C8%EB%BF%DA/' title="搜索引擎入口(1)" style="font-size:14px;color:#53b8f3">搜索引擎入口</a>
</dd>
</dl>
</div>
<div class="widget">
<a href="http://t.qq.com/sucaiko" target="_blank"><img src="/images/x.gif" class="tqq" title="关注腾讯微博"/></a>
</div>
</div><!-- /r -->
<DIV style="DISPLAY: none" id=goTopBtn><IMG border=0 src="http://www.360ku.net/images/lanren_top.jpg"></DIV>
<SCRIPT type=text/javascript>goTopEx();</SCRIPT>
</div>
<div id="footer">
<div class="links product_list">
<p><strong>友情链接：(<a href="plus/flink_add.php" target="_blink">申请</a>)</strong>
<span class="link">
<a href='http://www.zzadmin.com' target='_blank'>交换友情链接</a> <a href='http://www.360ku.net/' target='_blank'>素材库</a> <a href='http://www.1991y.com/' target='_blank'>历史人物</a> <a href='http://yasuo.360.cn' target='_blank'>360压缩软件</a> <a href='http://www.0011.net' target='_blank'>零点友链</a> <a href='http://www.20313.com/' target='_blank'>牵起手</a> <a href='http://www.chenfushan.com/' target='_blank'>站长家族</a> <a href='http://www.mrhong.net/' target='_blank'>个人博客</a> <a href='http://www.bargua.com/' target='_blank'>八卦网</a> <a href='http://www.dearkay.com/' target='_blank'>酷站集中营</a> <a href='http://hao.360.cn' target='_blank'>360安全网址导航</a> <a href='http://www.borui.info/' target='_blank'>博瑞建站网</a> <a href='http://www.lvse.com' target='_blank'>绿色网站大全</a> <a href='http://www.meet007.com' target='_blank'>站长聚会</a>
</span>
</p>
</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 © 2011-2012 360KU.NET. 素材库 版权所有</p>
<p><a href="http://www.miibeian.gov.cn/" target="_blank"></a><a name="gobottom"> </a>
<script type="text/javascript">
var _bdhmProtocol = (("https:" == document.location.protocol) ? " https://" : " http://");
document.write(unescape("%3Cscript src='" + _bdhmProtocol + "hm.baidu.com/h.js%3Fef6800581047fa195e148f553cd7b6cd' type='text/javascript'%3E%3C/script%3E"));
</script>
<script src="http://exp.jiankongbao.com/loadtrace.php?host_id=10691&style=4&type=0" type="text/javascript"></script>
</p>
</div>
<div style="float: right">
<p>
<img src="http://www.360ku.net/images/logo_127.png" border="0" />
</p></div>
</div>
</div>
</div>
</div>
<script>dy("bdshare_fuchuang");</script>
</body>
</html> 