HTML表格tabletrtd、表格结构thead、tbody 表格的主要作⽤
表格主要⽤于显⽰、展⽰数据,因为它可以让数据显⽰的⾮常的规整,可读性⾮常好。
特别是后台展⽰数据的时候,能够熟练运⽤表格就显得很重要。
⼀个清爽简约的表格能够把繁杂的数据表现得很有条理。
表格不是⽤来布局页⾯的,⽽是⽤来展⽰数据的。
<table>
<tr>
<td>单元格内的⽂字</td>
</tr>
</table>
1. <table> </table>是⽤于定义表格的标签。
2. <tr> </tr>标签⽤于定义表格中的⾏,必须嵌套在<table> </table>标签中。
3. <td> </td>⽤于定义表格中的单元格,必须嵌套在<tr> </tr>标签中。
4.字母td指表格数据( table data),即数据单元格的内容。
表头单元格标签
⼀般表头单元格位于表格的第⼀⾏或第⼀ 列,表头单元格⾥⾯的⽂本内容加粗居中显⽰
< th> 标签表⽰ HTML表格的表头部分(table head的缩写)
<table>
<tr>
<th>姓名</th>html网页设计 table
</tr>
</table>
表格属性
表格标签这部分属性我们实际开发我们不常⽤,后⾯通过CSS来设置
⽬的有2个:
1.记住这些英语单词,后⾯CSS会使⽤.
2.直观感受表格的外观形态。
align:left、center、 right
规定表格相对周围元素的对齐⽅式。
border:1或""
规定表格单元是否拥有边框,默认为"",表⽰没有边框
cellpadding:像素值
规定单元边沿与其内容之间的空⽩,默认1像素。
cellspacing:像素值
规定单元格之间的空⽩,默认2像素。
width:像素值或百分⽐
规定表格的宽度。
表格结构标签
使⽤场景:因为表格可能很长,为了更好的表⽰表格的语义,可以将表格分割成表格头部和表格主体两⼤部分.在表格标签中,分别⽤:
<thead>标签表格的头部区域、
<tbody> 标签表格的主体区域这样可以更好的分清表格结构。
1. < thead> < /thead> :⽤于定义表格的头部。
< thead> 内部必须拥有< tr>标签。
⼀般是位于第⼀⾏。
2. < tbody> < /tbody> :⽤于定义表格的主体,主要⽤于放数据本体。
3. 以上标签都是放在< table> < /table>标签中。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论