htm表格

一、表格概念:

1.作用:(1)顯示數據   (2)佈局,解決較規則佈局

2.結構: 表格table-->行tr-->單元格td

 

二、<table>,<tr>,<td>       

1.<table>屬性:

 width,height:寬和高

 border,bordercolor,bgcolor: 邊框寬度,邊框顏色,背景顏色

 align:對齊 left/center/right,指表格

 style="border:1px;border-color:red;background-color:yellow"

 

2.<tr>,<td>

 align,valign: 水平對齊方式/垂直對齊方式(top/middle/bottom)

 

3.難點:<table>

 cellspacing:設置單元格之間的間隙,佈局時一般爲0

 cellpadding:設置單元格與內容之間的間隙,佈局時一般爲0

 <td>

 rowspan:跨行

 colspan:跨列

 

三、<caption>表標題,表格中間,寫代碼時寫在<table>裏面

   <th>     列標題,內容加粗居中, 相當td

   <thead>表頭 

   <tbody>表主體

   <tfoot>表尾

    對錶格進行邏輯分區

複習:

1。作用:佈局,顯示數據

2。常用標籤:<table>,<tr>,<td>

   table常用屬性:width,height,border,borderColor,bgColor,align,cellspacing,cellpadding

   td和tr常用屬性:colspan,rowspan,align,valign

3. 其他的標籤:

  <caption>

  <th>

  <thead>,<tbody>,<tfoot>


表格邊框的顯示與隱藏,是可以用frame參數來控制的。請注意它只控制表格的邊框圖,而不影晌單元格。


只顯示上邊框 <table frame=above>

只顯示下邊框 <table frame=below>

只顯示左、右邊框 <table frame=vsides>

只顯示上、下邊框 <table frame=hsides>

只顯示 左邊框 <table frame=lhs>

只顯示右邊框 <table frame=rhs>

不顯示任何邊框 <table frame=void>


二、表格內部分隔線的屬性
起作用的是rules這個參數,它有三個值(cols,rows,none),當rules=cols時,表格會隱藏橫向的分隔線,也就是我們只能看到表 格的列;當rules=rows時,就隱藏了縱向的分隔線,也就是我們只能看到表格的行;而當rules=none時,縱向分隔線和橫向分隔線將全部隱 藏,我們就只能看到一個表格的外框了。看一下下面的對比效果你就會明白的

這是最普通的表格形式

這是隱藏了橫向分隔線的表格,即rules=cols


這是隱藏了縱向分隔線的表格,即rules=rows


這是隱藏了所有內部分隔線的表格,即rules=none


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章