作業(yè)要求：實(shí)現(xiàn)以下一個(gè)表格樣式
購(gòu)物車.jpg
內(nèi)容分析：首先根據(jù)表格內(nèi)容囊陡，可將表格分割成5x4的標(biāo)準(zhǔn)單元格纽乱。其中蛾绎，表頭“名稱”和“小計(jì)”占兩行標(biāo)準(zhǔn)單元格；表頭“2016-11-22”占兩列單元格鸦列；表頭“總價(jià)”占三列標(biāo)準(zhǔn)單元格租冠；其余內(nèi)容各占一個(gè)標(biāo)準(zhǔn)單元格。
分析完畢以后敛熬，表頭可通過(guò)以下方式實(shí)現(xiàn)
<th 屬性=“屬性值”>肺稀，屬性colspan可設(shè)置占用標(biāo)準(zhǔn)單元格的幾列，屬性rowspan可設(shè)置占用標(biāo)準(zhǔn)單元格的幾行应民。
“名稱”和“小計(jì)”：<th rowspan="2">
“2016-11-22”：<th colspan="2">
“總價(jià)”：<th colspan="2">
實(shí)現(xiàn)代碼如下（按行實(shí)現(xiàn)）：
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset="utf-8"/>
</head>
<body>
<table border="1" cellpadding="5">
<caption>購(gòu)物車</caption>
<tr>
<th rowspan="2">名稱</th>
<th colspan="2">2016-11-22</th>
<th rowspan="2">小計(jì)</th>
</tr>
<tr>
<th>重量</th>
<th>單價(jià)</th>
</tr>
<tr>
<th>蘋(píng)果</th>
<td>3公斤</td>
<td>5元/公斤</td>
<td>15元</td>
</tr>
<tr>
<th>香蕉</th>
<td>2公斤</td>
<td>6元/公斤</td>
<td>12元</td>
</tr>
<tr>
<th colspan=3>總價(jià)</th>
<td>27元</td>
</tr>
</table>
</body>
</html>
結(jié)果展示：
按行實(shí)現(xiàn).PNG
上面所說(shuō)的按行實(shí)現(xiàn)话原，意思是指先實(shí)現(xiàn)表格中第一行的內(nèi)容接著實(shí)現(xiàn)第二行的內(nèi)容，以此類推诲锹。接下來(lái)又試了試按列來(lái)實(shí)現(xiàn)繁仁，即按表格的每一列來(lái)實(shí)現(xiàn)，代碼如下：
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset="utf-8"/>
</head>
<body>
<table border="1" cellpadding="5">
<caption>購(gòu)物車</caption>
<td>
<th rowspan="2">名稱</th>
<th>蘋(píng)果</th>
<th>香蕉</th>
<th colspan=3>總價(jià)</th>
</td>
<td>
<th colspan="2">2016-11-22</th>
<th>重量</th>
<tr>3公斤</tr>
<tr>2公斤</tr>
</td>
<td>
<th>單價(jià)</th>
<tr>5元/公斤</tr>
<tr>6元/公斤</tr>
</td>
<td>
<th rowspan="2">小計(jì)</th>
<tr>15元</tr>
<tr>12元</tr>
<tr>27元</tr>
</td>
</table>
</body>
</html>
結(jié)果卻是醬兒嬸的：
按列實(shí)現(xiàn).PNG
想了半天也沒(méi)又想明白归园，難道默認(rèn)按行來(lái)實(shí)現(xiàn)黄虱，不能按列來(lái)實(shí)現(xiàn)嘛？功力還不夠深厚庸诱，目前不明白這是為什么捏捻浦？
