前端基础-html-表格的基本标签和相关属性
? <!--
? ? ? ? 表格的基本標簽
? ? ? ? 場景：在網頁中以行+列的單元格的方式整齊展示和數據，如：學生成績表
? ? ? ? 基本標簽：
? ? ? ? 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-表格的基本标签和相关属性的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： LoadRunner中常见参数和变量
- 下一篇： 截取两个标签之间的文本