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

HTML表格标签的使用-<table>

2014-04-30 22:27 721 查看

<html>
<head>
<title> 表格标签 </title>
<!--
标签名：table 定义一个表格
子标签：<caption> 定义表格标题
属性：align=top（默认）
子标签：tr，td
td属性：colspan=“2”表示某个单元格占了两列
th定义某一个单元格为表头信息，效果和td中的文字加粗，居中一样。
属性：border 定义边界线  默认是给表格外层和和每个单元格添加了边缘线
cellspacing:-------------
cellpadding:-------------
width：表格宽度定义;高度一般不定义。数据大小不确定啊
cellspacing=0

-->
</head>

<body>
<!--第一个表格-->
<table border="10px" cellspacing="0px" cellpadding="10px" width="800px"  height="40px">
<caption align="left">班级名单1</caption><!---->
<tr><!--第一行-->
<td>姓名</td>
<td>年龄</td>
</tr>

<tr><!--第一行-->
<td>胡玉勉</td>
<td>26</td>
</tr>
</table>
<br><br>
<hr>
<!--第二个表格-->
<table border="10px" cellspacing="0px" cellpadding="10px" width="800px"  height="40px">
<tr><!--第一行-->
<td colspan="2">花名册</td>
</tr>
<tr>
<td>姓名</td>
<td>年龄</td>
</tr>

<tr>
<td>胡玉勉</td>
<td>26</td>
</tr>
</table>
</body>
</html>

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

标签： table

相关文章推荐

新的分享

章节导航