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

html————表格

2015-12-09 20:45 579 查看
<html >

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>表格标签</title>

<!---

<table>表格标签

<table> 单元格

<tr>行

<td>单元格

<th>表格头 默认居中加粗。

<caption> 标题

colspan:设置单元格占指定的列数

rowspan:设置单元格占据指定的行数

<thead> 表头 可以没有表头

<tbody> 表体 至少存在一个表体，可以存在多个。

<tfoot> 表尾 可以没有表尾

一个浏览器只要遇到一个完整的tbody标签，就可以显示当前页面的信息。

表格使用到的标签：

width:表格宽度

height：高度

border：边界像素

bordercolor：边界颜色

-->

</head>

<body>

<table align="center" border="1" bordercolor="#00FF00" width="400px" height="300px" >·

<caption>期末考试成绩表</caption>

<thead>

<tr align="center">

<th>姓名</th>

<th>分数</th>

<th>人品</th>

</tr>

</thead>

<tbody>

<tr align="center">

<td rowspan="2">凡江</td>

<td>98</td>

<td>优</td>

</tr>

<tr align="center">

<td>100</td>

<td>优</td>

</tr>

<tr align="center">

<td>居东东</td>

<td>99</td>

<td>非常好</td>

</tr>

<tr align="center">

<td>综合测评</td>

<td colspan="2">非常好</td>

</tr>

</tbody>

</table>

</body>

</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航