作者:
Mark Sanchez
创建日期:
28 一月 2021
更新日期:
1 七月 2024
![【網戰HTML-EP05】如何建立網頁表格](https://i.ytimg.com/vi/4ILpmGvcPQM/hqdefault.jpg)
内容
在 HTML 中创建表格非常困难。但是通过本文中概述的步骤,您应该能够为您的站点创建一个。
脚步
1 在 Windows 上打开一个简单的文字处理程序,如记事本或写字板,或在 Mac 上打开 TextEdit。
2 输入您想在表格前看到的所有文本。
- 3 通过输入 table> 标签来定义 HTML 文档的表格的使用。
- 4 按回车键。
5 使用 tr> 标签输入打开行表的标签。
- 6请记住从左到右构建所有剩余元素。
7 按回车键。
8 使用 th> 标签为表格标题输入开始标签。
9 输入要用于第一列的标题。
10 使用 /th> 标记为表格标题元素输入结束标记。
11 按回车键。
12 重复步骤(按列排列项目 从左到右).
13 通过输入 /tr> 标记关闭此行。
14 按回车键。
15 用另一个 tr> 标签开始另一行。
16 按回车键。
17 使用 td> 标签输入表数据标签。
18 输入要包含在每个字段中的表数据。
- 19从左到右工作,填写上面显示的列中的数据。
20 使用 /td> 标记关闭每个输入。
- 21 对您拥有的所有表数据重复此操作。
- 对于不需要输入任何内容的单元格,请输入 td> 和 td>,中间不要输入任何内容。这对于两个其他字段之间的字段非常有用。
- 对于不需要输入任何内容的单元格,请输入 td> 和 td>,中间不要输入任何内容。这对于两个其他字段之间的字段非常有用。
22 用另一个 /tr> 标签关闭每一行。
23 除了 tr> 和 /td> 行之外,向下重复每一行,直到组装每一行。
24 使用 / table> 标签关闭表格。
25 根据需要为文档的其余部分输入以下 HTML 文本。
提示
- 从每一行缩进,以便您可以了解您要在代码中执行的操作。
警告
- 如果您不小心输入了太多没有表格标题的数据列,它们仍然会显示出来,但它们看起来有点傻,读者将无法理解这些信息的用途。
- 在 HTML 页面上构建表格是一个很难理解的过程。首先,对外部数据进行练习以查看它的外观,然后浏览并放置新表。
- HTML 表格代码最好留给高级 HTML 编码人员。但是,按照这些说明进行操作后,您也将成为其中之一。