HTML高级(表格标签)

<table></table>

属性:

bgcolor:背景色

border:边框

bordercolor:边框颜色

bordercolorlight:边框高亮部分的颜色,border > 1有效

bordercolordark:边框灰暗部分的颜色,border > 1有效

cellspacing:单元格间隔

cellspadding:单元格内容与边框间隔

width:表格的宽度

height:表格的高度


<tr></tr>:创建行

属性 :

align:水平对齐

valign:垂直对齐

bgcolor:背景色


<td></td>:创建列

属性 :

align:水平对齐

valign:垂直对齐

width:宽度

heigth:高度

colspan:单元格所占的列数,缺省值为1

rowspan:单元格所占的行数,缺省值为1

nowrap:不自动换行

问题:当表格中内容过长时,表格会被变长。如何解决?


<th></th>:表头标签(加粗居中)

<caption></caption>:标题标签


<table 
border=1
bgcolor=red
bordercolor=blue
bodercolorlight=green
bordercolordark=yellow
cellspacing=20
cellpadding=50
width=50%
height=50%
align=center
valign=center>
<caption>HTML表格</caption>

<tr bgcolor=blue align=center>
	<th>姓名</th><th>性别</th><th>年龄</th>
</tr>

<tr>
	<td>张三</td><td>男</td><td>21</td>
</tr>

<tr>
	<td colspan=2>张三</td><td rowspan=2>21</td>
</tr>

<tr>
	<td>张三</td><td>男</td>
</tr>

</table>



评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值