日韩性视频-久久久蜜桃-www中文字幕-在线中文字幕av-亚洲欧美一区二区三区四区-撸久久-香蕉视频一区-久久无码精品丰满人妻-国产高潮av-激情福利社-日韩av网址大全-国产精品久久999-日本五十路在线-性欧美在线-久久99精品波多结衣一区-男女午夜免费视频-黑人极品ⅴideos精品欧美棵-人人妻人人澡人人爽精品欧美一区-日韩一区在线看-欧美a级在线免费观看

歡迎訪問 生活随笔!

生活随笔

當前位置: 首頁 > 编程资源 > 编程问答 >内容正文

编程问答

表格练习

發布時間:2023/12/29 编程问答 25 豆豆
生活随笔 收集整理的這篇文章主要介紹了 表格练习 小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

表格1-花名冊:

<!DOCTYPE html> <html><head> <meta charset="utf-8"><title></title></head><!-- 表格標簽,table(表)、tr(表格中的行)、td(普通表格)和th(表頭),寫在表頭中的內容會自動居中和加粗 --><!-- border="1"表格有邊界;border="0"表格無邊界。 --><!-- 在table中可設置某些屬性,如cellpadding可設置內容距離邊框的距離即內邊距,cellspacing可設置外邊距,width可設置表格的寬度,height用來設置表格的高度 --><!-- 在行屬性中可以設置表格高度height,在列屬性中可設置表格寬度width,即行高列寬 --><body><table border="1" cellpadding="20" cellspacing="0" width="400" height="205"><tr ><th>姓名</th><th>年齡</th><th>性別</th><th>出生日期</th></tr><tr><td>張三</td><td>16</td><td></td><td>2020-12-25</td></tr><tr><td>張三</td><td>16</td><td></td><td>2020-12-25</td></tr></table></body> </html>

運行結果:

表格2-簡歷:

<!DOCTYPE html> <html><head><meta charset="utf-8"><title></title></head><!-- bgcolor可設置背景顏色,顏色也可通過屏幕取色器吸取 --><!-- colspan單元格跨行列合并,在同行之間進行,如colspan="4",將同一個表格行中的多余單元格刪除sawspan行合并,在同一列之間進行,如sawspan="4" 需要將不同單元格中的對應單元格刪除--><body><table border="1"><tr><th bgcolor="aquamarine">姓名</th><th width="100"></th><th bgcolor="aquamarine">性別</th><th></th><th rowspan="5" width="150" height="200"> </th></tr><tr><td bgcolor="aquamarine">出生年月</td><td></td><td bgcolor="aquamarine">籍貫</td><td></td></tr><tr><td bgcolor="aquamarine">政治面貌</td><td></td><td bgcolor="aquamarine">民族</td><td></td> </tr><tr><td bgcolor="aquamarine">健康狀況</td><td></td><td bgcolor="aquamarine">婚姻狀況</td><td></td> </tr><tr><td bgcolor="aquamarine">聯系電話</td><td></td><td bgcolor="aquamarine">電子郵件</td><td>www.baidu.com</td> </tr><tr><td bgcolor="aquamarine">求職意向</td><td colspan="4" height="40"></td></tr><tr><td bgcolor="aquamarine">工作經歷</td><td colspan="4" height="200"></td> </tr><tr><td bgcolor="aquamarine">教育經歷</td><td colspan="4" height="40"></td></tr><tr><td bgcolor="aquamarine">英語水平</td><td colspan="4" height="40"></td></tr><tr><td bgcolor="aquamarine">計算機水平</td><td colspan="4" height="40"></td></tr><tr><td bgcolor="aquamarine">自我評價</td><td colspan="4" height="40"></td> </tr></table></body> </html>

運行結果:

表格3-財務報表:

<!DOCTYPE html> <html><head><meta charset="utf-8"><title></title></head><!-- align設置水平位置,left(向左對齊,默認),center(居中)和right(向右對齊) --><!-- vaign設置垂直位置,top(向上對齊),middle(中間對齊)和bottom(向下對齊) --><body align="center"><b>財務報表</b><table align="center" border="1" cellpadding="10" cellspacing="0"><tr ><td>季度</td><td colspan="2" align="center">收入(元)</td><td colspan="2" align="center">支出(元)</td></tr><tr><td></td><td>建筑</td><td>房地產</td><td>銷售服務</td><td>辦公</td></tr><tr><td>第一季度</td><td>306000</td><td>282000</td><td>90000</td><td>10000</td></tr><tr><td>第二季度</td><td>450000</td><td>364000</td><td>54000</td><td>20000</td></tr></table></body> </html>

