tft每日頭條

 > 生活

 > html中關于表格的屬性

html中關于表格的屬性

生活 更新时间:2024-09-18 13:13:19
表格

表格标記用于顯示類似工作表的數據,這些數據以行和列的形式整齊地格式化。它們還可以用于設計頁面布局。

表格 - <table> ... </table>

table标記用于定義表格,它包含所有行和列标記及其内容。表格必須始終至少有一行,有一些屬性來定義表格布局。

  • width="?" - 指定表格的寬度
  • align="?" - 指定表格的水平對齊
  • border="?" - 表格的邊框大小
  • cellspacing="?" - 單元格的間距
  • cellpadding="?" - 單元格内容與邊框的空白
表格标題 - <caption> ... </caption>

标記caption用于定義表格的标題。

行 - <tr> </tr>

tr标記表示表格中的行,必須出現在table标記中。

單元格 - <td> </td>

單元格是内容所在的地方,單元格必須存在于行中,行中的單元格數決定表中的列數,使用以下屬性設置單元格屬性:

  • align="?" - 單元格中文本的水平對齊: left, center or right
  • valign="?" - 單元格中文本的垂直對齊: top, middle or bottom.
  • width="?" - 指定單元格的固定寬度,默認情況下隻占據内容所需的空間
  • colspan="?" - 列橫跨允許單元格占據多列
  • rowspan="?" - 行橫跨允許單元格占據多行
  • nowrap - 單元格中的文本不會換行到下一行。類似于段落的nobr标記
表頭單元格 - <th> </th>

與普通單元格類似,表頭單元格必須出現在行中,正常情況下位于表格第一行,浏覽器對其進行加粗和居中。

例子

以下是表格的示例:

html中關于表格的屬性(html基礎必備-表格标記)1

html中關于表格的屬性(html基礎必備-表格标記)2

html中關于表格的屬性(html基礎必備-表格标記)3

html中關于表格的屬性(html基礎必備-表格标記)4

,

更多精彩资讯请关注tft每日頭條,我们将持续为您更新最新资讯!

查看全部

相关生活资讯推荐

热门生活资讯推荐

网友关注

Copyright 2023-2024 - www.tftnews.com All Rights Reserved