<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>表格</title>
</head>
<body>
<p>
表格从table标签开始，表格中的行从tr标签开始，表格中的数据从td开始。
</p>
<!--有边框的表格-->
<h2>1行1列</h2>
<table border="1">
<tr>
<td>50</td>
</tr>
</table>
<h2>1行3列</h2>
<table border="1">
<tr>
<td>10</td>
<td>20</td>
<td>30</td>
</tr>
</table>
<h2>2行3列</h2>
<table border="1">
<tr>
<td>10</td>
<td>20</td>
<td>30</td>
</tr>
<tr>
<td>40</td>
<td>50</td>
<td>60</td>
</tr>
</table>
<!-- 没有边框的表格 -->
<h2>没有边框的表格</h2>
<table>
<tr>
<td>10</td>
<td>20</td>
<td>30</td>
</tr>
<tr>
<td>40</td>
<td>50</td>
<td>60</td>
</tr>
</table>
<h2>没有边框的表格</h2>
<table border="0">
<tr>
<td>10</td>
<td>20</td>
<td>30</td>
</tr>
<tr>
<td>40</td>
<td>50</td>
<td>60</td>
</tr>
</table>
<!-- 表格中的表头 -->
<h2>水平标题</h2>
<table border="1">
<tr>
<th>Name</th>
<th>Sex</th>
<th>Telephone</th>
</tr>
<tr>
<td>wang</td>
<td>nan</td>
<td>1820000000</td>
</tr>
</table>
<h2>垂直标题</h2>
<table border="1">
<tr>
<th>Name</th>
<td>wang</th>
</tr>
<tr>
<th>sex</th>
<td>nan</th>
</tr>
<tr>
<th>phone</th>
<td>182000000</th>
</tr>
</table>
<!-- 带有标题的表格 -->
<table border="1">
<caption>名字 年龄</caption>
<tr>
<th>名字</th>
<th>年龄</th>
</tr>
<tr>
<td>小李</td>
<td>20</td>
</tr>
<tr>
<td>小王</td>
<td>23</td>
</tr>
</table>
<!-- 跨行或跨列的表格单元格 -->
<h2>单元格垮2列</h2>
<table border="1">
<tr>
<th>名字</th>
<th colspan="2">电话</th>
</tr>
<tr>
<td>小王</td>
<td>100000</td>
<td>10000100</td>
</tr>
</table>
<h2>单元格跨两行</h2>
<table border="1">
<tr>
<th>名字</th>
<td>小王</td>
</tr>
<tr>
<th rowspan="2">电话</th>
<td>10000000</td>
</tr>
<tr>
<td>10000100</td>
</tr>
</table>
<!-- 表格内标签 -->
<table border="1">
<tr>
<td>
<p>段落1</p>
<p>段落2</p>
</td>
<td>这个单元格里有一个表格
<table border="1">
<tr>
<td>1</td>
<td>2</td>
</tr>
<tr>
<td>3</td>
<td>4</td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
单元格包含一个列表
<ul>
<li>小赵</li>
<li>小张</li>
<li>小李</li>
</ul>
</td>
<td>123456789</td>
</tr>
</table>
<!-- 单元格边距 -->
<h4>没有单元格边距：</h4>
<table border="1">
<tr>
<td>好好</td>
<td>学习</td>
</tr>
<tr>
<td>天天</td>
<td>向上</td>
</tr>
</table>
<h4>有单元格边距：</h4>
<table border="1" cellpadding="20">
<tr>
<td>好好</td>
<td>学习</td>
</tr>
<tr>
<td>天天</td>
<td>向上</td>
</tr>
</table>
<h4>没有单元格间距:</h4>
<table border="1">
<tr>
<td>小王</td>
<td>43岁</td>
</tr>
<tr>
<td>小李</td>
<td>25岁</td>
</tr>
</table>
<h4>单元格间距="0":</h4>
<table border="1" cellspacing="0">
<tr>
<td> 小王 </td>
<td>43岁</td>
</tr>
<tr>
<td>小李</td>
<td>25岁</td>
</tr>
</table>
<h4>单元格间距="10":</h4>
<table border="1" cellspacing="10">
<tr>
<td>小王</td>
<td>43岁</td>
</tr>
<tr>
<td>小李</td>
<td>25岁</td>
</tr>
</table>
</body>
</html>
扫一扫
1062
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
