资讯 IT资讯 中考新闻 2006高考 教育政策 高等教育 自考动态 成考动态 考研动态 留学政策 招生近况 求职快讯
 
IT综合 资讯中心 网络学院 下载 中考 高考 自学考试 成人高考 考研 留学 外语 求职
普及贴吧 教案集锦 范文大全 免费资源 小说 笑话
 
  
返回首页 热门贴子 电影网通1 范文电信1 范文网通1 范文网通2 BT搜索 BT下载网通1 乱贴吧
[当前位置]
首页>网络学院>网站开发>HTML>正文--HTML中的表格元素
[BT滚动] ·影视 ·综艺 ·动漫 ·游戏 ·音乐 ·软件
[本站地图] 访问慢?请走这里--> 电信通道 
搜索
铃声下载


 
 
 
应试心理 当前文章标题:首页>网络学院>网站开发>HTML>正文--HTML中的表格元素 ... 
 

HTML中的表格元素

--  HTML中的表格元素[转帖]
一,<table>标签。<table>标签是表格的标识符,用来界定表格的范围。<table>标签是成对使用的标签,手标签和和尾标签之间的内容就是表格的内容。<table>标签的属性主要有border,width,height,align,cellapcing,cellpasdding.它们都是可选的。 

 

1,border属性的参数值是数字,表示表格边框宽度所占的像素点数。它也可以不带有参数值使用,仅表示该表格是有边框的。例如,<table border=10>表示该表格的边框宽度为10 个像素点。 

2,width和height属性的作用是指定表格的大小。其中width属性用来规定表格的宽度,height属性用以指定表格的高度。这两个属性的参数值可以是数字或者百分数,其中数字表示表格的宽(高)所占的像素点,百分数表示表格的宽(高)占据浏览器窗口的宽(高)度的百分比。例如:<table width=200 height=50%>表示表格的宽度为200个像素点,高度为浏览器窗口高度的50%。 

3,align属性的参数值为left,center和right之一,分别表示表格位于其相邻文字的左侧、表格水平居中和表格位于相邻文字的右侧。例如: 

<html> 
<head> 
<title>测试页面</title> 
</head> 
<body> 
<table border=3 width=60% align=left> 
<TR> 
<TH>单元格</TH><TH>单元格</TH> 
<TH>单元格</TH><TH>单元格</TH><TH>单元格</TH> 
</TR> 
<TR> 
<TD>1</TD><TD>解释项</TD> 
<TD>解释项</TD><TD>同上</TD><TD>同上</TD> 
</TR> 
<TR> 
<TD>2</TD><TD>解释项</TD><TD>同上</TD> 
<TD>又一单元</TD><TD>接着来</TD> 
</TR> 
</table> 

文字说明,这个就是表格居于相邻文字左侧的范例,只要改变一下align的属性参数就可以改变表格的位置了。 

<HR> 

4,cellspacing属性。cellspacing属性用来指定表格各单元格之间的空隙。此属性的参数值是数字,表示单元格间隙所占的像素点数。 

5,cellpadding属性。用来指定单元格内容与单元格边界之间的空白距离的大小。此属性的参数值也是数字,表示单元格内容与上下边界之间空白距离的高度所占像素点数以及单元格内容与左右边界之间空白距离的宽度所占的像素点数。例如: 

<html> 
<head> 
<title>测试页面</title> 
</head> 
<body> 
<HR> 
没加如单元格属性的规定之前的样子:<BR> 
<table border=3> 
<TR> 
<TH>单元格</TH><TH>单元格</TH> 
<TH>单元格</TH><TH>单元格</TH><TH>单元格</TH> 
</TR> 
<TR> 
<TD>1</TD><TD>单元格</TD> 
<TD>单元格</TD><TD>单元格</TD><TD>单元格</TD></TH> 
<TR> 
<TD>2</TD><TD>单元格</TD> 
<TD>单元格</TD><TD>单元格</TD><TD>单元格</TD></TR> 
</table> 
<HR> 
加入单元格属性规定之后的情形:<BR> 
<table border=3 cellspacing=10 cellpadding=10> 

本新闻共3页,当前在第1页  1  2  3  
  965(884普 及 网 150 http://www.pujiwang.com)

当前文章:HTML中的表格元素        打印此文 | 关闭窗口

·关键字相关新闻 ·滚动新闻

应试心理 历年自学考试题/试卷 more... 
应试心理 历年考研试题/试卷 more... 

投稿信息 投稿及评论内容只代表网友观点,与本站立场无关!
①凡本站注明“稿件来源:普及网/中国普及教育网/本站原创”的所有文字、图片和音视频稿件,版权均属本网所有,任何媒体、网站或个人未经本网协议授权不得转载、链接、转贴或以其他方式复制发表。已经本站协议授权的媒体、网站,在下载使用时必须注明"稿件来源:普及网/中国普及教育网",违者本站将依法追究责任。
② 本站注明稿件来源为其他媒体的文/图等稿件均为转载稿,本站转载出于非商业性的教育和科研之目的,并不意味着赞同其观点或证实其内容的真实性。其中摘录的内容以共享、研究为目的,不存在任何商业考虑。如转载稿涉及版权等问题,请作者在两周内速来电或来函联系。目前网站上有些文章未注明作者或出处,甚至标注错误,此类情况出现并非不尊重作者及出处网站,而是因为有些资料来源的不规范。如果有了解作者或出处的原作者或网友,请告知,本网站将立即更正注明,并向作者或出处单位道歉。
当前文章:HTML中的表格元素
Powered by:pujiwang.com,普及网.com,普及网.cn,普及网.中国 ©2002-2005 webmaster#pujiwang.com
冀ICP备05000751号 合作代理:展迅互联主机 [点击联系]QQ:46083540 QQ群:10797742
请使用IE6.0或以上浏览器,1024*768分辨率浏览