18.9.13 下午 第39天上課
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>表格</title> </head> <body> <table border="lpx" width="300" align="center"height="300"cellspacing="0"> <tr align="center"> <td colspan="1"> <font color="aqua"> 手機充值，ip卡 </font></td> <td colspan="3"> <font color="aqua"> 辦公裝置，文具，耗材 </font></font="aqua"></td> </tr> <tr align="center"> <td rowspan="3">各種卡的總彙</td> <td>鋼筆</td> <td>彩筆</td> <td>粉筆</td> </tr> <tr align="center"> <td>列印</td> <td>燒錄</td> <td>墨盒</td> </tr> <tr align="center"> <td>筆記</td> <td>鋼筆</td> <td>墨水</td> </tr> </table> <hr/> <table border="lpx"align="center"cellspacing="0"> <tr align="center" bgcolor="aqua"> <td>商品編號</td> <td>商品名稱</td> <td>商品價格</td> <td>商品品牌</td> <td>生產日期</td> </tr> <tr align="center"> <td>1000</td> <td>特級正品安溪烏龍茶</td> <td>200</td> <td>鐵觀音</td> <td>2013年6月1日</td> </tr> <tr align="center"> <td>1001</td> <td>特級祁門紅茶</td> <td>100</td> <td>徽銘</td> <td>2013年6月13日</td> </tr> <tr align="center"> <td>1002</td> <td>藍天玉霧</td> <td>33</td> <td>藍天茗茶</td> <td>2013年11月11日</td> </tr> <tr align="center"> <td>1003</td> <td>武夷巖茶</td> <td>78</td> <td>大紅袍</td> <td>2013年7月1日</td> </tr> </table> </body> </html>
=============================================================================================
================================================================================================
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Tea</title> </head> <body> <form> <h2 align="center">"家鄉緣"茶葉銷售管理系統</h2> <table align="center"border="lpx" cellspacing="0" width="400" height="200"> <tr align="center"> <td bgcolor="aqua">商品名稱</td> <td><input type="" name="" id="" value="" /></td> </tr> <tr align="center"> <td bgcolor="aqua">商品價格</td> <td><input type="" name="" id="" value="" /></td> </tr> <tr align="center"> <td bgcolor="aqua">商品品牌</td> <td> <select name="tea"> <option value="1">鐵觀音</option> <option value="2">綠茶</option> <option value="3">紅茶</option> <option value="4">奶茶</option> </select> </td> </tr> <tr align="center"> <td bgcolor="aqua">生產日期</td> <td><input type="" name="" id="" value="" /></td> </tr> <tr align="center"> <th colspan="2"> <input type="submit" value="提交" /> <input type="reset" value="清除" /> </th> </tr> </table> </form> </body> </html>
注意form用法
============================================================================================