网页中表格和列表随处可见,所以我们需要掌握各个标签的用法以及区别。
表格简单的HTML表格由table元素以及多个tr th或td元素组成。这几个都是双标签。
tr定义行 th定义表头 td定义表格单元
两行两列的表格,常见代码:(运行结果自己查看)
代码语言:javascript复制
| 序号 | 姓名 |
|---|---|
| 1 | 张三 |
具体用法示例:(运行结果自己查看)
代码语言:javascript复制
| 标题头 | 标题头 |
|---|---|
| 单元内容 | 单元内容 |
| 表格尾 | 表格尾 |
1、有序列表:列表项目使用数字进行标记。有序列表始于
- 标签,每个列始于
- 标签。
示例:(运行结果自己查看)
代码语言:javascript复制
- 我
- 喜
- 欢
- 你
- 标签,每个列始于
- 标签。
示例代码:(运行结果自己查看)
代码语言:javascript复制
- Coffee
- Milk
- 标签,每个列始于
- 或者
- 标签。dt内容块的标题,dd 内容。
示例代码:(运行结果自己查看)
代码语言:javascript复制
- 标题
- 内容1
- 内容2