HTML表格标记及属性

HTML表格标记及属性


表格是HTML的一项非常重要功能,利用其多种属性能够设计出多样化的表格。使用表格可以使你的页面有很多意想不到的效果,使页面更加整齐美观。 

  常用表格标记 

<TABLE>...</TABLE> 表格指令 。 

相关属性 
· ALIGN 调整 
· BGCOLOR 背景颜色 
· BORDER 边框 
· HEIGHT 高度 
· WIDTH 宽度 <CAPTION>...</CAPTION> 表格标题 。 

相关属性 
· ALIGN 调整 <TR>...</TR> 表格列 ( </TR>可省略 。 

相关属性 
· ALIGN 调整 <TH>...</TH> 表格栏标题 表头 粗体字 ( </TH>可省略 。 

相关属性 
· ALIGN 调整 
· COLSPAN 栏宽 
· ROWSPAN 栏高 <TD>...</TD> 表格栏资料 储存格 ) ( </TD>可省略 。 

相关属性 
· ALIGN 调整 
· BGCOLOR 背景颜色 
· HEIGHT 高度 
· WIDTH 宽度 
· COLSPAN 栏宽 
· ROWSPAN 栏高 

举例 

如 : ( 基础型 
<TABLE BORDER=1 ALIGN=CENTER> 
<TR><TD>太平洋网络学院<TD>太平洋网络学院 
<TR><TD>太平洋网络学院<TD>太平洋网络学院 
</TABLE> 

太平洋网络学院 

太平洋网络学院 

太平洋网络学院 

太平洋网络学院 

如 : ( 加强型 增加背景颜色、表格标题、栏标题、跨栏宽、跨栏高。 

<TABLE BORDER=1 ALIGN=CENTER BGCOLOR=#CCCCFF> 
<CAPTION>表格标题</CAPTION> 
<TR><TD><TH COLSPAN=2>行标题 1 <TH COLSPAN=2>行标题 
<TR><TH ROWSPAN=2>列标题 1 <TD>A <TD>A <TD>A <TD>A 
<TR><TD>B <TD>B <TD>B <TD>B 
<TR><TH ROWSPAN=2>列标题 2 <TD>C <TD>C <TD>C <TD>C 
<TR><TD>D <TD>D <TD>D <TD>D 
</TABLE> 

表格标题

行标题 1 

行标题 2 

列标题 1 

列标题 2 


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值