table标签

•
• • •
bordercolor="#FF00FF"，表格边框颜色。
hspace="10"，表格边框与环绕文字间水平距离，数值越大，间距越大。 vspace="10"，表格边框与环绕文字间垂直距离，数值越大，间距越大。 其他表格属性，因为有些不是很常用，或者有些对浏览器类型有要求，并未列出。
相关代码
表格属性面板
设置表格属性，先要选中表格。选中表格可以用状态栏上的代码标签。 内容与文字之间距离
清除列宽 清除行高
宽度转为百分比
单元格与单元格之间距离
宽度转为像素
单元格属性面板
将当前单元格设 置为标题 合并单元格 拆分单元格
单元格的长度随内容长 度的增加而增加
相关代码
一、表格基本语句格式
<TABLE>...</TABLE> —— 表格指令
本节课内容
1. 2. 3.
4.
5.
表格应用 表格属性面板 单元格属性面板 相关代码 利用表格布局页面
表应用
作为网页基本元素之一，表格以其简洁明了和高效快捷的方式将数据、本 文、图片等元素有序规范的显示在页面上，在对其数据与页面排版方面都体现 出强大的功能。 表格主要用于在页面上显示表格式数据以及对文本和图形进行布局，当用 于布局时表格的边框粗细、单元格的边距、单元格的间距都设为0 。 插入表格两种方法: 1.【插入】→【表格】。 2.“常用”工具栏中的表格按钮 。
• • • width="50%"，表格宽度，接受绝对值（如 300）及相对值（如 80%）。 border="1"，表格边框宽度，如果去掉这个属性，就生成无边框表格。 cellspacing="2"，表格内格线宽度，数值越大，格线越粗。
•
• • • •
cellpadding="2"，文字与格线间距，数值越大，间距越大。
•
bordercolor="#FF00FF"，表格行内边框颜色。
相关代码
四、<TD>语句常用属性 示范语句： <td width="50%" height="300" colspan="2" rowspan="3“ align="LEFT" valign="BOTTOM“ background="background.gif“ bgcolor="#FF00FF" bordercolor="#808080" class =“ok" > 具体说明：
三、<TR>语句常用属性
示范语句： <tr align=“right" valign=“middle" background="background.gif" bgcolor="#0000FF" bordercolor="#FF00FF"> 具体说明：
• • • • align=" right "，表格行内文字的摆放位置（水平），可选值为： left, right, center。 valign=" middle "，表格行内图文的摆放位置（垂直），可选值为： top, middle, bottom。 background="background.gif"，表格行内背景图案，不要与 bgcolor 同用。 bgcolor="#0000FF"，表格行内背景色，不要与 background 同用。
• • • • • • • • • • width="50%"，单元格宽度，接受绝对值（如 300）及相对值（如 50%）。 height="300"，单元格高度，接受绝对值（如 300）及相对值（如 50%）。 colspan="2"，单元格向右合并栏数，只需写在合并起始单元格中。 rowspan="3"，单元格向下合并栏数，只需写在合并起始单元格中。 align="LEFT"，单元格内文字的摆放位置（水平），可选值为： left, right, center。 valign="BOTTOM"，单元格内图文的摆放位置（垂直），可选值为： top, middle, bottom。 background="background.gif"，单元格内背景图案，不要与 bgcolor 同用。 bgcolor="#0000FF"，单元格内背景色，不要与 background 同用。 bordercolor="#FF00FF"，单元格内边框颜色。 其他单元格属性，因为有些不是很常用，或者有些对浏览器类型有要求，并未列出。
<TR>...</TR> —— 表格行 <TD>...</TD> —— 表格栏
<TBODY>...</TBODY> —— 表格主体部分
<CAPTION>...</CAPTION> —— 表格标题 <TH>...</TH> —— 表格栏标题（粗体字）
这六个表格基本语句是构成一个表格的骨架，其中<Table>、
<TR>、<TD>是最重要的标记，学会这三个语句就已经能画出一个 完整的表格了。
相关代码
二、 <TABLE>语句常用属性 示范语句： <table width =“50%" height =“50" border="1" cellspacing="2" cellpadding="2“ align="CENTER“ valign="TOP“ background="background.gif" bgcolor="#0000FF" bordercolor="#FF00FF" hspace="10“ vspace="10"> 具体说明：
align="CENTER"，表格的摆放位置（水平），可选值为： left, right, center。 valign="TOP"，表格内图文的摆放位置（垂直），可选值为： top, middle, bottom。 background="background.gif"，表格内背景图案，不要与 bgcolor 同用。 bgcolor="#0000FF"，表格背景色，不要与 background 同用。