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

3. html表格基本标签

2017-05-06 18:06 183 查看

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>表格</title>
</head>
<body>
<table border="1" width="500" height="100">
<tr>
<th>姓名</th>
<th>一月份工资</th>
<th>二月份工资</th>
</tr>
<tr>
<td>何朝雨</td>
<td>1000000</td>
<td>2000000</td>
</tr>
</table>
<hr>

<table border="1" width="100%" height="100%">
<tr>
<th>姓名</th>
<th>一月份工资</th>
<th>二月份工资</th>
</tr>
<tr>
<td>何朝雨</td>
<td>1000000</td>
<td>2000000</td>
</tr>
</table>

<hr>

<!-- cellpadding="30"表格与内容距离 -->
<!-- cellspacing="10"单元格与单元格的距离 -->
<table border="1" cellpadding="30" cellspacing="10">
<tr>
<th>姓名</th>
<th>一月份工资</th>
<th>二月份工资</th>
</tr>
<tr>
<td>何朝雨</td>
<td>1000000</td>
<td>2000000</td>
</tr>
</table>

<hr>
<table border="1" width="500" height="100">
<tr>
<th>姓名</th>
<!-- colspan="2"表格 跨例 -->
<th colspan="2">我的工资</th>
</tr>
<tr>
<td>何朝雨</td>
<td>1000000</td>
<td>2000000</td>
</tr>
</table>

<hr>

<table border="1" width="200" height="100" >
<tr>
<th>姓名</th>
<td>何朝雨</td>
</tr>
<tr>
<!-- rowspan="2"表格 跨行 -->
<th rowspan="2">一月份工资</th>
<td>20000</td>
</tr>
<tr>
<td>20000</td>
</tr>
</table>
</body>
</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： html 标签

相关文章推荐

新的分享

章节导航