1、表格结构:
<table>
<tr>---行标签
<td>---</td>---单元格
</tr>
</table>
2、表头:
<th>---</th>---表格头,内容居中,加粗显示,放在<tr></tr>内
<caption>---</caption>---表格标题,居中显示,紧跟<table>之后,每个表格只有一个标题
3、表格划分三部分:
thead:表格的头(放表格的表头)
tbody:表格的主题(放数据本体)
tfoot:表格的脚(放表格的脚注)
4、<table>属性:
属性 | 值 | 描述 |
Width | Pixels、% | 规定表格的宽度 |
align | Left、center、right | 表格相对周围元素的对齐方式 |
border | Pixels | 规定表格边框的宽度 |
Bgcolor | rgb(x,x,x)、#xxxxxx、Colorname | 表格的背景颜色 |
Cellpadding | Pixels、% | 单元边沿与其内容之间的空白 |
cellspacing | Pixels、% | 单元格之间的空白 |
frame | 属性值 | 规定外侧边框的哪个部分是可见的 |
rules | 属性值 | 规定内侧边框的哪个部分是可见的 |
5、tr标签属性:
属性 | 值 | 描述 |
align | Left、center、right、justify、char | 行内容的水平对齐 |
Valign | top、middle、bottom、baseline | 行内容的垂直对齐 |
Bgcolor | rgb(x,x,x)、#xxxxxx、colorname | 行的背景颜色 |
6、<thead>、<tbody>和<tfoot>标签属性:
属性 | 值 | 描述 |
align | Left、center、right、justify、char | <thead>、<tbody>和<tfoot>内容的水平对齐 |
Valign | top、middle、bottom、baseline | <thead>、<tbody>和<tfoot>内容的垂直对齐 |
7、跨行rowspan与跨列colspan:写在<td>标签中
8、表格嵌套:表格嵌套时要写在<td>中,嵌入完整的表格结构
标签:right,表格,标签,对齐,Pixels,属性 来源: https://www.cnblogs.com/3301099229ww/p/13545995.html
本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享; 2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关; 3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关; 4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除; 5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。