手机
当前位置:查字典教程网 >网页设计 >HTML5教程 >HTML表格宽度和高度属性WIDTH、HEIGHT
HTML表格宽度和高度属性WIDTH、HEIGHT
摘要:默认情况下,表格的宽度和高度根据内容自动调整,我们也可以手动设置表格的宽度和高度。基本语法语法解释通过WIDTH属性定义表格的宽度,HEIG...

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

基本语法

    <TABLE WIDTH=VALUE HEIGHT=VALUE>

语法解释

通过WIDTH属性定义表格的宽度,HEIGHT属性定义表格的高度,单位是像素或百分比。如果是百分比,则可分为两种情况:如果不是嵌套表格,那么百分比是相对于浏览器窗口而言;如果是嵌套表格,则百分比相对的是嵌套表格所在的单元格宽度。

文件范例:10-3.htm

设定表格的宽度和高度。
01  <!-- ------------------------------ -->
02  <!-- 文件范例:10-3.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>网页图像软件</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像素。

【HTML表格宽度和高度属性WIDTH、HEIGHT】相关文章:

HTML5新增的表单元素和属性实例解析

HTML表格标记教程(41):表头的宽度和高度属性WIDTH、HEIGHT

HTML5 embed标签定义和用法详解

HTML表格标记教程(3):宽度和高度属性WIDTH、HEIGHT

HTML5中的标签属性简介

HTML 5标签、属性、事件及兼容性速查表

HTML5不支持标签和新增标签详解

HTML5的表单属性简介

实例教程 HTML5 Canvas 超炫酷烟花绽放动画实现代码

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

精品推荐
分类导航