当前位置: 首页 > 图文教程 > 专题中心 > HTML网页制作表格相关技巧汇总 > HTML教程:表格标记中的单元格 > HTML表格标记教程(31):单元格的宽度和高度属性WIDTH、HEIGHT

HTML教程:表格标记中的单元格
HTML表格标记教程(9):单元格间距属性CELLSPACING
HTML表格标记教程(10):单元格边距属性CELLPADDING
HTML表格标记教程(11):水平对齐属性ALIGN
HTML表格标记教程(12):边框样式属性FRAME
HTML表格标记教程(31):单元格的宽度和高度属性WIDTH、HEIGHT
HTML表格标记教程(32):单元格的水平对齐属性ALIGN
HTML表格标记教程(33):单元格的垂直对齐属性VALIGN
HTML表格标记教程(34):跨行属性ROWSPAN
HTML表格标记教程(35):跨列属性COLSPAN

HTML教程:表格标记中的单元格 中的 HTML表格标记教程(31):单元格的宽度和高度属性WIDTH、HEIGHT


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-11-28   浏览: 200 ::
收藏到网摘: n/a

默认情况下,单元格的宽度和高度根据内容自动调整,我们也可以手动设置单元格的宽度和高度。

基本语法

    <TD WIDTH=value HEIGHT=value>

语法解释

通过WIDTH属性定义单元格的宽度,HEIGHT属性定义单元格的高度,单位为像素或百分比。

文件范例:10-29.htm

设定单元格的宽度和高度。
01  <!-- ------------------------------ -->
02  <!-- 文件范例:10-29.htm -->
03  <!--文件说明:设定单元格的宽度和高度-->
04  <!-- ------------------------------ -->
05  <HTML>
06  <HEAD>
07  <TITLE>设定单元格的宽度和高度</TITLE>
08  </HEAD>
09  <BODY>
10  <H1>主流的网页设计软件</H1>
11  <TABLE BORDER=1 WIDTH=400 HEIGHT=100>
12  <TR>
13  <TD WIDTH=300 height=50>网页图像软件</TD><TD>Fireworks</TD>
14  </TR>
15  <TR>
16  <TD>网页制作软件</TD><TD>Dreamweaver</TD>
17  </TR>
18  <TR>
19  <TD>网页动画软件</TD><TD>Flash</TD>
20  </TR>
21  </TABLE>
22  </BODY>
23  </HTML>

文件说明

第11行定义了表格的宽度为400像素,高度为100像素。第13行定义了单元格的宽度为300像素,高度为50像素。