HTML网页初学者教程：讲解网页标题Title
作者:企帮商学院 时间:2010-04-07 09:29
标签：
企帮商学院导读：我们制作的每一个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>
(责任编辑：企帮商学院)
<!-- /content -->
<div class="dede_pages">
<ul class="pagelist">
</ul>
</div>
<!-- //顶踩 -->
<div class="newdigg" id="newdigg">
<div class="diggbox digg_good" onmousemove="this.style.backgroundPosition='left bottom';" onmouseout="this.style.backgroundPosition='left top';" onclick="javascript:postDigg('good',14)">
<div class="digg_act">顶一下</div>
<div class="digg_num">(0)</div>
<div class="digg_percent">
<div class="digg_percent_bar"><span style="width:0%"></span></div>
<div class="digg_percent_num">0%</div>
</div>
</div>
<div class="diggbox digg_bad" onmousemove="this.style.backgroundPosition='right bottom';" onmouseout="this.style.backgroundPosition='right top';" onclick="javascript:postDigg('bad',14)">
<div class="digg_act">踩一下</div>
<div class="digg_num">(0)</div>
<div class="digg_percent">
<div class="digg_percent_bar"><span style="width:0%"></span></div>
<div class="digg_percent_num">0%</div>
</div>
</div>
</div>
<script language="javascript" type="text/javascript">getDigg(14);</script>
<!-- //顶踩部份的源码结束 -->
<!-- //分享代码开始 -->
<div class="bdsharebuttonbox"><a href="#" class="bds_more" data-cmd="more"></a><a title="分享到QQ空间" href="#" class="bds_qzone" data-cmd="qzone"></a><a title="分享到新浪微博" href="#" class="bds_tsina" data-cmd="tsina"></a><a title="分享到腾讯微博" href="#" class="bds_tqq" data-cmd="tqq"></a><a title="分享到人人网" href="#" class="bds_renren" data-cmd="renren"></a><a title="分享到微信" href="#" class="bds_weixin" data-cmd="weixin"></a></div>
<script>window._bd_share_config={"common":{"bdSnsKey":{},"bdText":"","bdMini":"2","bdMiniList":false,"bdPic":"","bdStyle":"0","bdSize":"32"},"share":{}};with(document)0[(getElementsByTagName('head')[0]||body).appendChild(createElement('script')).src='http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion='+~(-new Date()/36e5)];</script>
<!-- //分享代码结束 -->
<div class="boxoff"></div>
<div class="handle">
<div class="context">
<ul>
<li>上一篇：<a href='/a/webbase/html/2010/0407/13.html'>新手学习老知识（一）HTML语言基础</a> </li>
<li>下一篇：<a href='/a/webbase/html/2010/0407/15.html'>网页文本排版知识：为正确的内容使用恰当的标签</a> </li>
</ul>
</div>
<!-- /context -->
<div class="actbox">
<ul>
<li id="act-fav"><a href="/plus/stow.php?aid=14" target="_blank">收藏</a></li>
<li id="act-err"><a href="/plus/erraddsave.php?aid=14&title=HTML网页初学者教程：讲解网页标题Title" target="_blank">挑错</a></li>
<li id="act-pus"><a href="/plus/recommend.php?aid=14" target="_blank">推荐</a></li>
<li id="act-pnt"><a href="#" onClick="window.print();">打印</a></li>
</ul>
</div>
<!-- /actbox -->
</div>
<!-- /handle -->
<!-- /viewbox -->
<!-- //AJAX评论区 -->
<!-- //左边内容结束 -->
<div class="rearbox">
<div class="title">
<i class="rear"></i>
<h2>相关文章</h2>
</div>
<ul class="rearul">
<table width='100%' border='0' cellspacing='0' cellpadding='0'>
<tr>
<td width='50%'>
</td>
<td width='50%'>
</td>
</tr>
<tr>
<td width='50%'>
</td>
<td width='50%'>
</td>
</tr>
<tr>
<td width='50%'>
</td>
<td width='50%'>
</td>
</tr>
<tr>
<td width='50%'>
</td>
<td width='50%'>
</td>
</tr>
<tr>
<td width='50%'>
</td>
<td width='50%'>
</td>
</tr>
</table>
</ul>
</div>
</div>
</div>
<div class="nyleft">
<div class="nyprolist">
<!--热门排行-->
<div class="title">
<h3>热门排行</h3>
</div>
<div class="nyprolistmain rightnew">
<ul>
<li class="no1"><a href="/a/webbase/html/2010/0407/92.html" title="DedeCMS V5.6 开发日志及新建议提交贴"><span>1</span>DedeCMS V5.6 开发日志及新建</a></li>
<li class="no2"><a href="/a/webbase/html/2010/0407/10.html" title="表格中单元格之间分隔线的隐藏方法"><span>2</span>表格中单元格之间分隔线</a></li>
<li class="no3"><a href="/a/webbase/html/2010/0407/7.html" title="对于初学者不错的XHTML教程"><span>3</span>对于初学者不错的XHTML教程</a></li>
<li class="no4"><a href="/a/webbase/html/2010/0407/1.html" title="学习HTML 4.0事件属性"><span>4</span>学习HTML 4.0事件属性</a></li>
<li class="no5"><a href="/a/webbase/html/2010/0407/2.html" title="初学者：XHTML常用标签的基本应用指南"><span>5</span>初学者：XHTML常用标签的基</a></li>
<li class="no6"><a href="/a/webbase/html/2010/0407/3.html" title="网页中应用表格爱好者"><span>6</span>网页中应用表格爱好者</a></li>
<li class="no7"><a href="/a/webbase/html/2010/0407/4.html" title="初学者很好的参考：HTML标签详尽讲解"><span>7</span>初学者很好的参考：HTML标</a></li>
<li class="no8"><a href="/a/webbase/html/2010/0407/5.html" title="实例学习网页制作中常用的网页表单的应用"><span>8</span>实例学习网页制作中常用</a></li>
<li class="no9"><a href="/a/webbase/html/2010/0407/6.html" title="网页制作初学者：认识XHTML DHTML SHTML的区别"><span>9</span>网页制作初学者：认识X</a></li>
<li class="no10"><a href="/a/webbase/html/2010/0407/8.html" title="介绍span和div标签的使用"><span>10</span>介绍span和div标签的使用</a></li>
</ul>
</div>
<!--最新文章-->
<div class="title">
<h3>最新文章</h3>
</div>
<div class="nyprolistmain rightnew">
<ul>
<!--最新文章列表-->
<li><a href="/a/webbase/html/2010/0407/92.html" title="DedeCMS V5.6 开发日志及新建议提交贴">DedeCMS V5.6 开发日志及新建议</a></li>
<li><a href="/a/webbase/html/2010/0407/12.html" title="新手学习老知识（二）HTML用好活动字幕标记marquee">新手学习老知识（二）HTML用</a></li>
<li><a href="/a/webbase/html/2010/0407/13.html" title="新手学习老知识（一）HTML语言基础">新手学习老知识（一）HTML语</a></li>
<li><a href="/a/webbase/html/2010/0407/14.html" title="HTML网页初学者教程：讲解网页标题Title">HTML网页初学者教程：讲解网</a></li>
<li><a href="/a/webbase/html/2010/0407/15.html" title="网页文本排版知识：为正确的内容使用恰当的标签">网页文本排版知识：为正确的</a></li>
<li><a href="/a/webbase/html/2010/0407/16.html" title="使用XHTML按标准重构网站">使用XHTML按标准重构网站</a></li>
<li><a href="/a/webbase/html/2010/0407/17.html" title="快速精通网页框架FRAME">快速精通网页框架FRAME</a></li>
<li><a href="/a/webbase/html/2010/0407/18.html" title="浅谈XHTML（可扩展HTML）标准中CDATA">浅谈XHTML（可扩展HTML）标准中</a></li>
<li><a href="/a/webbase/html/2010/0407/19.html" title="HTML基础知识：学习掌握HTML 标准属性">HTML基础知识：学习掌握HTML</a></li>
<li><a href="/a/webbase/html/2010/0407/20.html" title="HTML基础教程：学习掌握HTML 元素">HTML基础教程：学习掌握HTML</a></li>
</ul>
</div>
</div>
</div>
<div class="clear"></div>
</div>
<div class="foot">
<div class="footnav">
<ul>
<li class="hover"><a href="/" title="企帮网络资讯">首 页</a></li>
<li><a href='/kecheng/' rel='dropmenu23'>全网营销课程</a></li>
<li><a href='/a/mingshizhuanjia/' >名师专家</a></li>
<li><a href='/wd/' rel='dropmenu16'>网道</a></li>
<li><a href='/gongsijianjie/' rel='dropmenu12'>关于企帮</a></li>
</ul>
</div>
<div class="copyright">Copyright © 2014-2020 Qebang. 企帮网络技术有限公司 版权所有 <a target="_blank" href="http://beian.miit.gov.cn/">粤ICP备09044464号</a> | <a href="/mzsm/mianze.html">免责声明</a></div>
<div class="links">
<strong>友情链接:</strong>
<a href='http://www.qebang.cn' target='_blank'>深圳网络营销公司</a>
<a href='http://www.qebang.com' target='_blank'>企邦在线</a>
<a href='http://www.huix.cn/' target='_blank'>深圳网站建设</a>
<a href='http://www.houseseo.com/' target='_blank'>SEO教程</a>
<a href='http://www.jdwlkj.net' target='_blank'>合肥网站优化</a>
<a href='http://www.hangju.net' target='_blank'>广州网络营销</a>
<a href='http://0515.qeo.cn/' target='_blank'>盐城培训机构</a>
<a href='http://www.71wl.com' target='_blank'>广州网站建设</a>
<a href='http://www.peixseo.com' target='_blank'>东莞网站优化</a>
<a href='http://www.qeo.cn/343/' target='_blank'>网络营销培训</a>
<a href='http://www.znbnet.cn' target='_blank'>上海网站建设公司</a>
<a href='http://www.nxywk.com' target='_blank'>网络营销外包</a>
<a href='http://bbs.594zz.com' target='_blank'>seo</a>
<a href='http://www.0311seo.net' target='_blank'>石家庄seo</a>
<a href='http://www.45ie.cn/' target='_blank'>郑州网站建设</a>
</div>
</div>
<script>
var _hmt = _hmt || [];
(function() {
var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?0f2ed9c5154228179cb071623537673f";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script>
<script>
var _hmt = _hmt || [];
(function() {
var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?ec241a578e11707b7d40da81056278a3";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script>
<!-- /footer -->
</body>
</html>
