打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
引用 表格制作要领
本文引用自青鱼《表格制作要领》
一、基本控件:
1.属性控件:<TABLE><TR><TD>和</TD></TR></TABLE>,共六个
代码:
<TABLE border=1><TR><TD>内容</TD></TR></TABLE>
内容
2.一组<TR>和</TR>,是设定一排的开始,一组<TD>和</TD>,是一个格子,二组<TD>和</TD>,是二个格子,三组<TD>和</TD>,是三个格子,...
代码:
<TABLE border=1><TR><TD>内容</TD><TD>内容</TD><TD>内容</TD></TR></TABLE>
内容内容内容
3.增加一组<TR>和</TR>,是增加一排表格,其中 border 是设定表格框线粗细,值越大框线越粗
代码:
<TABLE border=1><TR><TD>内容</TD><TD>内容</TD><TD>内容</TD></TR><TR><TD>内容</TD><TD>内容</TD><TD>内容</TD></TR></TABLE>
内容内容内容
内容内容内容
二、大小对齐:
1.表格大小:宽度:WIDTH   高度:HEIGHT   值越大则表格越大
代码:
<TABLE WIDTH="300" BORDER="1" HEIGHT="80"><TR><TD align=center>内容</TD></TR></TABLE>
内容
2.内容居左或居右:居左:align=left    居右:align=right
代码:(如上)
3.内容居中:align=center
代码:(如上)
4.内容居上或居下:居上:VALIGN=TOP    居下:VALIGN=BOTTOM
代码:
<TABLE WIDTH="300" BORDER="1" HEIGHT="80"><TR><TD ALIGN=CENTER VALIGN=TOP>内容</TD></TR></TABLE>
内容
三、框线栏距:
1.框线颜色:BORDERCOLOR="颜色码"关于"颜色码",请参考《常用颜色代码》
代码:
<TABLE BORDER="5" BORDERCOLOR="#ff0000"><TR><TD>内容</TD></TR></TABLE>
内容
2.框线粗细:BORDER="粗细值","粗细值"越大,框线越粗
代码:
<TABLE BORDER=10><TR><TD>内容</TD></TR></TABLE>
内容
3.表格栏位格线距:CELLSPACING=10  设定表格栏位格线之间的距离
代码:
<TABLE cellSpacing=10 align=center border=1><TBODY><TR><TD>内容</TD><TD>内容</TD></TR></TBODY></TABLE>
内容内容
四、栏格合并:
1.左右合并:将 1、2、3 个小格合并变成一个大格“1”,colspan 就是“左右栏位合并”
代码:
<TABLE border=1><TBODY><TR><TD colSpan=3>1</TD></TR><TR><TD>4</TD><TD>5</TD>
<TD>6</TD></TR></TBODY></TABLE>
1
456
2.上下合并:将 1、4格合并变成一大格“1”,rowspan 就是“上下栏位合并”
代码:
<TABLE border=1><TBODY><TR><TD rowSpan=2>1</TD><TD>2</TD><TD>3</TD></TR><TR><TD>5</TD><TD>6</TD></TR></TBODY></TABLE>
123
56
五、表格背景:
1.设定底色:bgcolor="颜色码",关于"颜色码",请参考《常用颜色代码》
代码:
<TABLE align=center bgColor=#ff0000 border=1><TBODY><TR><TD>内容</TD><TD>内容</TD></TR><TR><TD>内容</TD><TD>内容</TD></TR></TBODY></TABLE>
内容内容
内容内容
2.设定一列的背景色:bgcolor="颜色码"加在<TR>中,即为<TR bgcolor="颜色码">,关于"颜色码",请参考《常用颜色代码》
代码:
<TABLE align=center border=1><TBODY><TR bgColor=#ff0000><TD>内容</TD><TD>内容</TD></TR><TR><TD>内容</TD><TD>内容</TD></TR></TBODY></TABLE>
内容内容
内容内容
3.设定一栏的背景色:将bgColor="颜色码"加在<TD>中,即<TD bgColor="颜色码">指定“一栏”的背景色
代码:
<TABLE align=center border=1><TBODY><TR><TD bgColor=#ff0000>内容</TD><TD>内容</TD></TR><TR><TD>内容</TD><TD>内容</TD></TR></TBODY></TABLE>
内容内容
内容内容
4.图片作背景:将BACKGROUND="图片地址"加到表格代码中,如同表格背景颜色一样,可以设定背景图片(加在<TABLE>中),也可以指定某栏(加在<TD>中)或某列(加在<TR>中)的背景图片
代码:
<TABLE align=center background="图片地址" border=1><TBODY><TR><TD>内容</TD><TD>内容</TD></TR><TR><TD>内容</TD><TD>内容</TD></TR></TBODY></TABLE>
内容内容
内容内容
背景图片请参考《素材图片》
内容内容
内容内容
本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
【热】打开小程序,算一算2024你的财运
让相片产生酷炫变色效果代码
表格制作全攻略
博客表格制作方法及其应用代码
教你如何制作表格
html语言6——10
引用如何制作带背景的表格
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服