HTML5是網頁編程中非常重要的一項技術,它可以用來制作各種形式的網頁元素,其中表格是網頁中非常常見的一種元素。接下來,我們一起來學習如何使用HTML5制作出表格。
<table> <tr> <th>商品名稱</th> <th>價格</th> <th>庫存數量</th> </tr> <tr> <td>蘋果</td> <td>5元/個</td> <td>100個</td> </tr> <tr> <td>香蕉</td> <td>2元/個</td> <td>50個</td> </tr> </table>
通過上述代碼,我們可以發現表格的代碼用到了<table>標簽,表示它是一個表格。<tr>標簽表示表格的行,<th>標簽表示表格的表頭,<td>標簽表示表格的數據。通過這些標簽的嵌套使用,我們便可以成功制作出表格,如下所示:
商品名稱 | 價格 | 庫存數量 |
---|---|---|
蘋果 | 5元/個 | 100個 |
香蕉 | 2元/個 | 50個 |
通過這種方式,我們可以在網頁上展示復雜的表格數據,非常方便實用。
上一篇vue中如何引用css
下一篇vue中如何分離css