我们制作的每一个HTML网页都应该有文档标题。那么到底如何设置标题呢？这个教程就作为网页初学者的入门吧！
给你的文档增加一个标题，按照下面改变你的代码：
"">
我的第一个网页我的第一个网页
你可以看到，我们已经增加从
标签和
标签开始的两个新元素（看看他们是怎么关闭的）。</p><p>头元素（从起始标签<head>到闭合标签</head>之间的内容）出现在主体元素（从起始标签< body>到闭合标签</body>之间的内容）之前，包含将在主体元素信息之前装载的信息。这些信息不会出现在浏览器窗口中。</p><p>随着我们进一步学习，你会看到更多能够插入头元素的其它元素，但最重要的还是标题元素。</p><p>如果你从浏览器查看这个网页（像前面一样已经保存和刷新），你可以看到“这是我的第一个网页”出现在浏览器窗口的标题栏。你键入的位于标题（title）标签的文本已经变成了这个文档的标题，惊奇吧？假设把这个网页增添到你的收藏夹或者书签，你会看到标题也会出现在这里。<br /></p>
<p align="center"> </p>
</div>
</td>
</tr>
</table>
<ul class="lm_pages">
</ul>
<ul class="lm_pages" style="padding-left:10px; color:#FF8000;">
上一篇：<a href='/html/201405174.html'>新手学习老知识（一）HTML语言基础</a> <br/>下一篇：<a href='/html/201405176.html'>网页文本排版知识：为正确的内容使用恰当的标</a>
</ul>
</div>
<div class="modB">
<div class="askListBox">
<h3>最新评论</h3>
<div class="askListBox">
<ul class="askList" id="askList"></ul>
<div class="askPage">
<a href="javascript:void(0)" class="btn" id="askListMore">加载更多~~</a>
</div>
</div>
</div>
<!-- askListBox -->
<div class="askForm" id="#123">
<h3>添加评论</h3>
<div class="editBox" >
<form action="/api/editor" id="editorForm">
<!-- <span>
评论楼层:[0是顶层]
</span>
<input type="text" class="inputId" name="id" value="0" /> -->
<input type="hidden" name="aid" value="175" />
<div id="editToolbar"></div>
<div id="editBoxTxt"></script>
<!-- <script type="text/plain" id="editBox"><p>欢迎参与讨论~</p></script> -->
</form>
</div>
<div class="btnBox">
<button id="submit" class="submit btn">提交</button>
</div>
</div>
<!-- askForm -->
</div>
<div class="n_more">
<h2 class="n_moer_t">更多文章推荐</h2>
<ul class="n_moer_ul">
<li><a href="/html/20141215751.html" title="XHTML入门学习教程:文字格式与特殊字符_HTML/Xhtm">XHTML入门学习教程:文字格式与特殊字符_HTML/Xhtm</a>
<span class="times" >2014-12-15</span>
</li>
<li><a href="/html/20141215549.html" title="HTML标签上标sup、下标sub应用介绍_HTML/Xhtml_网页制">HTML标签上标sup、下标sub应用介绍_HTML/Xhtml_网页制</a>
<span class="times" >2014-12-15</span>
</li>
<li><a href="/html/20141215462.html" title="HTML中select下拉框内容显示不全部分被覆盖的解决">HTML中select下拉框内容显示不全部分被覆盖的解决</a>
<span class="times" >2014-12-15</span>
</li>
<li><a href="/html/20141215864.html" title="网页HTML代码讲解:有序列表和无序列表_HTML/Xhtml">网页HTML代码讲解:有序列表和无序列表_HTML/Xhtml</a>
<span class="times" >2014-12-15</span>
</li>
<li><a href="/html/20141216061.html" title="ie 滤镜大全整理_HTML/Xhtml_网页制作">ie 滤镜大全整理_HTML/Xhtml_网页制作</a>
<span class="times" >2014-12-15</span>
</li>
<li><a href="/html/20170742870.html" title="Dreamweaver网页中怎么使用标签来换行?">Dreamweaver网页中怎么使用标签来换行?</a>
<span class="times" >2017-07-13</span>
</li>
<li><a href="/html/20141215848.html" title="HTML教程：DOCTYPE 的缩写_HTML/Xhtml_网页制作">HTML教程：DOCTYPE 的缩写_HTML/Xhtml_网页制作</a>
<span class="times" >2014-12-15</span>
</li>
<li><a href="/html/20141215774.html" title="标记语言——清单_HTML/Xhtml_网页制作">标记语言——清单_HTML/Xhtml_网页制作</a>
<span class="times" >2014-12-15</span>
</li>
<li><a href="/html/20141216011.html" title="跨浏览器开发经验总结（一） HTML标记 _HTML/Xht">跨浏览器开发经验总结（一） HTML标记 _HTML/Xht</a>
<span class="times" >2014-12-15</span>
</li>
<li><a href="/html/20180343720.html" title="HTMl中Meta标签详解以及meta property=og标签含义">HTMl中Meta标签详解以及meta property=og标签含义</a>
<span class="times" >2018-03-19</span>
</li>
</ul>
</div>
<!-- n_more -->
</div>
</div>
</div>
<!-- modA -->
</div>
</div>
<!--middle_content -->
<div class="clear"></div>
<div class="foot">
<div class="foot_nr main">
<p>自学PHP网专注网站建设学习,PHP程序学习,平面设计学习，以及操作系统学习</p>
<p><a href="https://beian.miit.gov.cn/" target="_blank">京ICP备14009008号-1</a>@版权所有<a href="http://www.zixuephp.com/">www.zixuephp.com</a></p>
<p><b>网站声明</b>：本站所有视频，教程都由网友上传，站长收集和分享给大家学习使用，如由牵扯版权问题请联系<font style="color:#f00">站长邮箱</font>904561283@qq.com</p>
</div>
</div>
<div class="popAskBox pos none">
<span class="close icon iconfont"></span>
<div class="askForm">
<h3>添加评论</h3>
<div class="editBox" >
<form action="/api/editor" id="editorForm2">
<!-- <span>
评论楼层:[0是顶层]
</span>
<input type="text" class="inputId" name="id" value="0" /> -->
<input type="hidden" name="aid" value="175" />
<div id="editToolbar2"></div>
<div id="editBoxTxt2"></script>
<!-- <script type="text/plain" id="editBox"><p>欢迎参与讨论~</p></script> -->
</form>
</div>
<div class="btnBox">
<button id="submit2" class="submit btn">提交</button>
</div>
</div>
</div>
</div>
<script type="text/javascript" src="/static/syh/shCore.js"></script>
<!-- 引入自己的JS -->
<script type="text/javascript" src="/static/js/common.js?v=1015"></script>
<!-- 引入自己的JS -->
<script>
$(function(){
//页面初始化
domCode.init({
page:"article",
cbk:function(){
// 触发代码高亮
// SyntaxHighlighter.all();
}
});
//设置页面懒加载
$("img.lazy").lazyload({effect: "fadeIn"});
$("#box_article pre").each(function () {
var $this = $(this);
if ($this.attr("class") && $this.attr("class").indexOf("brush:") != -1) {
var lang = $this.attr("class").split(';')[0].split(':')[1];
$this.attr('name', 'code');
$this.attr('class', lang);
} else {
$this.attr('name', 'code');
$this.attr('class', 'javascript');
}
});
dp.SyntaxHighlighter.HighlightAll('code');
});
</script>
</body>
</html> 