秒收录的网站关键词排名监控
文章目录
- 1. table 表格
- caption(表格标题)
- thead(表格头部)
- tbody(表格主题)
- tfoot
1. table 表格
1.1 完整的表格
一个完整的表格应该具有 表格标题(caption) ,第一行的表格头部(thead),中间部分的表格主体(tbody),以及最后一行的==表格脚注(tfoot)==相对而言脚注不重要,可以不写。
1.2. 表格中可以使用的属性:
align | left (居左); cente(中间); right(居右) |
---|---|
bgcolor | 背景颜色 |
border | 规定边框 |
cellspacing | 规定单元格空白间隔 |
width | 规定表格的宽度 |
cellspacing | 规定单元边与其内容的空白 |
1.3 完整代码如下:
内联代码片
<table width="800px" align="center" border="1" height="500px" cellspacing="0"><caption><h1>个人简历</h1></caption><tbody align="center"><tr width="500"><th>姓名</th><th width="127"></th><th>性别</th><th ></th><th rowspan="5" width="120">照片</th></tr><tr><td>出生年月</td><td></td><td>籍贯</td><td></td></tr><tr><td>政治面貌</td><td></td><td>民族</td><td></td></tr><tr><td>健康情况</td><td></td><td>婚姻状况</td><td></td></tr><tr><td>联系电话</td><td></td><td>电子邮箱</td><td>www.51jianli.com</td></tr><tr><td>求职意向</td><td colspan="4"></td></tr><tr><td>工作经历</td><td colspan="4"></td></tr><tr><td>教育经历</td><td colspan="4"></td></tr><tr><td height="68">计算机水<p>平</p></td><td colspan="4"></td></tr><tr><td>自我评价</td><td colspan="4"></td></tr></tbody></table>
caption(表格标题)
2.1 表格的标题,自动在表格顶部居中,语义也便于浏览器解读。
2.2 您只能对每个表格定义一个caption标题。
2.3 表格标题标签是成对出现的,以为开始标签,以为结束标签。
2.4 align可以居中但不建议使用,已废弃,支持用CSS进行书写样式
// <caption> 标签定义表格的标题。
// <caption> 标签定义表格的标题。
// <caption> 标签必须直接放置到 <table> 标签之后。
thead(表格头部)
3.1 thead是表格的头部,建议在其中书写tr和th
3.2 代码样式为:
<tbody align="center"><tr width="500"><th>姓名</th><th width="127"></th><th>性别</th><th ></th><th rowspan="5" width="120">照片</th></tr>
3.3 在其中可以进行列合并 colspan,写在th标签中
tbody(表格主题)
3.1 tbody表格的主体部分,表格主要内容的书写位置
3.2 tbody中书写tr和th
3.3 可以用colsapn和rowspan进行列合并与行合并
3.4 tbody中书写代码如下:
<tbody align="center"><tr width="500"><th>姓名</th><th width="127"></th><th>性别</th><th ></th><th rowspan="5" width="120">照片</th></tr>
tfoot
- 表格的脚注(可以不写)
- 里面可以使用tr和th