日期:2014-05-17  浏览次数:20552 次

html中表格的使用
第二章 表格
内容:1.表格基本标记及其属性
  2.表格的合并
  3.表格的嵌套
一、表格的作用
显示数据,一目了然,便于理解、分析
网页布局必须使用表格
二、表格的构成
表格由行以及行中的单元格构成。
<table>
<tr><td>1</td><td>2</td></tr>
<tr><td>3</td><td>4</td></tr>
</table>
标记:
<table><tr><td><th>

常用属性:
width 
border(必须设置,否则看不见) 
align 
bordercolor
background
cellpadding
spacepadding



宽度有两种表示方法: px 、 %   (尽量设置px)
注意:
1.设置tabled 的align属性只对table起作用,对table中的内容不起作用

2.<center></center>对表格中的内容不起作用
行的背景图片不起作用,表格和单元格背景图片都可以用
3.如何拼接图片?
多幅图片只能放在一个单元格中,即放在一个<td>中
  <table  border=0>
  <tr>
  <td><img src="img\1.gif"><img src="img\2.gif"><img src="img\3.gif"></td>
  </tr>
  </table>
拼接时写不写</img>都没有关系,但<img>语句不能打回车,也不能有空格(不是<br>,而是不能打回车)

背景图片和颜色同时设置时,只能看到图片
背景图片background  <table>和<td>都有此属性,但<tr>没有此属性。
单元格合并   rowspan  colspan
1.首先确定是要合并行或是列
2.找到合并单元格的第一位置
3.合并几个,行rowspan=n,删除对应位置的<td></td>

表格嵌套
一定是在单元格中嵌套
不要随意改某个单元格的大小