您好,欢迎来到华佗小知识。
搜索
您的当前位置:首页web前端基础知识:表格

web前端基础知识:表格

来源:华佗小知识

 一.表格

1.表格的基本标签

标签组成:

table表格整体
tr
td单元格

嵌套关系:tabel>tr>td

2.表格的相关属性

border边框粗细
width宽度
height高度
cellspacing

单元格与单元格之间的距离

cellpadding

单元格内容距离边框的距离

 <table border="1" width="500" height="500" cellspacing="0" cellpadding="60">

3.表格的标题标签

caption表格的标题

4.表头单元格标签

tr
th表头单元格

表头单元格 特殊的单元格,通常第一行,相当于每一列的小标题,突出内容的重要性,文字加粗显示

5.表格的结构

通过添加:thead,tbody,tfoot,将表格分成三部分,结构清晰,有利于搜索引擎优化和更好的语义化.

thead表格的头部
tbody表格的主体
tfoot表格的底部
  • 整个表格的头部
  • 连写: tr>th*3 
<thead>
   <tr height="50">
       <th>姓名</th>
       <th>成绩</th>
       <th>评语</th>
   </tr>
  • 整个表格的主体
  • tr*2>td*3

  • 整个表格的底部
  • tr*2>td*3

6.合并单元格

colspan合并的数量跨列合并(左右合并)
rowspan合并的数量跨行合并(上下合并)

例:

因篇幅问题不能全部显示,请点此查看更多更全内容

Copyright © 2019- huatuo0.cn 版权所有 湘ICP备2023017654号-2

违法及侵权请联系:TEL:199 18 7713 E-MAIL:2724546146@qq.com

本站由北京市万商天勤律师事务所王兴未律师提供法律服务