悟夕导航

别再用 Excel 截图了:三分钟搭好 HTML 表格

81 0 0

想把价格表、成绩单直接塞进网页?别截图,用原生 <table> 就行,四个标签就能开干:

  • <table> —— 整个表格外框
  • <tr> —— 一行
  • <th> —— 表头(默认加粗居中)
  • <td> —— 普通格子

抄一行就跑:

<table border="1">
  <tr>
    <th>姓名</th>
    <th>战绩</th>
  </tr>
  <tr>
    <td>张三</td>
    <td>28 杀 0 死</td>
  </tr>
</table>

顺手三件套:

  1. border="1" 先临时看格子,上线后去掉,用 CSS 画更漂亮的线。
  2. 表头能用 <th> 就别全塞 <td>,屏幕阅读器会把它当“列标题”,盲人用户能听懂。
  3. 别拿表格拼页面布局,那是 2003 年的黑历史,现在会被前端群友拉黑。

总结:
数据真表格,布局用 Flex/Grid,写对了人见人爱,写错了加班重来。

0
快来点个赞吧

发表评论

隐私评论

评论列表

来写一个评论吧