当前位置: 主页 > 网页基础 > HTML >

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

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

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

品牌:
净含量:
包装:
推荐星级:
店铺: 进店逛逛

TAG标签

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

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

"">


我的第一个网页


我的第一个网页

你可以看到,我们已经增加从标签和标签开始的两个新元素(看看他们是怎么关闭的)。</p><p>头元素(从起始标签<head>到闭合标签</head>之间的内容)出现在主体元素(从起始标签< body>到闭合标签</body>之间的内容)之前,包含将在主体元素信息之前装载的信息。这些信息不会出现在浏览器窗口中。</p><p>随着我们进一步学习,你会看到更多能够插入头元素的其它元素,但最重要的还是标题元素。</p><p>如果你从浏览器查看这个网页(像前面一样已经保存和刷新),你可以看到“这是我的第一个网页”出现在浏览器窗口的标题栏。你键入的位于标题(title)标签的文本已经变成了这个文档的标题,惊奇吧?假设把这个网页增添到你的收藏夹或者书签,你会看到标题也会出现在这里。<br /></p> <p align="center"> </p> </div> </div> <div class="comments-main"> <div class="commenttitle"><h3 id="comments">我有话要说</h3></div> <div id="respond_box"> <!-- Duoshuo Comment BEGIN --> <div class="ds-thread"></div> <script type="text/javascript"> var duoshuoQuery = {short_name:"monks"}; (function() { var ds = document.createElement('script'); ds.type = 'text/javascript';ds.async = true; ds.src = 'http://static.duoshuo.com/embed.js'; ds.charset = 'UTF-8'; (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(ds); })(); </script> <!-- Duoshuo Comment END --> </div> </div> </div> <!--边栏开始--> <div id="sidebar"> <!--搜索开始--> <div class="search"> <form id="searchform" method="get" action="/plus/search.php" target="_blank"> <input type="text" name="q" id="s" size="30" value="你敢搜,我就敢给..." onfocus="if(this.value=='你敢搜,我就敢给...'){this.value='';}" onblur="if(this.value==''){this.value='你敢搜,我就敢给...';}"> <button type="submit" id="searchsubmit"></button> </form> </div><!--搜索结束--> <div class="widget"> <ul class="colorbar"> <!--全站头条信息--> <li><a style="background-color:#FFA300;" target="_blank" href="/a/webbase/dreamweaver/2010/0408/106.html" title='{dede:招聘启事 标题='织梦大家庭新年招募第一波'}'>{dede:招聘启事 标题='织梦大家庭新年招募</a></li> <li><a style="background-color:#3ABE73;" target="_blank" href="/a/webbase/javascript-ajax/2010/0407/52.html" title='完全了解AJAX'>完全了解AJAX</a></li> <li><a style="background-color:#45b4eb;" target="_blank" href="/a/webbase/javascript-ajax/2010/0407/43.html" title='JavaScript的9个陷阱及评点'>JavaScript的9个陷阱及评点</a></li> <li><a style="background-color:#F0547C;" target="_blank" href="/a/webbase/javascript-ajax/2010/0407/42.html" title='JavaScript基础知识总结'>JavaScript基础知识总结</a></li> <li><a style="background-color:#903DD1;" target="_blank" href="/a/webbase/javascript-ajax/2010/0407/39.html" title='Web2.0十大Ajax安全漏洞以及成因'>Web2.0十大Ajax安全漏洞以及成因</a></li> </ul> <!--全站头条信息结束--> </div> <!--广告开始--> <div class="widget"> </div><!--广告结束--> <div class="widget"><h3>热点排行</h3> <div class="sidebarhot"> <div class="hotshopbox"> <a href="/a/webbase/html/2010/0407/92.html" target="_blank" title="DedeCMS V5.6 开发日志及新建议提交贴"> <img class="home-thumb" src="/images/defaultpic.gif" width="121px" height="121px" alt="DedeCMS V5.6 开发日志及新建议提交贴"> </a></div> <div class="hotshopbox"> <a href="/a/webbase/html/2010/0407/1.html" target="_blank" title="学习HTML 4.0事件属性"> <img class="home-thumb" src="/images/defaultpic.gif" width="121px" height="121px" alt="学习HTML 4.0事件属性"> </a></div> <div class="hotshopbox"> <a href="/a/webbase/html/2010/0407/2.html" target="_blank" title="初学者:XHTML常用标签的基本应用指南"> <img class="home-thumb" src="/images/defaultpic.gif" width="121px" height="121px" alt="初学者:XHTML常用标签的基本应用指南"> </a></div> <div class="hotshopbox"> <a href="/a/webbase/html/2010/0407/3.html" target="_blank" title="网页中应用表格爱好者"> <img class="home-thumb" src="/images/defaultpic.gif" width="121px" height="121px" alt="网页中应用表格爱好者"> </a></div> <div class="hotshopbox"> <a href="/a/webbase/html/2010/0407/4.html" target="_blank" title="初学者很好的参考:HTML标签详尽讲解"> <img class="home-thumb" src="/images/defaultpic.gif" width="121px" height="121px" alt="初学者很好的参考:HTML标签详尽讲解"> </a></div> <div class="hotshopbox"> <a href="/a/webbase/html/2010/0407/5.html" target="_blank" title="实例学习网页制作中常用的网页表单的应用"> <img class="home-thumb" src="/images/defaultpic.gif" width="121px" height="121px" alt="实例学习网页制作中常用的网页表单的应用"> </a></div> </div> <div class="clear"></div></div> <!--广告开始--> <div class="widget"> </div><!--广告结束--> <div class="widget"><h3>站长推荐</h3> <div class="sidebarhot"> <div class="hotshopbox"> <a href="/a/webbase/html/2010/0407/1.html" target="_blank" title="学习HTML 4.0事件属性"> <img class="home-thumb" src="/images/defaultpic.gif" width="121px" height="121px" alt="学习HTML 4.0事件属性"> </a></div> <div class="hotshopbox"> <a href="/a/webbase/html/2010/0407/3.html" target="_blank" title="网页中应用表格爱好者"> <img class="home-thumb" src="/images/defaultpic.gif" width="121px" height="121px" alt="网页中应用表格爱好者"> </a></div> <div class="hotshopbox"> <a href="/a/webbase/html/2010/0407/6.html" target="_blank" title="网页制作初学者:认识XHTML DHTML SHTML的区别"> <img class="home-thumb" src="/images/defaultpic.gif" width="121px" height="121px" alt="网页制作初学者:认识XHTML DHTML SHTML的区别"> </a></div> <div class="hotshopbox"> <a href="/a/webbase/html/2010/0407/7.html" target="_blank" title="对于初学者不错的XHTML教程"> <img class="home-thumb" src="/images/defaultpic.gif" width="121px" height="121px" alt="对于初学者不错的XHTML教程"> </a></div> <div class="hotshopbox"> <a href="/a/webbase/html/2010/0407/10.html" target="_blank" title="表格中单元格之间分隔线的隐藏方法"> <img class="home-thumb" src="/images/defaultpic.gif" width="121px" height="121px" alt="表格中单元格之间分隔线的隐藏方法"> </a></div> <div class="hotshopbox"> <a href="/a/webbase/html/2010/0407/18.html" target="_blank" title="浅谈XHTML(可扩展HTML)标准中CDATA"> <img class="home-thumb" src="/images/defaultpic.gif" width="121px" height="121px" alt="浅谈XHTML(可扩展HTML)标准中CDATA"> </a></div> </div> <div class="clear"></div></div> </div> <!--边栏结束--> <div class="clear"></div> </div><div class="clear"></div> <!--footer开始--> <div id="footer"> <div id="footermain"> <a id="footerlogo" href="/" title="41期开奖结果|福彩开奖结果百度|福彩3d的开奖结果|3d开奖结果今天的结果|时时开奖结果|博彩中特网903637.com"></a> 合作商家: <a href='http://www.dedecms.com' target='_blank'>织梦CMS官方</a>    <a href='http://docs.dedecms.com/' target='_blank'>DedeCMS维基手册</a>    <a href='http://bbs.dedecms.com' target='_blank'>织梦技术论坛</a>    <br> 41期开奖结果|福彩开奖结果百度|福彩3d的开奖结果|3d开奖结果今天的结果|时时开奖结果|博彩中特网903637.com-时时开奖结果:为您免费提供41期开奖结果,福彩开奖结果百度,福彩3d的开奖结果,3d开奖结果今天的结果,时时开奖结果,903637.com博彩中特网资料大全。-- </div> </div> <div id="roll"><div title="回到顶部" id="roll_top"></div></div> <script type="text/javascript" src="/dedemao/min.js"></script> <script type="text/javascript" src="/dedemao/comments-ajax.js"></script> <script>var right_1 = 3,right_2 = 4;</script> <p align="center"><a href="http://huaqi6.com/">41期开奖结果</a>,<a href="http://huaqi6.com/">福彩开奖结果百度</a>,<a href="http://huaqi6.com/">福彩3d的开奖结果</a>,<a href="http://huaqi6.com/">3d开奖结果今天的结果</a>,<a href="http://huaqi6.com/">时时开奖结果</a>,<a href="http://huaqi6.com/">博彩中特网903637.com</a>。<script language="javascript" src="http://count50.51yes.com/click.aspx?id=506242495&logo=9" charset="gb2312"></script></p> <!--footer结束--> </body></html>