泥鳅教你HTML（第六课）{菜鸟必备}

泥鳅

泥鳅教你HTML：第二课（HTML基本标记）
     提醒一下： 表格也是布局页面的一种方法！
     表格标记：
一、单元格内部的补白；
语法：<table border cellpadding=#>
动手操作：
<table border cellpadding=10>
<tr>
<td>飘仙建站</td>
<td>飘仙论坛</td>
<td>飘仙神偷</td>
</tr>
<tr>
<td>建站</td>
<td>论坛</td>
<td>神偷</td>
</tr>
</talbe>

二、表格内内容的对齐
水平对齐：
语法：<tr align=#> <th align=#> <th align=#>   #=left,center,right
动手操作：
<table border cellpadding=10 with=160>
<tr>
<td>飘仙建站</td>
<td>飘仙论坛</td>
<td>飘仙神偷</td>
</tr>
<tr>
<td align=left>建站</td>
<td align=right>论坛</td>
<td align=center>神偷</td>
</tr>
</talbe>

三、垂直对齐
语法：<tr valign=#> <th valign=#> <th valign=#>   #=top（顶部）,middle（中部）,bottom（底部）,baseline( 基线)
<table border cellpadding=10 with=160>
<tr>
<td>飘仙建站</td>
<td>飘仙论坛</td>
<td>飘仙神偷</td>
</tr>
<tr>
<td align=top>建站</td>
<td align=bottom>论坛</td>
<td align=middle>神偷</td>
</tr>
</talbe>

四、表格在页面中的对齐
语法：<table align=#>   #=center,left,right

五、表格中的标题
语法：<caption>标题</caption>
<table border cellpadding=10 with=160>
<caption>天外飘仙</caption>
<tr>
<td>飘仙建站</td>
<td>飘仙论坛</td>
<td>飘仙神偷</td>
</tr>
<tr>
<td align=left>建站</td>
<td align=right>论坛</td>
<td align=center>神偷</td>
</tr>
</talbe>

六、表格的色彩
单元格中的色彩
语法：<th bgcolor=#>  #=这里等于前面所讲颜色的值。如：red,yellow.....
<table border cellpadding=10 with=160>
<tr>
<td>飘仙建站</td>
<td>飘仙论坛</td>
<td>飘仙神偷</td>
</tr>
<tr>
<td align=left bgcolor=red>建站</td>
<td align=right bgcolor=yellow>论坛</td>
<td align=center bgcolor=green>神偷</td>
</tr>
</talbe>

表格边框的颜色:
语法：<table bgcolor=#>  #=同上

七：表格中边框的显示：
（1）.显示4个边框的代码：<table frame=box>
（2）.只显示上边框的代码：<table frame=above>
（3）.显示下边框的代码：<table frame=below>
（4）.显示上下边框的代码：<table frame=below>
（5）.显示左右边框的代码：<table frame=vsides>
（6）.显示左边框的代码：<table frame=lhs>
（7）.显示右边框的代码：<table frame=lrhs>
（8）.不显示边框的代码：<table frame=void>


OK.今天就讲到这了！！！！

seo

我今天评分不了！！明天我给评分，你太给了！！力！！！

泥鳅

seo 发表于 2011-12-24 13:50
我今天评分不了！！明天我给评分，你太给了！！力！！！

呵呵，谢谢！！貌似 没人来光顾！！