8.3.2 设置表格高度和宽度

除了对表格边框设置大小外,对整个表格也可以设置其大小,与其他参数一样,在标记table中,设置宽度用width表示,而高度用height表示。在网页中的表格按设置的值来显示,如下代码表示设置表格的高和宽,即在表格标记<table>中,设置width为300,设置height为200,默认单位值为像素,如代码8.5所示。

代码8.5 源代码\第8章\设置表格大小.html


——————————————文件名:设置表格大小.html——————————————

01 <html>

02 <head>

03 <title>设置表格大小</title>

04 </head>

05 <body>

06 <table border=1 width=300 height=200>

07 <tr>

08 <td>表格宽度</td>

09 <td>表格宽度二</td>

10 </tr>

11 <tr>

12 <td>第二行表元</td>

13 <td>第二行表元二</td>

14 </tr>

15 </table>

16 </body>

17 </html>


【代码解析】代码第6行设置表格的宽度为300,高度为200,且其单位默认的是像素,故所表示的是一个宽为300像素,高为200像素的表格,该表格中又存在2行2列,且2行2列的大小刚好是表格大小,效果如图8.5所示。

8.3.2 设置表格高度和宽度 - 图1

图 8.5 设置表格大小