title标签：用来定义整个HTML文档的标题。定义的这个标题会显示在网页的标题栏上，在整个HTML网页中应该只有一个title标签。
作用：1、显示网页的标题，让用户一看就知道网页要表达的意思。
2、在收藏本网页的时候网页的标题会作为默认的收藏的标题存在。
3、搜索引擎也会用到title中的内容。
在WINDOWS窗口中，标题栏用来显示窗口名称，如果是应用程序窗口，标题栏会显示程序名和打开的文档名，HTML窗口的标题栏上显示当前网页的标题，也就是由<title>~</title>定义的内容。这个效果可以有很多种方法来实现的，这里为你演示最简单的一种，假设你的总长是600像素，两个标题栏为并排显示的效果，CSS样式如下：
<style type="text/css">
#box {width:600pxmargin:20px auto}
#box .left,#box .righ {width:280pxfont-weight:boldline-height:25pxborder-bottom:solid 2px #9e193f}
#box .left {float:left}
#box .righ {float:right}
#box .left_l {float:leftdisplay:inline-blockwidth:85pxfont-size:13pxbackground:#9e193fcolor:#fffpadding-left:10px}
#box .righ_r {float:rightfont-size:10pxcolor:#9e193f}
</style>
DIV编写格式如下：
<div id="box">
<div class="left">
<span class="left_l">学校简介</span>
<span class="righ_r">详情</span>
</div>
<div class="righ">
<span class="left_l">动态信息</span>
<span class="righ_r">更多</span>
</div>
</div>
直接复制以上代码，产生的结果如下：
如果《学校简介》与《动态信息》是图片，可在相应的DIV中使用：
<img src="图片路径/图片名称">即可。
