网页中表格和列表随处可见,所以我们需要掌握各个标签的用法以及区别。

表格简单的HTML表格由table元素以及多个tr th或td元素组成。这几个都是双标签。

tr定义行 th定义表头 td定义表格单元

两行两列的表格,常见代码:(运行结果自己查看)

代码语言:javascript复制

序号 姓名
1 张三
复杂的表格可能包含thead、tbody、tfoot比较常见,caption、col、colgroup不常见。

具体用法示例:(运行结果自己查看)

代码语言:javascript复制

标题头 标题头
单元内容 单元内容
表格尾 表格尾
列表HTML支持有序、无序和定义列表。具体解释如下:

1、有序列表:列表项目使用数字进行标记。有序列表始于

    标签,每个列始于
  1. 标签。

    示例:(运行结果自己查看)

    代码语言:javascript复制

    2、无序列表:每一列使用原点或圆圈进行标记。无序列表始于
      标签,每个列始于
    • 标签。

      示例代码:(运行结果自己查看)

      代码语言:javascript复制

      • Coffee
      • Milk
      2、自定义列表:每一列使用原点或圆圈进行标记。无序列表始于
      标签,每个列始于
      或者
      标签。dt内容块的标题,dd 内容。

      示例代码:(运行结果自己查看)

      代码语言:javascript复制

      标题

      内容1

      内容2