如何在 HTML 中创建表格

作者: Mark Sanchez
创建日期: 28 一月 2021
更新日期: 1 七月 2024
Anonim
【網戰HTML-EP05】如何建立網頁表格
视频: 【網戰HTML-EP05】如何建立網頁表格

内容

在 HTML 中创建表格非常困难。但是通过本文中概述的步骤,您应该能够为您的站点创建一个。

脚步

  1. 1 在 Windows 上打开一个简单的文字处理程序,如记事本或写字板,或在 Mac 上打开 TextEdit。
  2. 2 输入您想在表格前看到的所有文本。
  3. 3 通过输入 table> 标签来定义 HTML 文档的表格的使用。

  4. 4 按回车键。

  5. 5 使用 tr> 标签输入打开行表的标签。
  6. 6请记住从左到右构建所有剩余元素。
  7. 7 按回车键。
  8. 8 使用 th> 标签为表格标题输入开始标签。
  9. 9 输入要用于第一列的标题。
  10. 10 使用 /th> 标记为表格标题元素输入结束标记。
  11. 11 按回车键。
  12. 12 重复步骤(按列排列项目 从左到右).
  13. 13 通过输入 /tr> 标记关闭此行。
  14. 14 按回车键。
  15. 15 用另一个 tr> 标签开始另一行。
  16. 16 按回车键。
  17. 17 使用 td> 标签输入表数据标签。
  18. 18 输入要包含在每个字段中的表数据。
  19. 19从左到右工作,填写上面显示的列中的数据。
  20. 20 使用 /td> 标记关闭每个输入。
  21. 21 对您拥有的所有表数据重复此操作。
    • 对于不需要输入任何内容的单元格,请输入 td> 和 td>,中间不要输入任何内容。这对于两个其他字段之间的字段非常有用。
  22. 22 用另一个 /tr> 标签关闭每一行。
  23. 23 除了 tr> 和 /td> 行之外,向下重复每一行,直到组装每一行。
  24. 24 使用 / table> 标签关闭表格。
  25. 25 根据需要为文档的其余部分输入以下 HTML 文本。

提示

  • 从每一行缩进,以便您可以了解您要在代码中执行的操作。

警告

  • 如果您不小心输入了太多没有表格标题的数据列,它们仍然会显示出来,但它们看起来有点傻,读者将无法理解这些信息的用途。
  • 在 HTML 页面上构建表格是一个很难理解的过程。首先,对外部数据进行练习以查看它的外观,然后浏览并放置新表。
  • HTML 表格代码最好留给高级 HTML 编码人员。但是,按照这些说明进行操作后,您也将成为其中之一。