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

阅读  ·  发布日期 2010-04-07 09:29  ·  admin

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

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

"">


我的第一个网页


我的第一个网页

你可以看到,我们已经增加从标签和标签开始的两个新元素(看看他们是怎么关闭的)。</p><p>头元素(从起始标签<head>到闭合标签</head>之间的内容)出现在主体元素(从起始标签< body>到闭合标签</body>之间的内容)之前,包含将在主体元素信息之前装载的信息。这些信息不会出现在浏览器窗口中。</p><p>随着我们进一步学习,你会看到更多能够插入头元素的其它元素,但最重要的还是标题元素。</p><p>如果你从浏览器查看这个网页(像前面一样已经保存和刷新),你可以看到“这是我的第一个网页”出现在浏览器窗口的标题栏。你键入的位于标题(title)标签的文本已经变成了这个文档的标题,惊奇吧?假设把这个网页增添到你的收藏夹或者书签,你会看到标题也会出现在这里。<br /></p> <p align="center"> </p> </div> </div> <div class="information-hots"> <div> <h3>为您推荐</h3> <ul> <li> <a href="/a/products/app/2010/0407/59.html" title="Dreamweaver基础教程:层及其应用" target='_self'> <img data-original="http://www.dedecms.com/demoimg/uploads/allimg/c100407/12F60433360W0-19232_lit.jpg" title="Dreamweaver基础教程:层及其应用" > <span>Dreamweaver基础教程:层及其应用</span> <font><i class="fa fa-clock-o"></i> 2010-04-07</font> </a> </li> <li> <a href="/a/products/app/2010/0407/60.html" title="Dreamweaver中加入竖直线的问题" target='_self'> <img data-original="http://www.dedecms.com/demoimg/uploads/allimg/c100407/12F60433540F-32J3_lit.jpg" title="Dreamweaver中加入竖直线的问题" > <span>Dreamweaver中加入竖直线的问题</span> <font><i class="fa fa-clock-o"></i> 2010-04-07</font> </a> </li> <li> <a href="/a/products/psd/2010/0407/30.html" title="精选15个国外CSS框架" target='_self'> <img data-original="http://www.dedecms.com/demoimg/uploads/allimg/c100407/12F60393KXP-S429_lit.gif" title="精选15个国外CSS框架" > <span>精选15个国外CSS框架</span> <font><i class="fa fa-clock-o"></i> 2010-04-07</font> </a> </li> <li> <a href="/a/products/psd/2010/0407/32.html" title="20个让你学习并精通CSS的网站" target='_self'> <img data-original="http://www.dedecms.com/demoimg/uploads/allimg/c100407/12F60394543310-14b8_lit.png" title="20个让你学习并精通CSS的网站" > <span>20个让你学习并精通CSS的网站</span> <font><i class="fa fa-clock-o"></i> 2010-04-07</font> </a> </li> <li> <a href="/a/products/psd/2010/0407/33.html" title="你应当了解的5个CSS3新技术" target='_self'> <img data-original="http://www.dedecms.com/demoimg/uploads/allimg/c100407/12F60395AI60-21A37_lit.png" title="你应当了解的5个CSS3新技术" > <span>你应当了解的5个CSS3新技术</span> <font><i class="fa fa-clock-o"></i> 2010-04-07</font> </a> </li> </ul> </div> </div> </div> </div> <div class="page-main"> <ul class="pager pager-round"> <li class="previous "> <span></span><a href='/a/products/html/2010/0407/13.html'>上一篇:新手学习老知识(一)HTML语言基础</a> </li> <li class="next"> <span></span><a href='/a/products/html/2010/0407/15.html'>下一篇:网页文本排版知识:为正确的内容使用恰当的标签</a> </li> </ul> </div> <button type="button" class="btn btn-icon btn-primary btn-squared met-scroll-top hide"> <i class="icon wb-chevron-up" aria-hidden="true"></i> </button> <script src="/skin/js/aitecms.js"></script> </div> <footer > <p>Copyright © 2019 LOCKDATA. 宁波全域文化传媒有限公司 版权所有 <a href="http://www.dede58.com" target="_blank">Power by DeDe58</a> </p> </footer> </section> </body> </html>