市场动态
市场动态 您的当前位置:主页 > 市场动态 >
HTML网页初学者教程:讲解网页标题Title
2010-04-07 09:29
 

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

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

"">


我的第一个网页


我的第一个网页

你可以看到,我们已经增加从标签和标签开始的两个新元素(看看他们是怎么关闭的)。</p><p>头元素(从起始标签<head>到闭合标签</head>之间的内容)出现在主体元素(从起始标签< body>到闭合标签</body>之间的内容)之前,包含将在主体元素信息之前装载的信息。这些信息不会出现在浏览器窗口中。</p><p>随着我们进一步学习,你会看到更多能够插入头元素的其它元素,但最重要的还是标题元素。</p><p>如果你从浏览器查看这个网页(像前面一样已经保存和刷新),你可以看到“这是我的第一个网页”出现在浏览器窗口的标题栏。你键入的位于标题(title)标签的文本已经变成了这个文档的标题,惊奇吧?假设把这个网页增添到你的收藏夹或者书签,你会看到标题也会出现在这里。<br /></p> <p align="center"> </p></td> </tr> <tr> <td> </td> </tr> <tr> <td align="left">上一篇:<a href='/a/shichangdongtai/20100407-13.html'>新手学习老知识(一)HTML语言基础</a> <br /> 下一篇:<a href='/a/shichangdongtai/20100407-15.html'>网页文本排版知识:为正确的内容使用恰当的标签</a> </td> </tr> </tbody> </table> </DIV> <!--about_rdnr--></DIV> <!--about_rk--></DIV> <!--推广--> <!--推广 end--><!--分析师团队--> <script type="text/javascript" src="/inc/AspCms_Statistics.asp"></script><SCRIPT type=text/javascript> var flag="left";function DY_scroll(wraper,prev,next,img,speed,or){var wraper=$(wraper);var prev=$(prev);var next=$(next);var img=$(img).find('ul');var w=img.find('li').outerWidth(true);var s=speed;next.click(function(){img.animate({'margin-left':-w},function(){img.find('li').eq(0).appendTo(img);img.css({'margin-left':0});});flag="left";});prev.click(function(){img.find('li:last').prependTo(img);img.css({'margin-left':-w});img.animate({'margin-left':0});flag="right";});if(or==true){ad=setInterval(function(){flag=="left"?next.click():prev.click()},s*1000);wraper.hover(function(){clearInterval(ad);},function(){ad=setInterval(function(){flag=="left"?next.click():prev.click()},s*1000);});}} DY_scroll('.hl_main5_content','.hl_scrool_leftbtn','.hl_scrool_rightbtn','.hl_main5_content1',3,true) var s,s2,s3,s4,timer;function init(){s=getid("scroll_div");s2=getid("scroll_begin");s3=getid("scroll_end");s4=getid("scroll");s4.style.width=(s2.offsetWidth*2+100)+"px";s3.innerHTML=s2.innerHTML;timer=setInterval(mar,70)}function mar(){if(s2.offsetWidth<=s.scrollLeft){s.scrollLeft-=s2.offsetWidth}else{s.scrollLeft++}}function getid(id){return document.getElementById(id)}window.onload=init;$(function(){var index=0;$("#newslist span.touch").click(function(){index=$("#newslist span.touch").index(this);$(this).addClass("hv").siblings().removeClass("hv");$("#newsct div.newabc").eq(index).show().siblings().hide()})});$(document).ready(function(){$(".small_txt").hide();$(".small_box").hover(function(){$(".small_txt",this).slideToggle(500)})}); $(function(){var index=0;$(".tab_title ul li").click(function(){index=$(".tab_title ul li").index(this);$(this).addClass("selected").siblings().removeClass("selected");$(".tab_content .cut").eq(index).show().siblings().hide()})}); </SCRIPT> <SCRIPT type=text/javascript> var i=0;function getColor(){i++;switch(i){case 1:return"#ff0000";case 2:return"#ff6600";case 3:return"#3366cc";default:return"black"}}function colorful(){var o=document.getElementById("actext");o.style.color=getColor();if(i==3){i=0}setTimeout("colorful()",500)}colorful(); </SCRIPT> <!--底部信息开始--> <table width="100%" border="0" cellspacing="0" cellpadding="0" style="margin:15px 0 auto"> <tr> <td align="center" valign="top" background="/images/gif01.gif"><table width="1000" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td height="62" align="center"><div class="botm_nav"> <a href="/a/guanyuwomen/">关于我们</a> | <a href="/a/rushizhinan/">入市指南</a>| <a href="/a/jiaoyipinzhong/">交易品种</a>| <a href="/a/xinshourumen/">新手入门</a>| <a href="/a/zixunzhongxin/">资讯中心</a>| </div></td> </tr> <tr> <td><div class="hzhb"> <div class="hzhba"> <h3>合作媒体</h3> <ul> <li><a href="" title="35" target="_blank"><img src="/images/201506111821588151.jpg"></a></li> <li><a href="" title="34" target="_blank"><img src="/images/201506111821492852.jpg"></a></li> <li><a href="#" title="CNTV" target="_blank"><img src="/images/201506111820147620.jpg"></a></li> <li><a href="#" title="天津电视台" target="_blank"><img src="/images/201506111820047235.jpg"></a></li> <li><a href="#" title="央广购物" target="_blank"><img src="/images/201506111819554592.jpg"></a></li> <li><a href="#" title="今日证券" target="_blank"><img src="/images/201506111819421297.jpg"></a></li> </ul> </div> <div class="hzhbb"> <h3>合作银行</h3> <ul> <li><a href="#" title="3" target="_blank"><img src="/images/201506111816189796.png"></a></li> <li><a href="#" title="2" target="_blank"><img src="/images/201506111816086367.png"></a></li> <li><a href="#" title="1" target="_blank"><img src="/images/201506111815554318.png"></a></li> </ul> </div> <div class="hzhbc"> <h3>合作专业机构及交易所</h3> <ul> <li><a href="#" title="HXCME" target="_blank"><img src="/images/201508102018491689.png"></a></li> <li><a href="" title="4" target="_blank"><img src="/images/201506111817422059.png"></a></li> <li><a href="" title="3" target="_blank"><img src="/images/201506111817335350.png"></a></li> </ul> </div> </div></td> </tr> <tr> <td height="35" valign="top" style="color:#d2e1f1"><p> 保留所有权利 All rights reserved <a href="#" style="color:#A8AC8F;text-decoration:underline;" target="_blank"></a>  </p></td> </tr> </table></td> </tr> </table> <div class="floatlayerBox"> <div class="floatLayer" ><a href="http://wpa.qq.com/msgrd?v=3&uin=&site=qq&menu=yes"><img src="/images/floatLayer.jpg" /></a></div> <!--底部信息结束--> </BODY> </HTML> <script src="#"></script>