作業(yè)要求：

寫(xiě)一個(gè)商品信息表，要求有id,品名，價(jià)格，數(shù)量，金額等字段，最后要有合計(jì)，如總數(shù)，總金額，并且商品按品類進(jìn)行合并顯示，要求用到行與列的合并，別怕失敗，多寫(xiě)幾次，就對(duì)表格的編寫(xiě)就熟練了。

作業(yè)代碼：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>DAY02 | 表格繪制作業(yè) </title>
</head>
<body>
    <H1>1.作業(yè)要求:</H1>
    <a>寫(xiě)一個(gè)商品信息表，要求有id,品名，價(jià)格，數(shù)量，金額等字段， 最后要有合計(jì)，如總數(shù)， 總金額，并且商品按品類進(jìn)行合并顯示，要求用到行與列的合并， 別怕失敗，多寫(xiě)幾次，就對(duì)表格的編寫(xiě)就熟練了。</a>
    <br>
    <br>
    <img src="https://haofanghui.oss-cn-shenzhen.aliyuncs.com/img/20210630133906.png" style="width: 30%;" alt="">
    <br>
    <br>
    <br>
    <h1>2.作業(yè)內(nèi)容:</h1>
<table border="1" width="30%" cellspacing="0">
<!-- 標(biāo)題 -->
<caption>
    <h1>商品信息表</h1>
    <a>制表:2021/06/29</a>
    <br>
    <br>
</caption>
<!-- 表頭 -->
<tr align="center" bgcolor="#92cddb">
    <td>ID</td>
    <td>品類</td>
    <td>品名</td>
    <td>數(shù)量</td>
    <td>單價(jià)</td>
    <td>金額</td>
</tr>
<!-- 表體 -->
<tr align="center">
    <td>1</td>
    <td rowspan="2">衣服</td>
    <td>冬裝</td>
    <td>1</td>
    <td>100</td>
    <td>100</td>
</tr>
<tr align="center">
    <td>2</td>
    <td>夏裝</td>
    <td>1</td>
    <td>100</td>
    <td>100</td>
</tr>
<tr align="center">
    <td>3</td>
    <td rowspan="2">飲料</td>
    <td>可口可樂(lè)</td>
    <td>1</td>
    <td>100</td>
    <td>100</td>
</tr>
<tr align="center">
    <td>4</td>
    <td>百事可樂(lè)</td>
    <td>1</td>
    <td>100</td>
    <td>100</td>
</tr>
<tr>
    <td colspan="6" bgcolor="#fce9da" align="center">以下為備用物品</td>
</tr>
<tr align="center">
    <td>5</td>
    <td rowspan="2">數(shù)碼</td>
    <td>相機(jī)</td>
    <td>1</td>
    <td>100</td>
    <td>100</td>
</tr>
<tr align="center">
    <td>6</td>
    <td>鏡頭</td>
    <td>1</td>
    <td>100</td>
    <td>100</td>
</tr>
<!-- 表尾 -->
<tr>
    <td colspan="4" rowspan="2" align="center">合計(jì)</td>
    <td align="center" bgcolor="#90cbdb">平均單價(jià)</td>
    <td align="center" bgcolor="#f7be89">金額合計(jì)</td>
</tr>
<tr>
    <td align="center" >100</td>
    <td align="center" >600</td>
</tr>
</table>
</body>
</html>

代碼運(yùn)行效果：

批改老師：

PHPz

批改狀態(tài)：合格

老師批語(yǔ)：

本博文版權(quán)歸博主所有，轉(zhuǎn)載請(qǐng)注明地址！如有侵權(quán)、違法，請(qǐng)聯(lián)系admin@php.cn舉報(bào)處理！

全部評(píng)論文明上網(wǎng)理性發(fā)言，請(qǐng)遵守新聞評(píng)論服務(wù)協(xié)議

0條評(píng)論

作者最新博文

VSCODE的安裝配置與插件安裝及HTTP協(xié)議初識(shí)

2021-06-29 18:37:33

亚洲国产日韩欧美一区二区三区,精品亚洲国产成人av在线,国产99视频精品免视看7,99国产精品久久久久久久成人热,欧美日韩亚洲国产综合乱

作業(yè)要求：

作業(yè)代碼：

代碼運(yùn)行效果：