? <!--

? ? ? ? 表格的基本標簽

? ? ? ? 場景：在網頁中以行+列的單元格的方式整齊展示和數據，如：學生成績表

? ? ? ? 基本標簽：

? ? ? ? table:表格整體，可用于包裹多個tr

? ? ? ? tr：表格每行，可用于包裹td

? ? ? ? td：表格單元格，可用于包裹內容

? ? ? ? 注意點：

? ? ? ? 標簽的嵌套關系：table>tr>td

? ? ?-->

? ? ?<table>

? ? ? ? ?<tr>

? ? ? ? ? ? ?<td>姓名</td>

? ? ? ? ? ? ?<td>成績?</td>

? ? ? ? ? ? ?<td>?評語</td>

? ? ? ? ?</tr>

? ? ? ? ?<tr>

? ? ? ? ? ? ?<td>?張三</td>

? ? ? ? ? ? ?<td> 100分</td>

? ? ? ? ? ? ?<td>很棒</td>

? ? ? ? ?</tr>

? ? ? ? ?<tr>

? ? ? ? ? ? ?<td>李四</td>

? ? ? ? ? ? ?<td>80分</td> ?

? ? ? ? ? ? ?<td>也很棒?</td>

? ? ?</tr>

? ? ?</table>

?

? ? ?<!--

? ? ? ? ?表格相關屬性

? ? ? ? ?場景：設置表格基本展示效果

? ? ? ? ?常見相關屬性：

? ? ? ? ?border: 屬性值：數字 表示：表格邊框寬度

? ? ? ? ?width: 屬性值：數字 表示：表格的寬度

? ? ? ? ?height: 屬性值：數字 表示：表格的高度

? ? ? ? 注意點：

? ? ? ? 實際開發針對于樣式效果，推薦使用css設置

? ? ? -->

? ? ? <table border="1" width="400" height="200" ?>

? ? ??<tr>

? ? ? ? ? ? ?<td>姓名</td>

? ? ? ? ? ? ?<td>成績?</td>

? ? ? ? ? ? ?<td>?評語</td>

? ? ? ? ?</tr>

? ? ? ? ?<tr>

? ? ? ? ? ? ?<td>?張三</td>

? ? ? ? ? ? ?<td> 100分</td>

? ? ? ? ? ? ?<td>很棒</td>

? ? ? ? ?</tr>

? ? ? ? ?<tr>

? ? ? ? ? ? ?<td>李四</td>

? ? ? ? ? ? ?<td>80分</td> ?

? ? ? ? ? ? ?<td>也很棒?</td>

? ? </table>

?

總結

以上是生活随笔為你收集整理的前端基础-html-表格的基本标签和相关属性的全部內容，希望文章能夠幫你解決所遇到的問題。

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