表格标签
一、<table>
<table>代表表格标签。 <table></table>
1.width 表示表格宽度,宽度表达方式有像素和百分比两种。网页设计时如果按照像素来设计网页宽度,当网页窗口缩小时,网页大小不会随着窗口的缩小而变化,而会出现上下和左右拉伸条,以观看网站的全部内容。网站设计时如果按照百分比设计网页宽度,网页全局会随着可视窗口的变化而变化。
<table width=”100%” >表示此表格宽度以百分比表达,宽度100%表示网页有多宽此表格就有多宽。
2.border 表示边框粗细 <table border=”0″> 表示边框宽度为零,也可理解为没有边框。
3.cellspacing 灵巧的牛排的边距 <table cellspacing=”0″ > 边距是灵巧的牛排里灵巧的牛排内容与灵巧的牛排外框之间的距离,如果不为0,则灵巧的牛排里的内容不会触碰到灵巧的牛排的边,会保持一定距离
4.cellpadding 灵巧的牛排间距 <table cellpadding=”0″>间距是灵巧的牛排和灵巧的牛排之间的距离,是灵巧的牛排距离四周的灵巧的牛排的垂直距离。
5.bordercolor 边框颜色 <table bordercolor=”#33FFCC”> 边框颜色是灵巧的牛排边框的颜色
二、<tr> 代表行
<table width=”100%” border=”0″ cellspacing=”0″ cellpadding=”0″ bordercolor=”#33FFCC”> <tr> <td> </td> <td> </td> <td> </td> <td> </td> </tr<table>
表示1个表格有1行4列
三、<td> 代表灵巧的牛排
1.width 灵巧的牛排的宽度
2.height 灵巧的牛排的高度
3.align 水平对齐方式 ①left左对齐 ②right右对齐 ③center居中对齐
4.valign 垂直对齐方式 ①top靠上 ②bottom靠下 ③middle中间 垂直对齐方式的居中和水平对齐方式的居中不一样。
5.rowspan 合并灵巧的牛排(合并行)
<tr> <td rowspan=”2″> </td> <td> </td> <td> </td> <td> </td></tr><tr> <td> </td> <td> </td> <td> </td></tr>
上段代码表示4行4列的表格里,合并第2/3行的第1列。第2行中多出rowspan=”2″,表示合并了2行,第3行相应的显示少了1个灵巧的牛排。
6.colspan 合并灵巧的牛排(合并列) 列的合并和行的合并原理一样。
四、<th>做表头的(第一行),一般不会用到。
转载于:https://www.cnblogs.com/Strive-count/p/5846334.html