- 精通HTML5+CSS3+JavaScript網頁設計（視頻教學版）（第2版）
- 王英英
- 243字
- 2019-12-09 14:23:56
4.3 綜合實例——制作計算機報價單
利用所學的表格知識，制作如圖4-9所示的計算機報價單。
圖4-9 計算機報價單
具體操作步驟如下：
01 新建HTML文檔，并對其簡化，代碼如下所示。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>完整表格標記</title>
</head>
<body>
</body>
</html>
02 保存HTML文件，選擇相應的保存位置，文件名為“綜合實例—制作計算機報價單.html”。
03 在HTML文檔的body部分增加表格及內容，代碼如下所示。
利用<caption>標記制作表格的標題，<th>代替<td>作為標題行單元格。可以將圖片放在單元格內，即在<td>標記內使用<img>標記。
04 在HTML文檔的head部分，增加CSS樣式，為表格增加邊框及相應的修飾，代碼如下所示。
05 保存網頁后，即可查看最終效果。
推薦閱讀
- 24小時學會網站建設
- Vue.js從入門到項目實踐（超值版）
- 眾妙之門：網站UI設計之道2
- 網頁設計與網站建設從入門到精通
- HTML+CSS+JavaScript網頁制作案例教程（第2版）
- HTML+CSS+JavaScript網頁設計與布局：從新手到高手
- Photoshop電商網頁廣告設計實戰從入門到精通
- Illustrator平面設計180例五步通
- 《練就職場功夫熊貓》
- Premiere Pro CS6多功能教材
- 中文版Dreamweaver CC+Flash CC+Photoshop CC網頁設計基礎培訓教程
- ASP快速建站全程實錄
- Vue應用程序開發
- Linux系統與網絡服務管理技術大全（第二版）
- Dreamweaver CS6網頁設計入門、進階與提高