码迷,mamicode.com
首页 > Web开发 > 详细

html 5 表格

时间:2015-05-09 17:31:17      阅读:118      评论:0      收藏:0      [点我收藏+]

标签:

<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="utf-8">

</head>
<body>

<table border="1">
<caption>整个表表头</caption>
<!-- border 表格边框-->

<!--
table 定义表格
caption 定义表格标题
th 定义表格表头
tr 定义表格的行
td 定义表格的单元
thead 定义表格页眉
tbody 定义表格主体
tfoot 定义表格的页脚
col 定义表格的列属性
-->

<tr>
<!-- 表头th-->
<th>1</th>
<th>2</th>
<th>3</th>

</tr>
<tr>
<td>单元格1</td>
<td>单元格2</td>
<td>单元格3</td>
</tr>
<tr>
<td>单元格1</td>
<td>单元格2</td>
<td>单元格3</td>
</tr>

</table>

<table border="1">
<tr>
<td>
表格1
</td>
<td>
表格2
</td>
</tr>
<tr>
<td>
<ul>

<li>苹果</li>
<li>苹果</li>
<li>苹果</li>
</ul>
</td>
<td>
我想吃
</td>
</tr>

</table>

<table border="1" cellpadding="10" cellspacing="10" background="picture.jpg">
<!-- cellpadding 单元格内容与边框距离-->
<!-- cellspacing 单元格之间的距离-->
<tr>
<td>444</td>
<td>444</td>
<td>444</td>
</tr>

<tr>
<td>4444</td>
<td>4444</td>
<td>4444</td>
</tr>

</table>
</body>
</html>

html 5 表格

标签:

原文地址:http://www.cnblogs.com/xiezefeng/p/4490686.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!