又过了一周啦~
最近开始学习如何用 table 排版,在学习的过程中顺手记下笔记让自已更有概念:)
何谓table
table 是在 HTML 排版的一种方式,主要是用于表格的呈现,也是一种很常见的排版方式之一。
表格的用法包含了几个重要的标籤,分别是 table、tr 与 td 这几个重点,组合起来才是个完整的表格,
写法範例
<table width="200" border="1"> <tr> <td>疫情大解封</td> <td>还是要小心</td> </tr></table>
第一个 table 的 width 是指设定宽度,border 是指框线样式,几个<td></td>
就会有几个栏位
如果 border 后面数字增加则会变成:
<table width="200" border="10"> <tr> <td>疫情大解封</td> <td>还是要小心</td> </tr></table>
数字越大,框线更粗
<table border="1"> <tr> <td>第一行的第一个栏位</td> <td>第一行的第二个栏位</td> </tr> <tr> <td>第二行的第一个栏位</td> <td>第二行的第二个栏位</td> </tr></table>
这里是指两行两栏位的 Table 表格
其实表格的变化还很多,可以依照需求去做设计
觉得很有趣,再来多多练习:)
大家下次见啦~~!!!