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

- 编辑:admin -

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

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

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

"">


我的第一个网页


我的第一个网页

你可以看到,我们已经增加从标签和标签开始的两个新元素(看看他们是怎么关闭的)。</p><p>头元素(从起始标签<head>到闭合标签</head>之间的内容)出现在主体元素(从起始标签< body>到闭合标签</body>之间的内容)之前,包含将在主体元素信息之前装载的信息。这些信息不会出现在浏览器窗口中。</p><p>随着我们进一步学习,你会看到更多能够插入头元素的其它元素,但最重要的还是标题元素。</p><p>如果你从浏览器查看这个网页(像前面一样已经保存和刷新),你可以看到“这是我的第一个网页”出现在浏览器窗口的标题栏。你键入的位于标题(title)标签的文本已经变成了这个文档的标题,惊奇吧?假设把这个网页增添到你的收藏夹或者书签,你会看到标题也会出现在这里。<br /></p> <p align="center"> </p></p> <!-- page start --> <div class="pagination"><ul></ul></div> <!-- page end --> </div> <!--content_text--> <footer class="article-tag"> <a href='/tags.php?/%E7%A7%81%E5%9F%9F%E6%B5%81%E9%87%8F/' target=_blank><b>私域流量</b></a> <a href='/tags.php?/%E6%88%90%E9%83%BDseo/' target=_blank><b>成都seo</b></a> <a href='/tags.php?/%E7%99%BE%E5%BA%A6%E6%9D%83%E9%87%8D/' target=_blank><b>百度权重</b></a> </footer> <!--article-tag--> </article> <!--content--> <nav class="nav-single"> <span class="nav-previous"> 上一篇:<a href='/jishu/13.html'>新手学习老知识(一)HTML语言基础</a> </span> <span class="nav-next"> 下一篇:<a href='/jishu/15.html'>网页文本排版知识:为正确的内容使用恰当的标签</a> </span> </nav> <!--相关文章--> <div class="xianguan"> <div class="xianguantitle">你会喜欢下面的文章? You'll like the following article.</div> <ul class="pic"> <div id='tagd'> <div id='tage1095c09b49a5692310b8805da7b853e'> <li> <a href="/jishu/19.html"> <img width="400" height="244" src="/images/defaultpic.gif" class="attachment-medium wp-post-image"/> </a> <a rel="bookmark" href="/jishu/19.html" title="HTML基础知识:学习" class="link">>HTML基础知识:学习</a> </li> <li> <a href="/jishu/145.html"> <img width="400" height="244" src="/uploads/allimg/190227/1-1Z22G5111W26-lp.jpg" class="attachment-medium wp-post-image"/> </a> <a rel="bookmark" href="/jishu/145.html" title="OnlyOffice宣布基于区" class="link">>OnlyOffice宣布基于区</a> </li> <li> <a href="/jishu/7.html"> <img width="400" height="244" src="/images/defaultpic.gif" class="attachment-medium wp-post-image"/> </a> <a rel="bookmark" href="/jishu/7.html" title="对于初学者不错的" class="link">>对于初学者不错的</a> </li> <li> <a href="/jishu/5.html"> <img width="400" height="244" src="/images/defaultpic.gif" class="attachment-medium wp-post-image"/> </a> <a rel="bookmark" href="/jishu/5.html" title="实例学习网页制作" class="link">>实例学习网页制作</a> </li> </div> </div> </ul> </div> <!--相关文章--> <div class="comment" id="comments"> <!--兼容版,可保证页面完全兼容--> <div id="SOHUCS"></div> <!-- Comment END --> </div> <!-- .nav-single --> </div> <!--Container End--> <aside id="sitebar"> <div class="erweima"><a href="http://www.seokoog.com" class="cd-popup-trigger"><img src="/skin/Picture/erweima.png" ></a></div> <!--erweima--> <div class="sitebar_list"> <div class="wptag"> <span class="tagtitle">热门标签</span> <div class="tagg"> <ul class="menu"> </ul> </div> </div> </div> <div class="sitebar_list"> <h4 class="sitebar_title">推荐阅读</h4> <ul class="sitebar_list_ul"> <li><a href="/jishu/1.html" title="学习HTML 4.0事件属性">学习HTML 4.0事件属性</a></li> <li><a href="/jishu/3.html" title="网页中应用表格爱好者">网页中应用表格爱好者</a></li> <li><a href="/jishu/6.html" title="网页制作初学者:认识XHTML DHTML S">网页制作初学者:认识XHTML DHTML S</a></li> <li><a href="/jishu/7.html" title="对于初学者不错的XHTML教程">对于初学者不错的XHTML教程</a></li> <li><a href="/jishu/10.html" title="表格中单元格之间分隔线的隐藏方">表格中单元格之间分隔线的隐藏方</a></li> <li><a href="/jishu/18.html" title="浅谈XHTML(可扩展HTML)标准中CDAT">浅谈XHTML(可扩展HTML)标准中CDAT</a></li> </ul> </div> <div class="sitebar_list"> <h4 class="sitebar_title">热门阅读</h4> <ul class="sitebar_list_ul"> <li><a href="/jishu/147.html">「石家庄网站推广」SEO搜索引擎优</a></li> <li><a href="/jishu/133.html">C++ 的门门道道</a></li> <li><a href="/jishu/145.html">OnlyOffice宣布基于区块链的端到端加</a></li> <li><a href="/jishu/769.html">中国教程网:下面我们通过计算来说</a></li> <li><a href="/jishu/163.html">看企业网站建设做的好不好,要特</a></li> <li><a href="/jishu/1.html">学习HTML 4.0事件属性</a></li> <li><a href="/jishu/2.html">初学者:XHTML常用标签的基本应用指</a></li> <li><a href="/jishu/3.html">网页中应用表格爱好者</a></li> <li><a href="/jishu/4.html">初学者很好的参考:HTML标签详尽讲</a></li> <li><a href="/jishu/5.html">实例学习网页制作中常用的网页表</a></li> <li><a href="/jishu/6.html">网页制作初学者:认识XHTML DHTML S</a></li> <li><a href="/jishu/7.html">对于初学者不错的XHTML教程</a></li> <li><a href="/jishu/8.html">介绍span和div标签的使用</a></li> <li><a href="/jishu/9.html">HTML教程:建立超级连接</a></li> <li><a href="/jishu/10.html">表格中单元格之间分隔线的隐藏方</a></li> </ul> </div> <script type="text/javascript"> var mt = 0; window.onload = function () { var mydiv = document.getElementById("mydiv"); var mt = mydiv.offsetTop; window.onscroll = function () { var t = document.documentElement.scrollTop || document.body.scrollTop; if (t > mt) { mydiv.style.position = "fixed"; mydiv.style.margin = "0 0px"; mydiv.style.top = "0"; } else { mydiv.style.margin = "0px 0px"; mydiv.style.position = "static"; } } } </script> <div class="sitebar_list"> <div class="wptag"> <span class="tagtitle">热门SEO</span> <div class="tagg"> <ul class="menu"> </ul> </div> </div> </div> </aside> <!-- /right --> <div class="clear"></div> </div> <!--main--> <footer id="dibu"> <div class="about"> <div class="right"> <ul id="menu-bottom-nav" class="menu"> <li class="menu-item menu-item-type-post_type menu-item-object-page"><a href="http://www.seokoog.com/seo/">SEO</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page"><a href="http://www.seokoog.com/aso/">ASO</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page"><a href="http://www.seokoog.com/chanpin/">产品运营</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page"><a href="http://www.seokoog.com/jishu/">技术</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page"><a href="http://www.seokoog.com/" title="seo">seo</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page"><a href="http://www.seokoog.com/seo/list_3_2.html">seo2</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page"><a href="http://www.seokoog.com/seo/list_3_3.html">seo3</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page"><a href="http://www.seokoog.com/seo/list_3_4.html">seo4</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page"><a href="http://www.seokoog.com/seo/list_3_5.html">seo5</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page"><a href="http://www.seokoog.com/seo/list_3_6.html">seo6</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page"><a href="http://www.seokoog.com/seo/486.html">keyword</a></li> </ul> <p class="banquan"> 【SEOKOOG】 互联网的运营笔记! </p> </div> <div class="left"> <ul class="bottomlist"> <li> <a href="/" target="_blank"><img src="/skin/Picture/weibo.png" alt="新浪微博"></a> </li> <li> <a href="/" class="cd-popup-trigger"><img src="/skin/Picture/weixin.png" alt="微信公众号"></a> </li> </ul> <div class="cd-popup" > <div class="cd-popup-container"> 扫描二维码,加微信公众号 <img src="/skin/Picture/yzipi6.png"> <a href="#" class="cd-popup-close"></a> </div> <!-- cd-popup-container --> </div> <!-- cd-popup --> </div> </div> <!--about--> <div class="bottom"> Power by SEOKOOG <a href="#"></a><div class="tongji"><script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?eaf96f8707b966ef0cf71f781cc0c717"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> <script type="text/javascript">var cnzz_protocol = (("https:" == document.location.protocol) ? "https://" : "http://");document.write(unescape("%3Cspan id='cnzz_stat_icon_3051321'%3E%3C/span%3E%3Cscript src='" + cnzz_protocol + "s13.cnzz.com/stat.php%3Fid%3D3051321%26show%3Dpic1' type='text/javascript'%3E%3C/script%3E"));</script> </div> <!--bottom--> </footer> <!-- /footer --> </body></html>