table的合並及各元素的屬性


表格由 <table> 標簽來定義。每個表格均有若干行(由 <tr> 標簽定義),每行被分割為若干單元格(由 <td> 標簽定義)注意<td>是行<tr>里的列下面介紹一下table中各元素的屬性:

1.<table>:定義表格

2.<th>:表格中的表頭

3.<tr>:定義表格的行

4.<td>定義表格的單元即行里的列

5.cellspacing:設置單元格的距離

6.cellpadding:設置內容到單元格距離

7.colspan:在行里合並列

8.rowspan:在列里合並行

舉例說明一下:

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title></title>

</head>

<body>

<table border="1px" bordercolor="red" cellspacing="20px" cellpadding="20px">

<tr><th colspan="2">表頭</th></tr>

<tr>

<td colspan="2">張一</td>

<!--<td>21</td>-->

</tr>

<tr>

<td rowspan="2">張二</td>

<td>22</td>

</tr>

<tr>

<td>張三</td>

<!--<td>23</td>-->

</tr>

</table>

</body>

</html>

可以將備注的內容取消備注看一下效果


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM