HTML学习记录<六> :表格

学习网站:http://www.w3school.com.cn/html/index.asp

表格:

<table border="1" cellspacing="0" cellpadding="0">
<caption>学习样例</caption> 
<tr>         
<th colspan="2"> 合并两列 </th>         
<th> 第一行第三列 </th>         
<th> 第一行第四列 </th>      </tr>      
<tr>         
<td> 第二行第一列 </td>         
<td> 第二行第二列 </td>         
<td rowspan="2"> 合并两行 </td>         
<td> 第二行第四列 </td>      
</tr>      
<tr>         
<td> 第三行第一列 </td>         
<td> 第三行第二列 </td>         
<td> 第三行第四列 </td>      
</tr> 
</table>   
tr:table row

td:table data

th:table header
border:表格边框的粗细。设置为0时看不见表格边框

cellspacing:两个单元格之间的距离

cellpadding:单元格内容与其边框之间的空白

colspan:一列跨过几个单元格

rowspan:一行跨过几个单元格


显示效果如下:


<html>
<body>
<table border="1">
<colgroup>
<col span="2" style="background-color:red">
<col style="background-color:yellow">
</colgroup>
<tr>
<th>ISBN</th>
<th>Title</th>
<th>Price</th>
</tr>
<tr>
<td>3476896</td>
<td>My first HTML</td>
<td>$53</td>
</tr>
<tr>
<td>5869207</td>
<td>My first CSS</td>
<td>$49</td>
</tr>
</table>
</body>
</html>

利用colgroup设置前两列(span = "2")的背景色,以及第三列的背景色

显示效果如下:



你可能感兴趣的:(html表格)