在HTML中创建表格,需要使用<table>
、<tr>
、<td>
和<th>
等标签,下面是一个简单的示例:
(图片来源网络,侵删)
1、创建表格的基本结构
使用<table>
标签创建一个表格,然后在其中添加<tr>
(表行)标签,每个<tr>
标签表示一行,可以包含多个<td>
(表单元格)或<th>
(表头单元格)标签。
<table> <tr> <!在这里添加表头或表单元格 > </tr> </table>
2、添加表头
使用<th>
标签添加表头,通常用于描述每列的含义,将<th>
标签放在<tr>
标签内,表示该行是表头行。
<table> <tr> <th>姓名</th> <th>年龄</th> <th>职业</th> </tr> </table>
3、添加表单元格
使用<td>
标签添加表单元格,将数据放入每个单元格,将<td>
标签放在<tr>
标签内,表示该行是数据行。
<table> <tr> <th>姓名</th> <th>年龄</th> <th>职业</th> </tr> <tr> <td>张三</td> <td>25</td> <td>程序员</td> </tr> <tr> <td>李四</td> <td>30</td> <td>设计师</td> </tr> </table>
4、添加单元表格
如果需要在表格中嵌套另一个表格,可以在<td>
标签内添加一个新的<table>
标签。
<table> <tr> <th>姓名</th> <th>年龄</th> <th>职业</th> </tr> <tr> <td>张三</td> <td>25</td> <td> <table> <tr> <th>技能</th> <th>熟练程度</th> </tr> <tr> <td>Python</td> <td>熟练</td> </tr> <tr> <td>JavaScript</td> <td>一般</td> </tr> </table> </td> </tr> <tr> <td>李四</td> <td>30</td> <td>设计师</td> </tr> </table>
这样就创建了一个包含小标题和单元表格的HTML表格。
原创文章,作者:酷盾叔,如若转载,请注明出处:https://www.kdun.com/ask/393478.html
本网站发布或转载的文章及图片均来自网络,其原创性以及文中表达的观点和判断不代表本网站。如有问题,请联系客服处理。
发表回复