如果你要在網頁中呈現一些工程圖表,HTML提供了很多標簽和屬性可以滿足你的需求。下面是一些常用的圖表代碼和標簽:
<table> <tr> <th>項目</th> <th>完成情況</th> </tr> <tr> <td>設計</td> <td>完成90%</td> </tr> <tr> <td>建造</td> <td>完成50%</td> </tr> <tr> <td>測試</td> <td>完成10%</td> </tr> </table>
上述代碼使用了<table>標簽來創建一個表格,<tr>標簽用于定義表格行,<th>和<td>標簽分別用于定義表頭和表格單元格。你可以使用CSS樣式表來美化表格。
<ul> <li>設計 90%</li> <li>建造 50%</li> <li>測試 10%</li> </ul>
如果你的工程圖表只包含幾個項目,可以使用<ul>標簽來創建一個列表。<li>標簽用于定義列表項。你也可以使用CSS樣式表來改變列表的樣式。
<canvas id="myCanvas" width="400" height="400"> 您的瀏覽器不支持canvas </canvas>
如果你想創建一個繪圖工程圖表,可以使用<canvas>標簽。在標簽中添加JavaScript代碼,你可以畫出任何你想要的圖形。例如,下面的代碼畫出了一個矩形:
<canvas id="myCanvas" width="400" height="400"> 您的瀏覽器不支持canvas </canvas> <script> var c=document.getElementById("myCanvas"); var ctx=c.getContext("2d"); ctx.fillStyle="#FF0000"; ctx.fillRect(50,50,200,100); </script>
使用<canvas>標簽時,你需要指定它的ID以及寬度和高度屬性。在JavaScript代碼中使用getContext("2d")方法可以獲得一個2D畫布對象,在畫布上繪制圖形。
上一篇python 按列遍歷
下一篇python 按列讀文件