運行結果:

表格4-財務報表:

<!DOCTYPE html> <html><head><meta charset="utf-8"><title></title></head><body align="center"><table border="1" cellpadding="10" cellspacing="0"><tr><td colspan="8">財務報表</td></tr><tr><td colspan="2">品牌</td><td colspan="3">春裝</td><td colspan="3">夏裝</td></tr><tr><td colspan="2"></td><td>男裝</td><td>女裝</td><td>童裝</td><td>男裝</td><td>女裝</td><td>童裝</td></tr><tr><td rowspan="2">JC</td><td>牛仔系列</td><td>116</td><td>98</td><td>68</td><td>88</td><td>86</td><td>46</td></tr><tr><td>休閑系列</td><td>120</td><td>100</td><td>80</td><td>98</td><td>88</td><td>50</td></tr></table></body> </html>

運行結果:

表格5-課程表:

<!DOCTYPE html> <html><head><meta charset="utf-8"><title></title></head><!-- 若需要生成的表格行和列比較多則可用 table>行數tr*>列數td* 接下來按Tab鍵 --><body align="center"><h4>課程表</h4><table align="center" border="1" cellpadding="10" cellspacing="5"><tr><td>項目</td><td colspan="5">上課</td><td colspan="2">休息</td></tr><tr bgcolor="bisque"><td>星期</td><td>星期一</td><td>星期二</td><td>星期三</td><td>星期四</td><td>星期五</td><td>星期六</td><td>星期日</td></tr><tr><td rowspan="4">上午</td><td>語文</td><td>數學</td><td>英語</td><td>英語</td><td>物理</td><td>計算機</td><td rowspan="4">休息</td></tr><tr><td>數學</td><td>數學</td><td>地理</td><td>化學</td><td>歷史</td><td>計算機</td></tr><tr><td>語文</td><td>數學</td><td>歷史</td><td>計算機</td><td>物理</td><td>化學</td></tr><tr><td>數學</td><td>數學</td><td>地理</td><td>化學</td><td>歷史</td><td>計算機</td></tr><tr><td rowspan="2">下午</td><td>數學</td><td>數學</td><td>地理</td><td>化學</td><td>歷史</td><td>計算機</td> <td rowspan="2">休息</td></tr><tr><td>數學</td><td>數學</td><td>地理</td><td>化學</td><td>歷史</td><td>計算機</td></tr></table> </body> </html>

運行結果:

表格6-水果展示:

<!DOCTYPE html> <html><head><meta charset="utf-8"><title></title></head><!-- 用<hr />設置的下劃線默認顏色為灰色,用color=""可設置下劃線顏色如<hr color="red"/>--><body><h4 align="center">水果展示</h4><hr color="red" /><table cellpadding="30" cellspacing="0" border="0" align="center"><tr><td><img src="img/banana.jpg" /></td><td>名稱:香蕉<br />原價:<del>¥19.80</del><br />現價:¥9.8<br />產地:海南<br /></td><td><img src="img/pineapple.jpg" /></td><td>名稱:菠蘿<br />原價:<del>¥19.80</del><br />現價:¥9.8<br />產地:廣西<br /></td><td><img src="img/banana.jpg" /></td><td>名稱:菠蘿<br />原價:<del>¥19.80</del><br />現價:¥9.8<br />產地:廣西<br /></td></tr><tr><td>名稱:桃子<br />原價:<del>¥19.80</del><br />現價:¥9.8<br />產地:陜西<br /></td><td><img src="img/peach.jpg" /></td><td>名稱:梨<br />原價:<del>¥19.80</del><br />現價:¥9.8<br />產地:陜西<br /></td><td><img src="img/pear.jpg" /> </td><td>名稱:葡萄<br />原價:<del>¥19.80</del><br />現價:¥9.8<br />產地:陜西<br /></td><td><img src="img/grape.jpg" /></td></tr></table><hr color="red"/><p align="center" ><font color="darkgray">公司地址:陜西省西安市<br />電話:029-98765432 </font></p> </body> </html>

運行結果:

總結

以上是生活随笔為你收集整理的表格练习的全部內容,希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯,歡迎將生活随笔推薦給好友。