HTML中横线的运用方法

一、作系列横单线
　　在这个例子中，用到了表格主标题标记<caption>，它的语法如下：
<caption
align=left|center|right
valign=top|bottom>
　　align和valign分别用于设定标题的水平位置和垂直位置。align的默认值是center；valign的默认值是top。利用<caption>标记可以方便地在紧靠边表格的顶部或底部写上文字，且居中，若用其它办法要麻烦得多。另外在本例中能使表格产生单线效果是设置了<table>标记的rules和frame参数，rules参数是对表格的内部边框作显示控制。
rules="none"：表示不加内部边框；
rules="rows"：表示只显示水平方向的边框； 
rules="cols：表示只显示垂直方向上的边框；
rules="all"：则是显示所有方向上的边框，这也是默认值；
frame="void"：表示不加外边框；
frame="above"：表示显示上边的外边框；
frame="below"：表示显示下边的外边框；
frame="lhs" ：表示显示左边的外边框；
frame="rls" ：表示显示右边的外边框；
frame="hsides"：表示显示上下外边框；
frame="vsides"：表示显示左右外边框；
frame="box" 则表示显示所有外边框。
　　明白了参数值的含义，制作本例的效果就简单了，本例完成后的源代码如下：
<table width="60%" border="1" cellspacing="0" cellpadding="0" rules="rows" frame="hsides">
<caption>这是系列横单线试验</caption>
<tr> 
<td> 这是系列横单线试验，效果还好吧？</td>
</tr>
<tr> 
<td> </td>
</tr>
<tr> 
<td> </td>
</tr>
</table> 
　　用这种方法画系列单线