静态网页制作教程 第三章 表格
合集下载
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
</table>
4.给单元格和表格元素定义数据
使用<td>标记来建立单元格，并往其中添加 数据，它的用法与<th>标记的用法十分相似。
<table> <caption>个人资料</caption> <tr><th>姓名<th>居住地<th>职业</tr> <tr><td>张三<td>北京<td>学生</tr> <tr><td>李四<td>上海<td>工程师</tr> <tr><td>王五<td>深圳<td>老师</tr> </table>
第三章 表格
表格在对web页上的信息格式和布局进行控制 的较好方法，它定义格式化信息有着强大的功 能，能够控制各种信息的位置，使得页面结构 协调一致。
一.创建一个简单表格 二.定义单元格的高度和宽度 三. 控制表格的边框及边框线 四.创建跨单元格的存储格
在网页中，表格的运用是非常重要的技巧。 在html中，表格的建立主要就运用<table>、 <tr>、<td>、<th>四种标记来显示完成的
4.<th></th>：用于定义表格的标题存储格， 此存储格中的文字将以粗体的方式显示。
在一个最基本的表格组件中，必须包含 一组<table>标记，一组<tr>标记与一组 <td>标记。语法如下：
<table>
<tr><td></td></tr>
</table>
一.创建一个简单表格
1.创建一个简单的表格 2.给表格添加一个标题 3.如果需要，把表格的第一行设计为表头 4.给单元格和表格元素定义数据
1.创建一个简单的表格
输入<table>和</table>标记。如果要显示表格 单元格的边框，则需在<table>标记中添加 border属性。并为Border属性设置值。如：
<table border=2> </table>
2.给表格添加一个标题
使用<caption>和</caption>标记来添加标题， 语法：
分。可以在表格的任意地方使用这个标记， 在网页中，表格的运用是非常重要的技巧。
Colspan属性：水平延伸存储格，语法：
表头也不是必须要放在各列的顶部。 <caption>个人资料</caption>
<tr><td>张三<td>北京<td>学生</tr>
当表格的<table>标记和表格标题输入之后， <tr>标记的用法同<th>类似，表格是用来创建表格中行的。
中的文本。 我们还可以像对待其他文本一样，格式化<caption>和</caption>中的文本 <table> Colspan属性：水平延伸存储格，语法：
<tr><td></td></tr>
<tr>标记的用法同<th>类似，表格是用来创建表格中行的。
<th rowspan=<3>个c人a资p料tion>表格标题</caption> <th>第一列<th>第二列<th>第三列
<table>
…… <caption>表格标题</caption>
<caption>和</caption>中的文本 <caption>表格标题</caption>
3.把表格的第一行设计为表头
通过<th>标记来指定表格中特殊表头单元格， <th>标记之后的文本作为表头单元格的一部
<tr>标记的用法同<th>类似，表格是用来创 建表格中行的。如实例所示，表格的每一行 都是由<tr>标记来建立。
根据需要，可把某个单元格设置成空数据格， 即不输入数据到该格中，也就是在<td>标记 之后不输入数据。
<tr><td>李四<td><td>工程师</tr>
二.定义单元格的高度和宽度
<caption>表格标题</caption> 如果要添加的标题位于表格的上方，则将
<caption>表格标题</caption>置于<table>标 记下一行，如：
<table> <caption>表格标题</caption>
……
</table>
如果要将标题置于表格下方，则将<caption> 表格标题</caption>置于</table>标记之前。 如：
Height=数值 <table>和</table>标记：用于表示一个表格的组件。
align(水平方向)：
数值的设定值若为一整数，则其单位为像素，若设 <tr><td>张三<td>北京<td>学生</tr>
<tr><td>张三<td>北京<td>学生</tr>
定值为n%，则代表表格的宽度为整个网页宽度的百 <tr><td>张三<td>北京<td>学生</tr>
表格的宽度由<table>标记的width属性来控制，而高 如果要显示度表格则单元是格的边由框，<则t需a在b<tlabele>>标标记中记添加b的orderh属性e。ight属性来控制的。语法分 别为： 在一个最基本的表格组件中，必须包含一组<table>标记，一组<tr>标记与一组<td>标记。
Colspan属性：水平延伸存储格，语法： <tr>标记的用法同<th>类似，表格是用来创建表格中行的。
Width=数值 valign=bottom(垂直底部对齐)
<tr>标记的用法同<th>类似，表格是用来创建表格中行的。
如果要显示表格单元格的边框，则需在<table>标记中添加border属性。
<tr><td>李四<td>上海<td>工程师</tr>
1.<table>和</table>标记：用于表示一个表格 的组件。一个表格组件将由数个行<tr>、存 储格<td>、标题格<th>子组件所组成。
2.<tr></tr>：用于定义表格的一行，一组<tr> 标记内通常包含数组由<td>或<th>标记所定 义的存储格。
3.<td></td>用于定义表格的存储格。
Align=right(水平右对齐)
在一个最基本的表格组件中，必须包含一组<table>标记，一组<tr>标记与一组<td>标记。 Rowspan属性：垂直延伸存储格数
在表格的每一列中放置一个<th>标记和该列 <table width=50% height=40%>
bordercolor属性：控制表格厚度的颜色
4.给单元格和表格元素定义数据
使用<td>标记来建立单元格，并往其中添加 数据，它的用法与<th>标记的用法十分相似。
<table> <caption>个人资料</caption> <tr><th>姓名<th>居住地<th>职业</tr> <tr><td>张三<td>北京<td>学生</tr> <tr><td>李四<td>上海<td>工程师</tr> <tr><td>王五<td>深圳<td>老师</tr> </table>
第三章 表格
表格在对web页上的信息格式和布局进行控制 的较好方法，它定义格式化信息有着强大的功 能，能够控制各种信息的位置，使得页面结构 协调一致。
一.创建一个简单表格 二.定义单元格的高度和宽度 三. 控制表格的边框及边框线 四.创建跨单元格的存储格
在网页中，表格的运用是非常重要的技巧。 在html中，表格的建立主要就运用<table>、 <tr>、<td>、<th>四种标记来显示完成的
4.<th></th>：用于定义表格的标题存储格， 此存储格中的文字将以粗体的方式显示。
在一个最基本的表格组件中，必须包含 一组<table>标记，一组<tr>标记与一组 <td>标记。语法如下：
<table>
<tr><td></td></tr>
</table>
一.创建一个简单表格
1.创建一个简单的表格 2.给表格添加一个标题 3.如果需要，把表格的第一行设计为表头 4.给单元格和表格元素定义数据
1.创建一个简单的表格
输入<table>和</table>标记。如果要显示表格 单元格的边框，则需在<table>标记中添加 border属性。并为Border属性设置值。如：
<table border=2> </table>
2.给表格添加一个标题
使用<caption>和</caption>标记来添加标题， 语法：
分。可以在表格的任意地方使用这个标记， 在网页中，表格的运用是非常重要的技巧。
Colspan属性：水平延伸存储格，语法：
表头也不是必须要放在各列的顶部。 <caption>个人资料</caption>
<tr><td>张三<td>北京<td>学生</tr>
当表格的<table>标记和表格标题输入之后， <tr>标记的用法同<th>类似，表格是用来创建表格中行的。
中的文本。 我们还可以像对待其他文本一样，格式化<caption>和</caption>中的文本 <table> Colspan属性：水平延伸存储格，语法：
<tr><td></td></tr>
<tr>标记的用法同<th>类似，表格是用来创建表格中行的。
<th rowspan=<3>个c人a资p料tion>表格标题</caption> <th>第一列<th>第二列<th>第三列
<table>
…… <caption>表格标题</caption>
<caption>和</caption>中的文本 <caption>表格标题</caption>
3.把表格的第一行设计为表头
通过<th>标记来指定表格中特殊表头单元格， <th>标记之后的文本作为表头单元格的一部
<tr>标记的用法同<th>类似，表格是用来创 建表格中行的。如实例所示，表格的每一行 都是由<tr>标记来建立。
根据需要，可把某个单元格设置成空数据格， 即不输入数据到该格中，也就是在<td>标记 之后不输入数据。
<tr><td>李四<td><td>工程师</tr>
二.定义单元格的高度和宽度
<caption>表格标题</caption> 如果要添加的标题位于表格的上方，则将
<caption>表格标题</caption>置于<table>标 记下一行，如：
<table> <caption>表格标题</caption>
……
</table>
如果要将标题置于表格下方，则将<caption> 表格标题</caption>置于</table>标记之前。 如：
Height=数值 <table>和</table>标记：用于表示一个表格的组件。
align(水平方向)：
数值的设定值若为一整数，则其单位为像素，若设 <tr><td>张三<td>北京<td>学生</tr>
<tr><td>张三<td>北京<td>学生</tr>
定值为n%，则代表表格的宽度为整个网页宽度的百 <tr><td>张三<td>北京<td>学生</tr>
表格的宽度由<table>标记的width属性来控制，而高 如果要显示度表格则单元是格的边由框，<则t需a在b<tlabele>>标标记中记添加b的orderh属性e。ight属性来控制的。语法分 别为： 在一个最基本的表格组件中，必须包含一组<table>标记，一组<tr>标记与一组<td>标记。
Colspan属性：水平延伸存储格，语法： <tr>标记的用法同<th>类似，表格是用来创建表格中行的。
Width=数值 valign=bottom(垂直底部对齐)
<tr>标记的用法同<th>类似，表格是用来创建表格中行的。
如果要显示表格单元格的边框，则需在<table>标记中添加border属性。
<tr><td>李四<td>上海<td>工程师</tr>
1.<table>和</table>标记：用于表示一个表格 的组件。一个表格组件将由数个行<tr>、存 储格<td>、标题格<th>子组件所组成。
2.<tr></tr>：用于定义表格的一行，一组<tr> 标记内通常包含数组由<td>或<th>标记所定 义的存储格。
3.<td></td>用于定义表格的存储格。
Align=right(水平右对齐)
在一个最基本的表格组件中，必须包含一组<table>标记，一组<tr>标记与一组<td>标记。 Rowspan属性：垂直延伸存储格数
在表格的每一列中放置一个<th>标记和该列 <table width=50% height=40%>
bordercolor属性：控制表格厚度的颜色