--- title: Tables localeTitle: 表格 --- ### 定义HTML表格 用``定义HTML表格。 表格由行``组成，行由单元格组成。单元格可以分为标题单元格`` ， `` ， `` ， ``和``元素。 #### 给表格添加边框 表格的默认格式是没有边框的。 添加边框需要用到CSS的`border`属性： ```css table, th, td { border: 1px solid black; } ``` ### 简单的表格示例 ```html
`和数据单元格``。默认情况下，标题单元格为粗体且居中。 更复杂的HTML表格还可能包含`
` ， `
Firstname Lastname Age
Jill Smith 50
Eve Jackson 94
``` [DEMO](https://www.w3schools.com/html/tryit.asp?filename=tryhtml_table) ### 表示具有更多语义信息的示例 ```html
Item Amount
Apple 10
Peach 15
Watermelon 3
``` 结果 Item Amount Apple 10 | 项目 | 数量 | |----|----| | 苹果 | 10 | | 桃子 | 15 | | 西瓜 | 3 | #### 更多信息： [关于HTML的MDN文章](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/table) [标签](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/table)