HTML表格通过table、tr、td、th标签构建，用于清晰展示数据。示例包含姓名、年龄、城市三列，使用border-collapse合并边框，提升可读性与语义化，便于SEO和辅助技术识别。
HTML表格用于在网页中以行和列的形式组织数据，使信息更清晰易读。创建表格主要使用table标签，配合tr、td、th等标签来构建结构。
使用<table>标签定义一个表格，每一行用<code><tr>（table row）表示，单元格用<code><td>（table data）表示，表头单元格用<code><th>（table header）表示。
<p>下面是一个简单的表格示例：</p>
<font face="Courier New">
<table>
<br>
<tr>
<br>
<th>姓名</th>
<br>
<th>年龄</th>
<br>
<th>城市</th>
<br>
</tr>
<br>
<tr>
<br>
<td>张三</td>
<br>
<td>25</td>
<br>
<td>北京</td>
<br>
</tr>
<br>
<tr>
<br>
<td>李四</td>
<br>
<td>30</td>
<br>
<td>上海</td>
<br>
</tr>
<br>
</table></font>
<h3>设置表格边框</h3>
<p>默认情况下，HTML表格没有可见边框。可以通过CSS的<code>border属性为表格和单元格添加边框。
立即学习“前端免费学习笔记（深入）”；
建议使用内联样式或外部CSS统一设置，例如：
| 姓名 | 年龄 | 城市 |
|---|---|---|
| 张三 | 25 | 北京 |
注意：使用border-collapse: collapse;可以让相邻边框合并成一条线，避免双线效果，视觉上更整洁。
合理使用这些标签能提升表格语义化程度，有利于SEO和屏幕阅读器识别。
基本上就这些，掌握基础结构和边框设置后，可以结合CSS进一步美化表格样式。
以上就是HTML表格的基本用法_HTML table标签表格创建与边框设置的详细内容，更多请关注php中文网其它相关文章！
HTML怎么学习？HTML怎么入门？HTML在哪学？HTML怎么学才快？不用担心，这里为大家提供了HTML速学教程(入门课程)，有需要的小伙伴保存下载就能学习啦！
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
710
收藏
