表格标签(table、⾏、列、表头)
表格标签
⼀、<table>
<table>代表表格标签。 <table></table>
1.width 表⽰表格宽度,宽度表达⽅式有像素和百分⽐两种。⽹页设计时如果按照像素来设计⽹页宽度,当⽹页窗⼝缩⼩时,⽹页⼤⼩不会随着窗⼝的缩⼩⽽变化,⽽会出现上下和左右拉伸条,以观看⽹站的全部内容。⽹站设计时如果按照百分⽐设计⽹页宽度,⽹页全局会随着可视窗⼝的变化⽽变化。
<table width="100%" >表⽰此表格宽度以百分⽐表达,宽度100%表⽰⽹页有多宽此表格就有多宽。
2.border 表⽰边框粗细 <table border="0"> 表⽰边框宽度为零,也可理解为没有边框。
5.bordercolor 边框颜⾊ <table bordercolor="#33FFCC"> 边框颜⾊是单元格边框的颜⾊
⼆、<tr> 代表⾏
<table width="100%" border="0" cellspacing="0" cellpadding="0" bordercolor="#33FFCC">
<tr>
<td> </td>
<td> </td>
网页colspan<td> </td>
<td> </td>
</tr
<table>
表⽰1个表格有1⾏4列
三、<td> 代表单元格
1.width 单元格的宽度
2.height 单元格的⾼度
3.align ⽔平对齐⽅式①left左对齐②right右对齐③center居中对齐
4.valign 垂直对齐⽅式①top靠上②bottom靠下③middle中间垂直对齐⽅式的居中和⽔平对齐⽅式的居中不⼀样。
<tr>
<td rowspan="2"> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
上段代码表⽰4⾏4列的表格⾥,合并第2/3⾏的第1列。第2⾏中多出rowspan="2",表⽰合并了2⾏,第3⾏相应的显⽰少了1个单元格。
四、<th>做表头的(第⼀⾏),⼀般不会⽤到。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论