關(guān)于表格的基礎(chǔ)
之前在我CSDN博客中寫過一篇關(guān)于表格的詳細語法横浑。http://blog.csdn.net/wen_special/article/details/53262092
所以在這里我就主要的寫一些當初沒有總結(jié)到的東西稽鞭。最主要的就是單元格合并促脉。簡單的來說：所謂的單元格的合并其實就是一行或者一列占了這個表格的多少行多少列
<td:rowspan='2'>表示占了這個地方占了兩行
<td:colspan = '2'>表示這個地方占了兩列
附第一次作業(yè)代碼：購物車
<!DOCTYPE html >
<html>
<head>
<meta charset="utf-8" />
<title>無標題文檔</title>
<style type="text/css">
<!--
.STYLE1 {font-size: 14px}
-->
</style>
</head>
<body>
<h1 align="center">購物車</h1>
<table width="250" height="168" border="1" align="center" cellpadding="1" cellspacing="1">
<tr>
<td width="34" rowspan="2" align="center" valign="middle"><span class="STYLE1"></span>名稱</td>
<td colspan="3" align="center" valign="middle"><span class="STYLE1"></span>2016-11-22<span class="STYLE1"></span><span class="STYLE1"></span></td>
<td width="61" rowspan="2" align="center" valign="middle"><span class="STYLE1"></span>小計<span class="STYLE1"></span></td>
</tr>
<tr>
<td width="59" align="center" valign="middle">總價</td>
<td colspan="2" align="center" valign="middle"><span class="STYLE1"></span>單價<span class="STYLE1"></span></td>
</tr>
<tr>
<td align="center" valign="middle"><span class="STYLE1"></span>蘋果</td>
<td align="center" valign="middle"><span class="STYLE1"></span>3公斤</td>
<td colspan="2" align="center" valign="middle"><span class="STYLE1"></span>5元/公斤<span class="STYLE1"></span></td>
<td align="center" valign="middle"><span class="STYLE1"></span>15元</td>
</tr>
<tr>
<td align="center" valign="middle"><span class="STYLE1"></span>香蕉</td>
<td align="center" valign="middle"><span class="STYLE1"></span>2公斤</td>
<td colspan="2" align="center" valign="middle"><span class="STYLE1"></span>6元/公斤<span class="STYLE1"></span></td>
<td align="center" valign="middle"><span class="STYLE1"></span>12元</td>
</tr>
<tr>
<td colspan="4" align="center" valign="middle"><span class="STYLE1"></span>總價<span class="STYLE1"></span><span class="STYLE1"></span><span class="STYLE1"></span></td>
<td align="center" valign="middle"><span class="STYLE1"></span>27元</td>
</tr>
</table>
</body>
</html>
購物車
