当前位置: 首页 > 开店指南 > html基础教程 >

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

时间:2010-04-07 09:29来源: 作者: 点击:
我们制作的每一个HTML网页都应该有文档标题。那么到底如何设置标题呢?这个教程就作为网页初学者的入门吧!给你的文档增加一个标题,按照下面改变你的代码:!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Strict//ENhttp://www.w3.org/

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

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

"">


我的第一个网页


我的第一个网页

你可以看到,我们已经增加从标签和标签开始的两个新元素(看看他们是怎么关闭的)。</p><p>头元素(从起始标签<head>到闭合标签</head>之间的内容)出现在主体元素(从起始标签< body>到闭合标签</body>之间的内容)之前,包含将在主体元素信息之前装载的信息。这些信息不会出现在浏览器窗口中。</p><p>随着我们进一步学习,你会看到更多能够插入头元素的其它元素,但最重要的还是标题元素。</p><p>如果你从浏览器查看这个网页(像前面一样已经保存和刷新),你可以看到“这是我的第一个网页”出现在浏览器窗口的标题栏。你键入的位于标题(title)标签的文本已经变成了这个文档的标题,惊奇吧?假设把这个网页增添到你的收藏夹或者书签,你会看到标题也会出现在这里。<br /></p> <p align="center"> </p>(责任编辑:admin)</td></tr> </table> </div><!-- /content --> <div class="dede_pages"> </div><!-- /pages --> <div class="handle"> <div class="context"> <ul> <li>上一篇:<a href='/a/kaidian/htmljichujiaocheng/2010/0407/13.html'>新手学习老知识(一)HTML语言基础</a> </li> <li>下一篇:<a href='/a/kaidian/htmljichujiaocheng/2010/0407/15.html'>网页文本排版知识:为正确的内容使用恰当的标签</a> </li> </ul> </div> </div> </div> </div> </div> <div id="right"> <div class="system"> <h2>文章分类</h2> <ul> <li><a href='/a/kaidian/kaidianzhishi/' >开店知识</a></li> <li><a href='/a/kaidian/xingyexinwen/' >行业新闻</a></li> <li><a href='/a/kaidian/wangdiantuiguang/' >网店推广</a></li> <li><a href='/a/kaidian/wangdianyunying/' >网店运营</a></li> <li><a href='/a/kaidian/a/kaidian/shopexnews/' >shopex官方新闻</a></li> <li><a href='/a/kaidian/a/kaidian/ecshopnews/' >ecshop官方新闻</a></li> <li><a href='/a/kaidian/shopexjiaocheng/' >shopex教程</a></li> <li><a href='/a/kaidian/ecshopjiaocheng/' >ecshop教程</a></li> <li><a href='/a/kaidian/htmljichujiaocheng/' ><strong>html基础教程</a></strong></li> <li><a href='/a/kaidian/PHPjiaocheng/' >PHP教程</a></li> <li><a href='/a/kaidian/div_cssjiaocheng/' >css div教程</a></li> <li><a href='/a/kaidian/javascriptjiaocheng/' >javascript教程</a></li> </ul> </div> <div class="system"> <h2>推荐内容</h2> <ul> <li><a href="/a/kaidian/htmljichujiaocheng/2010/0407/52.html">完全了解AJAX</a></li> <li><a href="/a/kaidian/htmljichujiaocheng/2010/0407/3.html">网页中应用表格爱好者</a></li> <li><a href="/a/kaidian/htmljichujiaocheng/2010/0407/6.html">网页制作初学者:认识XHTML</a></li> <li><a href="/a/kaidian/htmljichujiaocheng/2010/0407/7.html">对于初学者不错的XHTML教程</a></li> <li><a href="/a/kaidian/htmljichujiaocheng/2010/0407/10.html">表格中单元格之间分隔线的隐藏方</a></li> <li><a href="/a/kaidian/htmljichujiaocheng/2010/0407/18.html">浅谈XHTML(可扩展HTML</a></li> </ul> </div> <div class="system"> <h2>热点内容</h2> <ul> <li><a href="/a/kaidian/htmljichujiaocheng/2010/0628/119.html">都说3杂不好.其实我认为的确不</a></li> <li><a href="/a/kaidian/htmljichujiaocheng/2010/0407/19.html">HTML基础知识:学习掌握HT</a></li> <li><a href="/a/kaidian/htmljichujiaocheng/2010/0407/39.html">Web2.0十大Ajax安全漏</a></li> <li><a href="/a/kaidian/htmljichujiaocheng/2010/0407/14.html">HTML网页初学者教程:讲解网</a></li> <li><a href="/a/kaidian/htmljichujiaocheng/2010/0407/2.html">初学者:XHTML常用标签的基</a></li> <li><a href="/a/kaidian/htmljichujiaocheng/2010/0407/15.html">网页文本排版知识:为正确的内容</a></li> <li><a href="/a/kaidian/htmljichujiaocheng/2010/0407/13.html">新手学习老知识(一)HTML语</a></li> <li><a href="/a/kaidian/htmljichujiaocheng/2010/0407/20.html">HTML基础教程:学习掌握HT</a></li> <li><a href="/a/kaidian/htmljichujiaocheng/2010/0407/18.html">浅谈XHTML(可扩展HTML</a></li> <li><a href="/a/kaidian/htmljichujiaocheng/2010/0407/16.html">使用XHTML按标准重构网站</a></li> </ul> </div> </div> </div> <div id="foot"> <div class="subnav"> <a href="/" target="_blank">首页</a> - <a href="/a/guanyubanma/">关于斑马</a> - <a href="/a/mobandingzhi/">模板定制</a> - <a href="/a/qiyejianzhan/">企业建站</a> - <a href="/a/yumingkongjian/yumingchushou/">域名出售</a> - <a href="/data/sitemap.html">网站地图</a> - <a href="/a/lianxibanma/">联系斑马</a> <div class="subnav1"></div> <div class="subnav2"></div> </div> <p class="powered"> Powered by <a href="http://www.banma.cc" title="广州斑马工作室,专业为您设计ECSHOP,SHOPex网店模板!" target="_blank"><strong>广州斑马工作室</strong></a> © 2008-2010   粤ICP证060955号 </p> <p>Copyright © 2008-2010 Banma.cc. <a href="http://www.banma.cc/" title="">斑马设计,建站专家!</a> 从事ecshop模板定制作,shopex模板设计,企业网站开发等业务。</p> <p style="margin-top:5px;"><script language="javascript" type="text/javascript" src="http://js.users.51.la/2483007.js"></script> <noscript><a href="http://www.51.la/?2483007" target="_blank"><img alt="我要啦免费统计" src="http://img.users.51.la/2483007.asp" style="border:none" /></a></noscript><script src="http://s15.cnzz.com/stat.php?id=2330833&web_id=2330833&show=pic" language="JavaScript"></script></p> </div> <div class="search"> <form name="formsearch" action="" onSubmit="check();"> <input type="hidden" name="domains" value="www.dedecms.com"> <div align="center" class="form"> <input type="hidden" name="kwtype" value="0" /> <input name="q" type="text" class="search-keyword" id="search-keyword" value="" onfocus="if(this.value==''){this.value='';}" onblur="if(this.value==''){this.value='';}" /> <select name="searchtype" class="search-option" id="search-option" style="display:none"> <option value="titlekeyword" selected='1'>站内搜索</option> <option value="">google搜索</option> </select> <button type="submit" class="search-submit"></button> </div> <input type="hidden" name="client" value="pub-9280232748837488"> <input type="hidden" name="forid" value="1"> <input type="hidden" name="ie" value="UTF-8"> <input type="hidden" name="oe" value="UTF-8"> <input type="hidden" name="safe" value="active"> <input type="hidden" name="cof" value="GALT:#008000;GL:1;DIV:#336699;VLC:663399;AH:center;BGC:FFFFFF;LBGC:336699;ALC:0000FF;LC:0000FF;T:000000;GFNT:0000FF;GIMP:0000FF;FORID:1"> <input type="hidden" name="hl" value="zh-CN"> </form> <div class="tags" style="display:none;"> <h4>热门标签:</h4> <ul> <li><a href='/tags.php?/shopex%E6%A8%A1%E6%9D%BF/'>shopex模板</a></li> <li><a href='/tags.php?/%E7%BB%BF%E8%89%B2%E6%95%B0%E7%A0%81%E5%95%86%E5%9F%8E/'>绿色数码商城</a></li> <li><a href='/tags.php?/Fashion/'>Fashion</a></li> <li><a href='/tags.php?/%E6%97%B6%E5%B0%9A%E7%89%88/'>时尚版</a></li> <li><a href='/tags.php?/%E5%86%85%E8%A1%A3%E6%A8%A1%E6%9D%BF/'>内衣模板</a></li> <li><a href='/tags.php?/%E5%95%86%E5%93%81%E9%A2%9C%E8%89%B2%E5%B0%BA%E5%AF%B8/'>商品颜色尺寸</a></li> <li><a href='/tags.php?/%E5%85%B0%E7%BC%AA%E5%86%85%E8%A1%A3%E6%A8%A1%E6%9D%BF/'>兰缪内衣模板</a></li> <li><a href='/tags.php?/%E6%9C%8D%E8%A3%85%E9%9E%8B%E7%B1%BB%E6%A8%A1%E7%89%88/'>服装鞋类模版</a></li> <li><a href='/tags.php?/ECShop2.7.0/'>ECShop2.7.0</a></li> <li><a href='/tags.php?/%E4%BA%AC%E4%B8%9C%E5%95%86%E5%9F%8E%E6%A8%A1%E6%9D%BF/'>京东商城模板</a></li> </ul> </div> </div> <script language="javascript" type="text/javascript"> <!-- $(function(){ $("dl.tbox dt span.label a[_for]").mouseover(function(){ $(this).parents("span.label").children("a[_for]").removeClass("thisclass").parents("dl.tbox").children("dd").hide(); $(this).addClass("thisclass").blur(); $("#"+$(this).attr("_for")).show(); }); $("a[_for=uc_member]").mouseover(); }); function CheckLogin(){ var taget_obj = document.getElementById('_userlogin'); myajax = new DedeAjax(taget_obj,false,false,'','',''); myajax.SendGet2("/member/ajax_loginsta.php"); DedeXHTTP = null; } function multi(pagenum,tagid) { var taget_obj = document.getElementById(tagid); var taget_obj_page = document.getElementById("page_"+tagid); myajax = new DedeAjax(taget_obj,false,false,'','',''); myajax.SendGet2("/plus/arcmulti.php?mtype=0&pnum="+pagenum+'&tagid='+tagid); myajax = new DedeAjax(taget_obj_page,false,false,'','',''); myajax.SendGet2("/plus/arcmulti.php?mtype=1&pnum="+pagenum+'&tagid='+tagid); DedeXHTTP = null; } function check(){ if(document.formsearch.searchtype.value=="") document.formsearch.action="http://www.google.cn/custom" else document.formsearch.action="/plus/search.php" } --> </script> <link href="/OKQQ/images/qq.css" rel="stylesheet" type="text/css" /> <script language='javascript' src='/OKQQ/ServiceQQ.js' type='text/javascript' charset='utf-8'></script> </body> </html>