HTML表格的基本用法_HTML table标签表格创建与边框设置

星夢妙者
发布: 2025-11-05 14:34:02
原创
338人浏览过
HTML表格通过table、tr、td、th标签构建,用于清晰展示数据。示例包含姓名、年龄、城市三列,使用border-collapse合并边框,提升可读性与语义化,便于SEO和辅助技术识别。

html表格的基本用法_html table标签表格创建与边框设置

HTML表格用于在网页中以行和列的形式组织数据,使信息更清晰易读。创建表格主要使用table标签,配合trtdth等标签来构建结构。

创建基本表格

使用<table>标签定义一个表格,每一行用<tr>(table row)表示,单元格用<td>(table data)表示,表头单元格用<th>(table header)表示。

下面是一个简单的表格示例:

<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>

设置表格边框

默认情况下,HTML表格没有可见边框。可以通过CSS的border属性为表格和单元格添加边框。

立即学习前端免费学习笔记(深入)”;

Voicepods
Voicepods

Voicepods是一个在线文本转语音平台,允许用户在30秒内将任何书面文本转换为音频文件。

Voicepods 93
查看详情 Voicepods

建议使用内联样式或外部CSS统一设置,例如:

<table style="border: 1px solid black; border-collapse: collapse;">
  <tr>
    <th style="border: 1px solid black; padding: 8px;">姓名</th>
    <th style="border: 1px solid black; padding: 8px;">年龄</th>
    <th style="border: 1px solid black; padding: 8px;">城市</th>
  </tr>
  <tr>
    <td style="border: 1px solid black; padding: 8px;">张三</td>
    <td style="border: 1px solid black; padding: 8px;">25</td>
    <td style="border: 1px solid black; padding: 8px;">北京</td>
  </tr>
</table>

注意:使用border-collapse: collapse;可以让相邻边框合并成一条线,避免双线效果,视觉上更整洁。

常用表格结构标签说明

  • table:定义整个表格容器
  • tr:定义表格中的一行
  • td:标准单元格,用于普通数据内容
  • th:表头单元格,默认加粗并居中显示
  • thead:可选,用于包裹表头行(高级结构)
  • tbody:可选,用于包裹主体数据行

合理使用这些标签能提升表格语义化程度,有利于SEO和屏幕阅读器识别。

基本上就这些,掌握基础结构和边框设置后,可以结合CSS进一步美化表格样式。

以上就是HTML表格的基本用法_HTML table标签表格创建与边框设置的详细内容,更多请关注php中文网其它相关文章!

HTML速学教程(入门课程)
HTML速学教程(入门课程)

HTML怎么学习?HTML怎么入门?HTML在哪学?HTML怎么学才快?不用担心,这里为大家提供了HTML速学教程(入门课程),有需要的小伙伴保存下载就能学习啦!

下载
来源:php中文网
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
开源免费商场系统广告
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号