别再用 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>顺手三件套:
border="1"先临时看格子,上线后去掉,用 CSS 画更漂亮的线。- 表头能用
<th>就别全塞<td>,屏幕阅读器会把它当“列标题”,盲人用户能听懂。 - 别拿表格拼页面布局,那是 2003 年的黑历史,现在会被前端群友拉黑。
总结:
数据真表格,布局用 Flex/Grid,写对了人见人爱,写错了加班重来。
0
快来点个赞吧
发表评论
评论列表