我们制作的每一个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>
<br>
<script type="text/javascript" src="/js/neixia.js"></script>
<div class="dede_pages">
<ul class="pagelist">
</ul>
</div>
</div>
<div class="fenxiang">
<div class="tag">标签：<a href="https://www.codesocang.com" target="_blink">源码</a><a href="https://www.codesocang.com" target="_blink">网站源码</a></div>
</div>
<div class="fenxiang">
<div class="tag">上一篇：<a href='/jiaocheng/html/13.html'>新手学习老知识（一）HTML语言基础</a> </div>
<div class="tag">下一篇：<a href='/jiaocheng/html/16.html'>使用XHTML按标准重构网站</a> </div>
</div>
</div><!-- /content -->
<div class="more">
<div class="l"></div>
<div class="r"></div>
</div>
<div class="t12">
<p><a href="/jiaocheng/html/8569.html" title="meta viewport标签的使用说明(手机浏览缩放">meta viewport标签的使用说明(手机浏览缩放</a></p>
<p><a href="/jiaocheng/html/8301.html" title="html中position的一个小用法使用介绍">html中position的一个小用法使用介绍</a></p>
<p><a href="/jiaocheng/html/1.html" title="学习HTML 4.0事件属性">学习HTML 4.0事件属性</a></p>
<p><a href="/jiaocheng/html/8213.html" title="html实现文字绕排示例(html图文混排)">html实现文字绕排示例(html图文混排)</a></p>
<p><a href="/jiaocheng/html/8660.html" title="为何html中嵌入mp4格式视频播放不了">为何html中嵌入mp4格式视频播放不了</a></p>
<p><a href="/jiaocheng/html/8523.html" title="如何在HTML中加载Flash(2种实现方法)">如何在HTML中加载Flash(2种实现方法)</a></p>
<p><a href="/jiaocheng/html/9066.html" title="innerHTML应用">innerHTML应用</a></p>
<p><a href="/jiaocheng/html/8347.html" title="HTMLimg标签的alt属性和title属性使用介绍">HTMLimg标签的alt属性和title属性使用介绍</a></p>
<p><a href="/jiaocheng/html/8419.html" title="表单元素属性readonly和disabled使用对比">表单元素属性readonly和disabled使用对比</a></p>
<p><a href="/jiaocheng/html/8486.html" title="button没有指定type为submit点击按钮跳转不">button没有指定type为submit点击按钮跳转不</a></p>
<p><a href="/jiaocheng/html/8432.html" title="html中的javascript 全选/取消全选操作示例">html中的javascript 全选/取消全选操作示例</a></p>
<p><a href="/jiaocheng/html/8775.html" title="Readonly和Disabled的区别">Readonly和Disabled的区别</a></p>
</div>
<div class="pinglun">
<!-- 多说评论框 start -->
<!-- 多说公共JS代码 end -->
</div>
</div><!-- /l -->
<div id="rgg">
<div id="wpcom-html-ad-4" class="widget widget_html_ad">
<script type="text/javascript" src="/js/neiyou.js"></script>
</div>
<div id="wpcom-post-thumb-3" class="widget widget_post_thumb">
<h3 class="widget-title"><span>html教程阅读排行</span></h3>
<ul>
<li class="item">
<div class="item-img">
<a class="item-img-inner" href="/jiaocheng/html/8569.html" title="meta viewport标签的使用说明(手机浏览缩放控制)">
<img class="j-lazy" src="/images/defaultpic.gif" alt="meta viewport标签的使用说明(手机浏览缩放控制)" style="display: inline;" />
</a>
</div>
<div class="item-content">
<p class="item-title"><a href="/jiaocheng/html/8569.html" title="meta viewport标签的使用说明(手机浏览缩放控制)">meta viewport标签的使用说明(手机浏览缩放控制)</a></p>
<p class="item-date">2014-06-08</p>
</div>
</li>
<li class="item">
<div class="item-img">
<a class="item-img-inner" href="/jiaocheng/html/8301.html" title="html中position的一个小用法使用介绍">
<img class="j-lazy" src="/images/defaultpic.gif" alt="html中position的一个小用法使用介绍" style="display: inline;" />
</a>
</div>
<div class="item-content">
<p class="item-title"><a href="/jiaocheng/html/8301.html" title="html中position的一个小用法使用介绍">html中position的一个小用法使用介绍</a></p>
<p class="item-date">2014-06-04</p>
</div>
</li>
<li class="item">
<div class="item-img">
<a class="item-img-inner" href="/jiaocheng/html/1.html" title="学习HTML 4.0事件属性">
<img class="j-lazy" src="/images/defaultpic.gif" alt="学习HTML 4.0事件属性" style="display: inline;" />
</a>
</div>
<div class="item-content">
<p class="item-title"><a href="/jiaocheng/html/1.html" title="学习HTML 4.0事件属性">学习HTML 4.0事件属性</a></p>
<p class="item-date">2010-04-07</p>
</div>
</li>
<li class="item">
<div class="item-img">
<a class="item-img-inner" href="/jiaocheng/html/8213.html" title="html实现文字绕排示例(html图文混排)">
<img class="j-lazy" src="/images/defaultpic.gif" alt="html实现文字绕排示例(html图文混排)" style="display: inline;" />
</a>
</div>
<div class="item-content">
<p class="item-title"><a href="/jiaocheng/html/8213.html" title="html实现文字绕排示例(html图文混排)">html实现文字绕排示例(html图文混排)</a></p>
<p class="item-date">2014-06-04</p>
</div>
</li>
<li class="item">
<div class="item-img">
<a class="item-img-inner" href="/jiaocheng/html/8660.html" title="为何html中嵌入mp4格式视频播放不了">
<img class="j-lazy" src="/images/defaultpic.gif" alt="为何html中嵌入mp4格式视频播放不了" style="display: inline;" />
</a>
</div>
<div class="item-content">
<p class="item-title"><a href="/jiaocheng/html/8660.html" title="为何html中嵌入mp4格式视频播放不了">为何html中嵌入mp4格式视频播放不了</a></p>
<p class="item-date">2014-06-09</p>
</div>
</li>
<li class="item">
<div class="item-img">
<a class="item-img-inner" href="/jiaocheng/html/8523.html" title="如何在HTML中加载Flash(2种实现方法)">
<img class="j-lazy" src="/images/defaultpic.gif" alt="如何在HTML中加载Flash(2种实现方法)" style="display: inline;" />
</a>
</div>
<div class="item-content">
<p class="item-title"><a href="/jiaocheng/html/8523.html" title="如何在HTML中加载Flash(2种实现方法)">如何在HTML中加载Flash(2种实现方法)</a></p>
<p class="item-date">2014-06-07</p>
</div>
</li>
<li class="item">
<div class="item-img">
<a class="item-img-inner" href="/jiaocheng/html/9066.html" title="innerHTML应用">
<img class="j-lazy" src="/images/defaultpic.gif" alt="innerHTML应用" style="display: inline;" />
</a>
</div>
<div class="item-content">
<p class="item-title"><a href="/jiaocheng/html/9066.html" title="innerHTML应用">innerHTML应用</a></p>
<p class="item-date">2014-06-09</p>
</div>
</li>
<li class="item">
<div class="item-img">
<a class="item-img-inner" href="/jiaocheng/html/8347.html" title="HTMLimg标签的alt属性和title属性使用介绍">
<img class="j-lazy" src="/images/defaultpic.gif" alt="HTMLimg标签的alt属性和title属性使用介绍" style="display: inline;" />
</a>
</div>
<div class="item-content">
<p class="item-title"><a href="/jiaocheng/html/8347.html" title="HTMLimg标签的alt属性和title属性使用介绍">HTMLimg标签的alt属性和title属性使用介绍</a></p>
<p class="item-date">2014-06-05</p>
</div>
</li>
</ul>
</div>
<div id="wpcom-post-thumb-3" class="widget widget_post_thumb">
<h3 class="widget-title"><span>最新文章</span></h3>
<ul>
<li class="item">
<div class="item-img">
<a class="item-img-inner" href="/jiaocheng/html/36792.html" title="网页制作HTML基础学习教程_动力节点">
<img class="j-lazy" src="http://p1.codesocang.com/uploads/allimg/171025/2-1G0251626320-L.png" alt="网页制作HTML基础学习教程_动力节点" style="display: inline;" />
</a>
</div>
<div class="item-content">
<p class="item-title"><a href="/jiaocheng/html/36792.html" title="网页制作HTML基础学习教程_动力节点">网页制作HTML基础学习教程_动力节点</a></p>
<p class="item-date">2017-10-25</p>
</div>
</li>
<li class="item">
<div class="item-img">
<a class="item-img-inner" href="/jiaocheng/html/9509.html" title="HTML元素 noscript使用介绍">
<img class="j-lazy" src="/images/defaultpic.gif" alt="HTML元素 noscript使用介绍" style="display: inline;" />
</a>
</div>
<div class="item-content">
<p class="item-title"><a href="/jiaocheng/html/9509.html" title="HTML元素 noscript使用介绍">HTML元素 noscript使用介绍</a></p>
<p class="item-date">2014-06-15</p>
</div>
</li>
<li class="item">
<div class="item-img">
<a class="item-img-inner" href="/jiaocheng/html/9508.html" title="Adobe Brackets 简单使用图文教程">
<img class="j-lazy" src="http://p1.codesocang.com/uploads/allimg/c140615/1402OY203Z60-1O02_lit.png" alt="Adobe Brackets 简单使用图文教程" style="display: inline;" />
</a>
</div>
<div class="item-content">
<p class="item-title"><a href="/jiaocheng/html/9508.html" title="Adobe Brackets 简单使用图文教程">Adobe Brackets 简单使用图文教程</a></p>
<p class="item-date">2014-06-15</p>
</div>
</li>
<li class="item">
<div class="item-img">
<a class="item-img-inner" href="/jiaocheng/html/9507.html" title="iframe框架在IE浏览器下将白色背景设为透明色">
<img class="j-lazy" src="/images/defaultpic.gif" alt="iframe框架在IE浏览器下将白色背景设为透明色" style="display: inline;" />
</a>
</div>
<div class="item-content">
<p class="item-title"><a href="/jiaocheng/html/9507.html" title="iframe框架在IE浏览器下将白色背景设为透明色">iframe框架在IE浏览器下将白色背景设为透明色</a></p>
<p class="item-date">2014-06-15</p>
</div>
</li>
<li class="item">
<div class="item-img">
<a class="item-img-inner" href="/jiaocheng/html/9506.html" title="空格在Html中如何表示( 有什么含义)">
<img class="j-lazy" src="/images/defaultpic.gif" alt="空格在Html中如何表示( 有什么含义)" style="display: inline;" />
</a>
</div>
<div class="item-content">
<p class="item-title"><a href="/jiaocheng/html/9506.html" title="空格在Html中如何表示( 有什么含义)">空格在Html中如何表示( 有什么含义)</a></p>
<p class="item-date">2014-06-15</p>
</div>
</li>
<li class="item">
<div class="item-img">
<a class="item-img-inner" href="/jiaocheng/html/9104.html" title="使用SWFObject完美解决HTML插入Flash的各浏览器兼容性方案">
<img class="j-lazy" src="/images/defaultpic.gif" alt="使用SWFObject完美解决HTML插入Flash的各浏览器兼容性方案" style="display: inline;" />
</a>
</div>
<div class="item-content">
<p class="item-title"><a href="/jiaocheng/html/9104.html" title="使用SWFObject完美解决HTML插入Flash的各浏览器兼容性方案">使用SWFObject完美解决HTML插入Flash的各浏览器兼容性方案</a></p>
<p class="item-date">2014-06-12</p>
</div>
</li>
<li class="item">
<div class="item-img">
<a class="item-img-inner" href="/jiaocheng/html/9103.html" title="设置contenteditable属性可编辑HTML标签的内容(可代替textarea)">
<img class="j-lazy" src="/images/defaultpic.gif" alt="设置contenteditable属性可编辑HTML标签的内容(可代替textarea)" style="display: inline;" />
</a>
</div>
<div class="item-content">
<p class="item-title"><a href="/jiaocheng/html/9103.html" title="设置contenteditable属性可编辑HTML标签的内容(可代替textarea)">设置contenteditable属性可编辑HTML标签的内容(可代替textarea)</a></p>
<p class="item-date">2014-06-12</p>
</div>
</li>
<li class="item">
<div class="item-img">
<a class="item-img-inner" href="/jiaocheng/html/9102.html" title="文字滚动后自动停止效果示例">
<img class="j-lazy" src="/images/defaultpic.gif" alt="文字滚动后自动停止效果示例" style="display: inline;" />
</a>
</div>
<div class="item-content">
<p class="item-title"><a href="/jiaocheng/html/9102.html" title="文字滚动后自动停止效果示例">文字滚动后自动停止效果示例</a></p>
<p class="item-date">2014-06-12</p>
</div>
</li>
</ul>
</div>
</div>
<div class="links product_list">
<p>
<strong>热门源码</strong>
<span class="link">
<li><a href="https://www.codesocang.com/tag/yingshiwangzhanmoban_27429_1.html">电影网站程序</a></li>
<li><a href="https://www.codesocang.com/zsvip_discuz/">论坛源码</a></li>
<li><a href="https://www.codesocang.com/muban/">网页之家</a></li>
<li><a href="https://www.codesocang.com/vipASPyuanma/">asp源码下载</a></li>
<li><a href="https://www.codesocang.com/">源代码 下载</a></li>
<li><a href="https://www.codesocang.com/yuanma/">免费源码下载</a></li>
<li><a href="https://www.codesocang.com/muban/">html源代码</a></li>
<li><a href="https://www.codesocang.com/vipASPyuanma/">asp 源代码</a></li>
<li><a href="https://www.codesocang.com/zsvip/39641.html">导航网站源码</a></li>
<li><a href="https://www.codesocang.com/qiyewangzhanmb/">企业模板</a></li>
<li><a href="https://www.codesocang.com/wzhtmb/40108.html">办公管理系统</a></li>
<li><a href="https://www.codesocang.com/vipcode/">企业网站程序</a></li>
<li><a href="https://www.codesocang.com/">源代码 在线</a></li>
<li><a href="https://www.codesocang.com/muban/">网页模板下载</a></li>
<li><a href="https://www.codesocang.com/grwzmb/">html个人主页模板</a></li>
<li><a href="https://www.codesocang.com/">网站源代码</a></li>
<li><a href="https://www.codesocang.com/">网站模板</a></li>
<li><a href="https://www.codesocang.com/vipc_NETyuanma/">.net源码</a></li>
<li><a href="https://www.codesocang.com/zsvip_diguo/">帝国cms</a></li>
<li><a href="https://www.codesocang.com/tx-xuanfu/7731.html">网站右下角广告</a></li>
<li><a href="https://www.codesocang.com/sviptinkphp/42365.html">商城小程序源码下载</a></li>
<li><a href="https://www.codesocang.com/">下载网站源码</a></li>
<li><a href="https://www.codesocang.com/zsvip/40450.html">图片识别植物</a></li>
<li><a href="https://www.codesocang.com/muban/">免费网页模板</a></li>
<li><a href="https://www.codesocang.com/zsvip/38269.html">php问答系统下载</a></li>
<li><a href="https://www.codesocang.com/vipPHPyuanma/">php代码</a></li>
<li><a href="https://www.codesocang.com/wzhtmb/">网站后台模板</a></li>
<li><a href="https://www.codesocang.com/grwzmb/">个人网页制作模板</a></li>
<li><a href="https://www.codesocang.com/">源码站</a></li>
<li><a href="https://www.codesocang.com/">网站源码</a></li>
<li><a href="https://www.codesocang.com/muban/">网站模板下载</a></li>
<li><a href="https://www.codesocang.com/vipASPyuanma/">asp源码</a></li>
<li><a href="https://www.codesocang.com/">源码网</a></li>
<li><a href="https://www.codesocang.com/grwzmb/">个人网站设计模板</a></li>
<li><a href="https://www.codesocang.com/zsvip/40646.html">素材解析平台</a></li>
<li><a href="https://www.codesocang.com/muban/">网页模板免费下载</a></li>
<li><a href="https://www.codesocang.com/vipcode/shoujizhanyuanma/">手机源码</a></li>
<li><a href="https://www.codesocang.com/vipcode/">企业网站模板下载</a></li>
<li><a href="https://www.codesocang.com/zsvip/39644.html">学生学籍管理系统</a></li>
<li><a href="https://www.codesocang.com/qiyewangzhanmb/">企业网站模板</a></li>
<li><a href="https://www.codesocang.com/tx-tupian/">图片代码</a></li>
<li><a href="https://www.codesocang.com/muban/wap/">app模版</a></li>
<li><a href="https://www.codesocang.com/vipASPyuanma/">asp 源码</a></li>
<li><a href="https://www.codesocang.com/pdf/">电子书籍</a></li>
<li><a href="https://www.codesocang.com/jiaocheng/Webqianduan/32158.html">新闻发布系统</a></li>
<li><a href="https://www.codesocang.com/gn-xiangmu/">安卓源码下载</a></li>
<li><a href="https://www.codesocang.com/jq/jquery1.7.2.html">jquery api</a></li>
<li><a href="https://www.codesocang.com/vipPHPyuanma/35509.html">分类信息程序</a></li>
<li><a href="https://www.codesocang.com/zsvip/36971.html">点播系统</a></li>
<li><a href="https://www.codesocang.com/muban/">网站 模板</a></li>
</span>
</p>
</div>
</div>
<div class="footer">
<div class="clearfix wrap">
<div class="telephone fl">
<h1>服务咨询</h1>
<i></i>
<p>QQ-xxxxxxxx</p>
<span>（周一至周六 9:00——18:00）</span> <a rel="nofollow" href="http://wpa.qq.com/msgrd?v=3&uin=xxxxxxxx&site=qq&menu=yes" target="blank"><em></em>在线客服</a>
</div>
<div class="entrance fl">
<h1>整站源码</h1>
<i></i>
<a href="/zsvip_dede/" target="blank">织梦模板</a>
<a href="/zsvip_diguo/" target="blank">帝国cms模板</a>
<a href="/zsvip_ecshop/" target="blank">商城源码</a>
<a href="/zsvip_discuz/" target="blank">discuz模板</a>
<a href="/zsvip_wordpress/" target="blank">wordpress模板</a>
<a href="/zsvip_qita/" target="blank">其他源码</a>
<a href="/zsvip_appyuanma/" target="blank">app源码</a>
</div>
<div class="help fl">
<h1>网站模板</h1>
<i></i>
<a href="/vipPHPyuanma/" target="blank">PHP源码</a>
<a href="/vipASPyuanma/" target="blank">ASP源码</a>
<a href="/vipc_NETyuanma/" target="blank">.NET源码</a>
<a href="/vipqitayuanma/" target="blank">其他VIP源码</a>
<a href="/vipcode/shoujizhanyuanma/" target="blank">手机VIP源码</a>
</div>
<div class="aboutus fl">
<h1>免费源码</h1>
<i></i>
<a href="/phpxietongbangong/" target="blank">协同办公</a>
<a href="/phpliuyanriji/" target="blank">留言日记</a>
<a href="/phpshequluntan/" target="blank">社区论坛</a>
<a href="/phpshangchuanxiazai/" target="blank">上传下载</a>
<a href="/phpdianzishangwu/" target="blank">电子商务</a>
<a href="/phpguanggaopaixing/" target="blank">广告排行</a>
<a href="/phptoupiaodiaocha/" target="blank">投票调查</a>
</div>
<div class="agreement fl">
<h1>关于我们</h1>
<i></i>
<a rel="nofollow" href="/about/wangzhangonggao/" target="blank">网站公告</a>
<a rel="nofollow" href="/about/guanyuwomen/" target="blank">关于我们</a>
<a rel="nofollow" href="/about/mianzeshengming/" target="blank">免责声明</a>
<a rel="nofollow" href="/about/zhucexieyi/" target="blank">注册协议</a>
<a rel="nofollow" href="/about/lianxiwomen/" target="blank">联系我们</a>
</div>
</div>
</div>
<div class="copyright">
Copyright ©
<script>2013-document.write( new Date().getFullYear() );</script>版权所有 本站资源均来自互联网或会员发布，如果侵犯了您的权益请与我们联系，我们将在24小时内删除！谢谢！
<div style="display:none"><script src="/js/ji.js" type="text/javascript"></script></div>
<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 class="sidebar" style="display: block;">
<ul>
<li class="vipbtn"><a href="/vip/" target="_blank"><i></i></a></li>
<li class="srvbtn">
<a href="javascript:;">
<i></i>
<p>客服</p>
</a>
<div class="kfcode">
<div class="conts">
<a rel="nofollow" href="http://wpa.qq.com/msgrd?v=3&uin=xxxxxxxx&site=qq&menu=yes" target="_blank" class="qqkf"><i></i><span>联系QQ客服①</span></a>
<a rel="nofollow" href="http://wpa.qq.com/msgrd?v=3&uin=xxxxxxxx&site=qq&menu=yes" target="_blank" class="qqkf"><i></i><span>侵权投诉</span></a>
</div>
</div>
</li>
<li class="wxbtn">
<a href="javascript:;">
<i></i>
<p>微信</p>
</a>
<div class="wxcode">
<div class="conts">
<h1>扫码关注有惊喜</h1>
<img src="/image/weixin.jpg">
</div>
</div>
</li>
<li class="backtopbtn"><a href="javascript:;"><i></i></a></li>
</ul>
</div>
<script type="text/javascript">
$( document ).ready( function ()
{
$( function ()
{
$( ".backtopbtn" ).click( function ()
{
$( 'body,html' ).animate( { scrollTop: 0 }, 1000 );
return false;
} );
} );
} );
</script>
<div class="directive_notif"><span class="no_prompt"></span></div>
</body>
</html>