Use the table tag to draw tables in html, tr represents rows, and td represents columns. The following is a code example to introduce you to the relevant knowledge of HTML tables. Friends who are interested can take a look.
In html Use the table tag
tr to represent rows
td to represent columns
Table in html
水平表头
| Name | Age | Gender |
|---|---|---|
| zdd | 30 | male |
垂直表头
| Name | autumn |
|---|---|
| Age | 30 |
| Gender | famale |
##Name | Age | ##Gender | ||||||||||||||||||||||||||||||||||||||||||||||||||
##30 | male | Vertical header
Copy after login 效果图
空单元格 如果没有为单元格指定内容，那么单元格将是空的，且没有边框，如下，这样很不美观。
如果解决呢？方法是给空的单元格加上空格，由于html忽略多余的空格，所以我们不能直接加空格，而要加 nbsp表示空格。
Copy after login 效果图
带标题的表格 使用caption属性，但是好像标题中不能有空格，否则显示的时候会换行！
Copy after login 我的表格
跨行或者跨列的表格 用colspan跨行
Copy after login
用rowspan跨列
Copy after login 嵌套的表格 table标签是可以嵌套的，也就是说在tr或者td标签中加入table标签即可创建表格中的表格。 总结：以上就是本篇文的全部内容，希望能对大家的学习有所帮助。 相关推荐： The above is the detailed content of How to create a table in HTML. For more information, please follow other related articles on the PHP Chinese website! Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Latest Articles by Author
Latest Issues
Leverage VueJS components in PHP
I want to mix basic HTML generated by Php and VueJS components without having to use VueJS...
From 2023-11-11 00:01:44
0
2
288
v-date-picker to select only month and year
Please tell me if there is any other way to do this using v-date-picker. I just want the u...
From 2023-11-10 14:05:05
0
1
269
Related Topics
More>
Popular Recommendations
Popular Tutorials
More>
Latest Downloads
More>
| ||||||||||||||||||||||||||||||||||||||||||||||||||
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
