大家好,我是讯享网,很高兴认识大家。
一、表格介绍
我们经常在网页上看到这种形式。这个表格是怎么画的?
二、网页上画表格的原理
1.描述:一个表格有行和列,画一个表格不是一个标签,而是多个标签的组合。
2.画表格的步骤:先看图。
代码演示:
<body><!– 1、使用 table 标签画出表格的整体范围–><!– 5、在 table 的起始标签里添加 border 给表格画线;”2″ 代表表格外框的线粗细–><table border=”2″> <!–2、使用 tr 标签画行–> <tr> <!– 3、使用 td 标签画单元格,就相当于是 列–> <td>张三</td> </tr></table></body>
<body><table border=”2″> <tr> <td>张三</td> </tr> <tr> <!– 如果需要多行,可以复制上面的 tr 包括 td 标签–> <td>张三</td> <td>李四</td> <td>王五</td> <!–如果需要多个列,可以多复制几个 td 标签–> <!– 列的排序方式是:第一行的td标签为第1列,第二行的td为第2列,以此类推–> </tr></table></body>三、表格位置说明
& ltbody & gt& lt!-1.用表格标签画出表格的整个范围->:& lt;!-5.向表格的开始标记添加边框,以便在表格上画线;”2″代表表格轮廓的线条粗细–>:& lt;表格边框= & # 34;2″& gt& lt!-2.用tr标签画线–>:& lt;tr & gt& lt!-3.画一个带td标签的单元格相当于一列–>:& lt;td & gt张:& lt/tr & gt;& lt/table & gt;& lt/body & gt;& ltbody & gt& lt表格边框= & # 34;2″& gt& lttr & gt& lttd & gt张:& lt/tr & gt;& lttr & gt& lt!-如果需要多行,可以复制上面的tr包括td标签–>:& lt;td & gt张:& lttd & gt李。& lttd & gt王武:& lt;!-列的排序方式是:第一行的td标签为第一列,第二行的td为第二列,以此类推->:& lt;/tr & gt;& lt/table & gt;& lt/body & gt;三。表位置的描述
本文来自网络,若有侵权,请联系删除,如若转载,请注明出处:https://51itzy.com/28108.html