您的位置:首页 > Web前端 > HTML

HTML---表格操作

2018-03-30 18:14 225 查看

表格操作

表格的基本语法

<table>
<tr>
<td>
</td>
</tr>
</table>
tr表示行
td表示列
border:边框
height:边框的高度
width:边框的宽度
frame:设置表格的外层边框
void 不显示外侧边框
box 显示四侧边框
设置水平对齐
align:left,center,right
设置垂直对齐
valign:top,middle,bottom

<table border="5">
<tr>
<td align="center" valign="bottom">第一行第一列</td>
<td>第一行第二列</td>
<td>第一行第三列</td>
</tr>
<tr>
<td>第二行第一列</td>
<td>第二行第二列</td>
<td>第二行第三列</td>
</tr>
<tr>
<td>第三行第一列</td>
<td>第三行第二列</td>
<td>第三行第三列</td>
</tr>
</table>


表格的跨行

rowspan 跨行

colspan 跨列

<table border="5">
<tr>
<td colspan="3">学生成绩</td>
</tr>
<tr>
<td rowspan="2">张三</td>
<td>语文</td>
<td>60</td>
</tr>
<tr>
<td>数学</td>
<td>70</td>
</tr>
<tr>
<td>李四</td>
<td>语文</td>
<td>60</td>
</tr>
</table>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: