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

    文章来源:万象互联 更新时间:2011-8-18 16:51:45
分享:

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

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

"">


我的第一个网页


我的第一个网页

你可以看到,我们已经增加从标签和标签开始的两个新元素(看看他们是怎么关闭的)。</p><p>头元素(从起始标签<head>到闭合标签</head>之间的内容)出现在主体元素(从起始标签< body>到闭合标签</body>之间的内容)之前,包含将在主体元素信息之前装载的信息。这些信息不会出现在浏览器窗口中。</p><p>随着我们进一步学习,你会看到更多能够插入头元素的其它元素,但最重要的还是标题元素。</p><p>如果你从浏览器查看这个网页(像前面一样已经保存和刷新),你可以看到“这是我的第一个网页”出现在浏览器窗口的标题栏。你键入的位于标题(title)标签的文本已经变成了这个文档的标题,惊奇吧?假设把这个网页增添到你的收藏夹或者书签,你会看到标题也会出现在这里。<br /></p> <p align="center"> </p> </div> <div id="contyh" style="margin:10px 0px">版权说明:本站原创文章,由<a href="https://www.hulian.top/"><font color=green>万象互联</font></a><a href="https://www.hulian.top/spread/"><font color=green>SEO优化</font></a>发表.<br> 本文地址:https://www.hulian.top/zixun/post/4316.html</div> <div id="bdshare" class="bdshare_t bds_tools get-codes-bdshare" style="padding-bottom:10px;margin-top:22px;"> <div class="bdsharebuttonbox"><a href="#" class="bds_more" data-cmd="more">分享到:</a><a href="#" class="bds_qzone" data-cmd="qzone" title="分享到QQ空间">QQ空间</a><a href="#" class="bds_tsina" data-cmd="tsina" title="分享到新浪微博">新浪微博</a><a href="#" class="bds_tqq" data-cmd="tqq" title="分享到腾讯微博">腾讯微博</a><a href="#" class="bds_weixin" data-cmd="weixin" title="分享到微信">微信</a><a href="#" class="bds_tieba" data-cmd="tieba" title="分享到百度贴吧">百度贴吧</a><a href="#" class="bds_hi" data-cmd="hi" title="分享到百度空间">百度空间</a><a href="#" class="bds_tsohu" data-cmd="tsohu" title="分享到搜狐微博">搜狐微博</a></div> <script>window._bd_share_config={"common":{"bdSnsKey":{},"bdText":"","bdMini":"2","bdMiniList":false,"bdPic":"","bdStyle":"0","bdSize":"16"},"share":{"bdSize":16},"image":{"viewList":["qzone","tsina","tqq","weixin","tieba","hi","tsohu"],"viewText":"分享到:","viewSize":"16"},"selectShare":{"bdContainerClass":null,"bdSelectMiniList":["qzone","tsina","tqq","weixin","tieba","hi","tsohu","t163"]}};with(document)0[(getElementsByTagName('head')[0]||body).appendChild(createElement('script')).src='/static/api/js/share.js?v=89860593.js?cdnversion='+~(-new Date()/36e5)];</script> </div> </dd> </dl> </div> <div style="clear:both;"></div> <div id="up_or_down"> <ul> <li>上一篇:<a href="4315.html" style="height:10px;">网页文本排版知识:为正确的内容使用恰当的标签</a></li> <li>下一篇:<a href="4317.html" style="height:10px;">新手学习老知识(一)HTML语言基础</a></li> </ul> </div> <div id="o_news"> <h3>相关文章:</h3> <ul> <li><a href="8284.html" style="height:10px;" title='上海市网站设计有哪些具体步骤?'>上海市网站设计有哪些具体步骤?</a></li> <li><a href="8283.html" style="height:10px;" title='做一个好的网页设计大概多少钱?'>做一个好的网页设计大概多少钱?</a></li> <li><a href="8280.html" style="height:10px;" title='怎样分辨哪些是营销型网站?'>怎样分辨哪些是营销型网站?</a></li> <li><a href="8279.html" style="height:10px;" title='上海做网站设计有哪些优点?'>上海做网站设计有哪些优点?</a></li> <li><a href="8278.html" style="height:10px;" title='怎样判别网站制作哪家公司好?'>怎样判别网站制作哪家公司好?</a></li> <li><a href="8277.html" style="height:10px;" title='网页设计制作过程的必要阶段'>网页设计制作过程的必要阶段</a></li> <li><a href="8276.html" style="height:10px;" title='营销型企业网站公司的特点'>营销型企业网站公司的特点</a></li> <li><a href="8275.html" style="height:10px;" title='企业网页设计公司所造成的影响'>企业网页设计公司所造成的影响</a></li> <li><a href="8274.html" style="height:10px;" title='这家上海知名的网站建设公司值得信赖'>这家上海知名的网站建设公司值得信赖</a></li> <li><a href="8273.html" style="height:10px;" title='上海网站建设公司推荐哪家更好'>上海网站建设公司推荐哪家更好</a></li> </ul> </div> <div class="clear"></div> </div> </div> <div id="public_bottom"> <img src="/newimages/images/helpcenter/public_bottom.png" width="976px" height="48px"/> </div> </div> <div id="online" style="top:137px;"> <div id="szico" style="position:absolute;background:url('/newimages/images/sz.gif') no-repeat 0px -99px;width:26px;height:99px;top:150px;left:-26px;cursor:pointer;"></div> <div id="online_title">在线咨询</div> <div id="online_box"> <ul > <li class="qq_title" >客服咨询</li> <li class="qq"> <img src="/newimages/images/helpcenter/online.gif" class="qq_img" /> <a href="#" onclick="javascript:window.open('http://b.qq.com/webc.htm?new=0&sid=800009888&eid=2188z8p8p8p8p808z8z8z&o=www.hulian.top&q=7', '_blank', 'height=544, width=644,toolbar=no,scrollbars=no,menubar=no,status=no');">企业qq交谈</a></li> <li>QQ:800009888</li> </ul> <ul > <li class="qq_title">备案专员</li> <li class="qq" > <img src="/newimages/images/helpcenter/online.gif" class="qq_img" /> <a href="http://wpa.qq.com/msgrd?V=1&uin=973907313&Site=万象互联&Menu=yes">企业qq交谈</a></li> <li>QQ:973907313</li> </ul> <ul > <li class="qq_title">域名专员</li> <li class="qq" > <img src="/newimages/images/helpcenter/online.gif" class="qq_img" /> <a href="http://wpa.qq.com/msgrd?V=1&uin=6584830&Site=万象互联&Menu=yes">企业qq交谈</a></li> <li>QQ:6584830</li> </ul> <ul style="margin-top:20px; margin-top:95px;"> <li class="qq_title">在线时间</li> <li style="margin-top:-5px; color:#0690BE;">8:00-21:00</li> </ul> </div> </div> <div id="roll"> <div title="回到顶部" id="roll_top"></div> <div title="转到底部" id="roll_bottom"></div> </div> </div> <div id="footer"> <div id="foot_content"> <div> <div id="foot_logo"><a href="/" title="万象互联" alt="万象互联"><img src="/newimages/images/helpcenter/top_logo.png" width="190" border="0" height="84" style="margin-left:10px; margin-top:5px;"></a></div> <div id="footer_list" > <li><a href="/">返回首页</a></li> <li><a href="/help/about.html">关于我们</a></li> <li><a href="/help/huikuan.html">汇款方式</a></li> <li><a href="/help/zhaopin.html">互联招聘</a></li> <li><a href="/help/service.html">服务承诺</a></li> <li><a href="/help/links.html">友情链接</a></li> <li><a href="/hezuo">代理合作</a></li> <li style="background:none;"><a href="/about/hetong.html">相关文件</a></li> </div> <div id="foot_kk"> <span>地址:上海市浦东新区兰嵩路555号(森兰美伦)A座501 电话:400-021-8887 备案编号:31011002000144 邮编:200137 </span> <span>增值电信业务经营许可证:沪ICP备07509303号 沪ISP证B2-20070233 Copyright (c) 2004-2013 万象互联版权所有 </span> </div> </div> </div> </div> <div style="display:block;overflow:hidden; width:0; height:0; "><script type="text/javascript">var cnzz_protocol = (("https:" == document.location.protocol) ? " https://" : " http://");document.write(unescape("%3Cspan id='cnzz_stat_icon_1045375'%3E%3C/span%3E%3Cscript src='" + cnzz_protocol + "s9.cnzz.com/stat.php%3Fid%3D1045375%26show%3Dpic' type='text/javascript'%3E%3C/script%3E"));</script> <script> (function(){ var src = (document.location.protocol == "http:") ? "http://js.passport.qihucdn.com/11.0.1.js?10f07ac252c0ac1b165ca7ac795243d2":"https://jspassport.ssl.qhimg.com/11.0.1.js?10f07ac252c0ac1b165ca7ac795243d2"; document.write('<script src="' + src + '" id="sozz"><\/script>'); })(); (function(){ var bp = document.createElement('script'); var curProtocol = window.location.protocol.split(':')[0]; if (curProtocol === 'https') { bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'; } else { bp.src = 'http://push.zhanzhang.baidu.com/push.js'; } var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(bp, s); })(); </script> </body> </html>