我们制作的每一个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/htmljc/201405174.html'>新手学习老知识（一）HTML语言基础</a> <br/>下一篇：<a href='/html/htmljc/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/htmljc/20141215606.html" title="HTML标签嵌套规则详细归纳适合新手朋友_HTML/Xht">HTML标签嵌套规则详细归纳适合新手朋友_HTML/Xht</a>
<span class="times" >2014-12-15</span>
</li>
<li><a href="/html/htmljc/20141216034.html" title="百度输入法开放API 宣称可随意移植使用 _HTML/Xh">百度输入法开放API 宣称可随意移植使用 _HTML/Xh</a>
<span class="times" >2014-12-15</span>
</li>
<li><a href="/html/htmljc/20141215803.html" title="HTML 行间距的设置方法与问题_HTML/Xhtml_网页制作">HTML 行间距的设置方法与问题_HTML/Xhtml_网页制作</a>
<span class="times" >2014-12-15</span>
</li>
<li><a href="/html/htmljc/20141215868.html" title="制作主流邮箱能正常显示的HTML邮件的技巧_HTML/">制作主流邮箱能正常显示的HTML邮件的技巧_HTML/</a>
<span class="times" >2014-12-15</span>
</li>
<li><a href="/html/htmljc/20141215997.html" title="doctype的markup validation _HTML/Xhtml_网页制作">doctype的markup validation _HTML/Xhtml_网页制作</a>
<span class="times" >2014-12-15</span>
</li>
<li><a href="/html/htmljc/20141215279.html" title="如何点击a标签实现弹出input file上传文件对话框">如何点击a标签实现弹出input file上传文件对话框</a>
<span class="times" >2014-12-15</span>
</li>
<li><a href="/html/htmljc/20141215303.html" title="html超链接样式(四种不同状态)设置示例_HTML/Xhtm">html超链接样式(四种不同状态)设置示例_HTML/Xhtm</a>
<span class="times" >2014-12-15</span>
</li>
<li><a href="/html/htmljc/20141215857.html" title="html标签：sub标记和sup标记_HTML/Xhtml_网页制作">html标签：sub标记和sup标记_HTML/Xhtml_网页制作</a>
<span class="times" >2014-12-15</span>
</li>
<li><a href="/html/htmljc/20170742874.html" title="html5定制表单_动力节点Java学院整理">html5定制表单_动力节点Java学院整理</a>
<span class="times" >2017-07-13</span>
</li>
<li><a href="/html/htmljc/20141215265.html" title="html页面使用include导入php文件后多出一空白行_H">html页面使用include导入php文件后多出一空白行_H</a>
<span class="times" >2014-12-15</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=1883"></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> 