[鼠年全马铁人挑战] Week18 - 超新手学前端 - HTML table 小概念

又过了一周啦~
最近开始学习如何用 table 排版,在学习的过程中顺手记下笔记让自已更有概念:)

何谓table

table 是在 HTML 排版的一种方式,主要是用于表格的呈现,也是一种很常见的排版方式之一。
表格的用法包含了几个重要的标籤,分别是 table、tr 与 td 这几个重点,组合起来才是个完整的表格,

写法範例

<table width="200" border="1"> <tr> <td>疫情大解封</td> <td>还是要小心</td> </tr></table>

第一个 table 的 width 是指设定宽度,border 是指框线样式,几个<td></td>就会有几个栏位

http://img2.58codes.com/2024/20120789P2ljKu4QbK.png

如果 border 后面数字增加则会变成:

<table width="200" border="10"> <tr> <td>疫情大解封</td> <td>还是要小心</td> </tr></table>

http://img2.58codes.com/2024/20120789c51mfNoMTu.png

数字越大,框线更粗

<table border="1"> <tr> <td>第一行的第一个栏位</td> <td>第一行的第二个栏位</td> </tr> <tr> <td>第二行的第一个栏位</td> <td>第二行的第二个栏位</td> </tr></table>

http://img2.58codes.com/2024/20120789egqnKt6OwT.png

这里是指两行两栏位的 Table 表格

其实表格的变化还很多,可以依照需求去做设计
觉得很有趣,再来多多练习:)
大家下次见啦~~!!!


关于作者: 网站小编

码农网专注IT技术教程资源分享平台,学习资源下载网站,58码农网包含计算机技术、网站程序源码下载、编程技术论坛、互联网资源下载等产品服务,提供原创、优质、完整内容的专业码农交流分享平台。

热门文章