标签：
[2016-01-14][html][表格相关的标记]| 第一列 | 第二列 | 第三列 | 第四列 | 第五列 |
|---|---|---|---|---|
| 第一行(上面是第0行) | 占两行 | |||
| 第二行(看,第0行是粗体) | ||||
| 第三行 | 占两列 | 黄色的背景色 | ||
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 | <html> <head> <title>表格相关的标记</title> <meta charset="utf-8"> </head> <body> <!-- <table>表格内容</table> 用来声明一个表格,在表格内容 使用<tr><td><th>等标记来构造表格 属性信息: width:表格的宽度 可以是像素,也可以是父级元素的百分比% heigth:高度 border:表格外边框的宽度 align:表格显示的位置(在窗口的的位置) left,center,right cellspacing:单元格之间的间距 单位像素 cellpadding:单元格内容与单元格边框的距离 frame:作用:控制表格边框最外层的四条线框 void(默认值):表示无边框 above:表示仅有顶部边框 belov:表示仅有底部边框 hsides:表示仅有顶部边框和底部边框 lhs:表示仅有左侧边框 rhs:表示仅有右侧边框 vsides:表示仅有左右边框 box:表示全部4个边框 border:包括全部4个边框 rules:作用:控制是否显示以及如何显示单元格之间的分割线 none(默认值):表示无分割线 all:表示包括所有边框 rows:表示仅有行分割线 clos:表示仅有列分割线 group:表示仅行组合列组之间有分割线 <caption>标题</caption> 表格的标题,必须放在<table>之后 <tr>之前 属性: align:top标题放在表格的上部 bottom:标题放在表格的下部 left:标题放在表格的左部 right:标题放在表格的右部 <tr></tr>标记 一对<tr></tr>标记,定义表格的一行,对每个表格内部嵌套多个<td>或者<th>标记表示列 可选属性: bgcolor:设置背景的颜色 align:设置垂直方向的对齐方式 bottom:顶端对齐 top:底部对齐 middle:居中对齐 valigh:设置水平方向的对齐方式 参数同上. <td></td>和<th></th> 都是表格列的标记,区别是th,表头标记,默认粗体 属性: bgcolor:设置单元格背景颜色 align:设置单元格对齐方式 valign:设置单元格垂直对齐方式 width:设置单元格宽度 height:设置单元格高度 rowspan:设置单元格所占行数 colspac:设置单元格所占的列数 --> <table frame="border" rules="all" width = 100% height = 50> <caption>表格的标记</caption> <tr> <th>第一列</th> <th>第二列</th> <th>第三列</th> <th>第四列</th> <th>第五列</th> </tr> <tr align = "center"> <td>第一行(上面是第0行)</td> <td rowspan = 2>占两行</td> <td></td> <td></td> <td></td> </tr> <tr align = "center"> <td>第二行(看,第0行是粗体)</td> <td></td> <td> </td> <td> </td> </tr> <tr align = "center"> <td>第三行</td> <td colspan = 2>占两列</td> <td bgcolor = "yellow">黄色的背景色</td> <td> </td> </tr> </table> </body></html> |
标签：
原文地址：http://www.cnblogs.com/qhy285571052/p/5130991.html
