3-3 表格製作
3-3-1 表格標籤格式 表格是製作文件比較複雜的工作之一,它必須設定整體表格的寬(width)、高(height)、表格線的大小(border),接著再設定表格內各個列(<tr>… </tr>),以及每一列的欄位(<td> … </td>)。基本程式架構如下:
3-3-2 程式範例:製作報價單 (A) 網頁功能: Ex3_3.html 吾人需要製作一張報價單的網頁,期望期格式如下:
(B) 製作技巧: 製作表格之前,必須算出表格到底多大,一般都是用 wide(寬)與 height (高) 來規劃表格大小,但它的單位是甚麼呢?這與螢幕的解析度有關,譬如圖 3-2 是觀察筆者的螢幕 (1920*1080),則表示寬=1920 像素(pixels) 、高=1080像素。表格大小是表式要在螢幕上顯示多大,因此設計表格就是以像素(pix)為單位。
(C) 程式範例:(利用 Notepad++ 輸入,並儲存為 “Ex3_3.html”)
(D) 程式說明: (1) 7~41 行 <table> … </table>:製作表格範圍,其中,<table width="400" height="120" border="1"> 是規畫表格的大小。 |
翻轉工作室:粘添壽
資料庫程式設計:
翻轉電子書系列:
|