HTML网页初学者教程：讲解网页标题Title

我们制作的每一个HTML网页都应该有文档标题。那么到底如何设置标题呢？这个教程就作为网页初学者的入门吧！

给你的文档增加一个标题，按照下面改变你的代码：

"">

我的第一个网页

我的第一个网页

你可以看到，我们已经增加从标签和标签开始的两个新元素（看看他们是怎么关闭的）。</p><p>头元素（从起始标签<head>到闭合标签</head>之间的内容）出现在主体元素（从起始标签< body>到闭合标签</body>之间的内容）之前，包含将在主体元素信息之前装载的信息。这些信息不会出现在浏览器窗口中。</p><p>随着我们进一步学习，你会看到更多能够插入头元素的其它元素，但最重要的还是标题元素。</p><p>如果你从浏览器查看这个网页（像前面一样已经保存和刷新），你可以看到“这是我的第一个网页”出现在浏览器窗口的标题栏。你键入的位于标题（title）标签的文本已经变成了这个文档的标题，惊奇吧？假设把这个网页增添到你的收藏夹或者书签，你会看到标题也会出现在这里。<br /></p> <p align="center"> </p> (责任编辑：admin)</td> </tr> </table> </div>  <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="boxoff"> <strong>------分隔线----------------------------</strong> </div> <div class="handle"> <div class="context"> <ul> <li>上一篇：<a href='/e/a/webbase/html/2010/0407/13.html'>新手学习老知识（一）HTML语言基础</a> </li> <li>下一篇：<a href='/e/a/webbase/html/2010/0407/15.html'>网页文本排版知识：为正确的内容使用恰当的标签</a> </li> </ul> </div>  <div class="actbox"> <ul> <li id="act-fav"><a href="/e/plus/stow.php?aid=14" target="_blank">收藏</a></li> <li id="act-err"><a href="/e/plus/erraddsave.php?aid=14&title=HTML网页初学者教程：讲解网页标题Title" target="_blank">挑错</a></li> <li id="act-pus"><a href="/e/plus/recommend.php?aid=14" target="_blank">推荐</a></li> <li id="act-pnt"><a href="#" onClick="window.print();">打印</a></li> </ul> </div>  </div>  </div>   尚未注册畅言帐号，请到后台注册 </div>   <div class="pright"> <div class="pright"> <div> <dl class="tbox"> <dt><strong>栏目列表</strong></dt> <dd> <ul class="d6"> <li><a href='/e/a/webbase/html/' class='thisclass'>HTML</a></li> <li><a href='/e/a/webbase/div-css/'>DIV&CSS</a></li> <li><a href='/e/a/webbase/javascript-ajax/'>Javascript/Ajax</a></li> <li><a href='/e/a/webbase/dreamweaver/'>Dreamweaver</a></li> </ul> </dd> </dl> </div> <div id="contentRtPicAD" style="margin:10px auto"><script type="text/javascript" src="http://ad.dedecms.com/adsview/?action=single&key=contentrtpicad&charset=gbk"></script></div> <div class="commend mt1"> <dl class="tbox light"> <dt class='light'><strong>推荐内容</strong></dt> <dd class='light'> <ul class="d4"> <li><a href="/e/a/webbase/html/2010/0407/1.html">学习HTML 4.0事件属性</a> <p>HTML 4.0的新特性之一是使HTML事件触发浏览器中的行为，比方说当用户点击一个HTML元素...</p> </li> <li><a href="/e/a/webbase/html/2010/0407/3.html">网页中应用表格爱好者</a> <p>你认为已经知道怎么制做表格了吧。当然，你已经了解 table、tr、td和th标签了，甚至还...</p> </li> <li><a href="/e/a/webbase/html/2010/0407/6.html">网页制作初学者：认识XHTML DHTML SHTML的区</a> <p>我们经常会在一个技术性网站或BBS见到这三个东东：XHTML DHTML SHTML，它们到底是怎么...</p> </li> <li><a href="/e/a/webbase/html/2010/0407/7.html">对于初学者不错的XHTML教程</a> <p>在这个教程里，你将学到HTML和XHTML之间的不同，以及如何将HTML转换为XHTML。毕竟XHTM...</p> </li> <li><a href="/e/a/webbase/html/2010/0407/10.html">表格中单元格之间分隔线的隐藏方法</a> <p>隐藏分隔线的诀窍在于rules，察看这三个表格的源代码，我们可以看到表格标签中都有rul...</p> </li> <li><a href="/e/a/webbase/html/2010/0407/18.html">浅谈XHTML（可扩展HTML）标准中CDATA</a> <p>近来，随着XHTML（可扩展HTML）标准的出现，script/标签也经历了一些改变。该标签不再...</p> </li> </ul> </dd> </dl> </div>  <div class="hot mt1"> <dl class="tbox light"> <dt class='light'><strong>热点内容</strong></dt> <dd class='light'> <ul class="c1 ico2"> <li><a href="/e/a/webbase/html/2010/0407/92.html">DedeCMS V5.6 开发日志及新建议</a></li> <li><a href="/e/a/webbase/html/2010/0407/1.html">学习HTML 4.0事件属性</a></li> <li><a href="/e/a/webbase/html/2010/0407/2.html">初学者：XHTML常用标签的基本应</a></li> <li><a href="/e/a/webbase/html/2010/0407/3.html">网页中应用表格爱好者</a></li> <li><a href="/e/a/webbase/html/2010/0407/4.html">初学者很好的参考：HTML标签详尽</a></li> <li><a href="/e/a/webbase/html/2010/0407/5.html">实例学习网页制作中常用的网页表</a></li> <li><a href="/e/a/webbase/html/2010/0407/6.html">网页制作初学者：认识XHTML DHTM</a></li> <li><a href="/e/a/webbase/html/2010/0407/7.html">对于初学者不错的XHTML教程</a></li> <li><a href="/e/a/webbase/html/2010/0407/8.html">介绍span和div标签的使用</a></li> <li><a href="/e/a/webbase/html/2010/0407/9.html">HTML教程：建立超级连接</a></li> </ul> </dd> </dl> </div> <div id="contentRtPicAD2" style="margin:10px auto"><script type="text/javascript" src="http://ad.dedecms.com/adsview/?action=single&key=contentrtpicad2&charset=gbk"></script></div> </div>  </div> <div id="innerfooterAD2" style="margin:10px auto; width:726px"><script type="text/javascript" src="http://ad.dedecms.com/adsview/?action=single&key=innerfooterad2&charset=gbk"></script></div>  <div class="footer w960 center mt1 clear">  <div class="footer_left"></div> <div class="footer_body"> <p class="powered"> Powered by <a href="http://www.dedecms.com" title="织梦内容管理系统(DedeCms)--国内最专业的PHP网站管理系统，轻松建站的首选利器。" target="_blank"><strong>DedeCMS_V57_GBK_SP1</strong></a> © 2004-2011 <a href="http://www.desdev.cn/" target="_blank">DesDev</a> Inc.<br /><div class="copyright">Copyright © 2002-2011 DEDECMS. 织梦科技版权所有 <a href=http://www.dedemao.com target='_blank'>Power by DedeMao</a> </div></p>  </div> <div class="footer_right"></div> </div>  </body> </html>

搜索

热门标签:

HTML网页初学者教程：讲解网页标题Title