<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<title>Title</title>
<meta http-equiv="x-ua-compatible" content="IE=edge">
</head>
<body>
<!--列表分三种 -->
<!--无序的 <ul></ul>-->
<!--有序的 <ol></ol>-->
<!--标题的 <dl></dl> -->
<!--<dt> 标题</dt>-->
<!--<dd>内容</dd> -->
<!--1 ul无序列表的用法 li 成对出现 前面可以加符号 -->
<ul type="square">
<!--disc实心圆点 默认值-->
<!--空心圆点 circle-->
<!--square 实心方块-->
<li>我是无序表1</li>
<li>我是无序表2</li>
<li>我是无序表3</li>
</ul>
<ul type="none">
<li>我是无序表1</li>
<li>我是无序表2</li>
<li>我是无序表3</li>
</ul>
<!--ul无序列表的用法 li 成对出现 前面可以加符号 -->
<!--ol有序列表的用法不加参数和无序一样的
参数为 type ='数字类型1 a A I i start = '开始值'
li 成对出现 前面可以加符号 -->
<!--1 数字列表，默认值-->
<!--a 小写字母-->
<!--Ⅰ大写罗马-->
<!--ⅰ小写罗马-->
<ol type="I" start="10">
<li>我是有序列表1</li>
<li>我是有序列表2</li>
<li>我是有序列表3</li>
</ol>
<!--ol的注释结束-->
<!--3标题列表 dl dt是标题列表中的标题 dd 是dt的内容-->
<dl>
<dt>我是标题列表的标题</dt>
<dd>我是表列表标题下得内容1</dd>
<dd>我是表列表标题下得内容2</dd>
</dl>
<!--标题列表的注释结束-->
<!--4表格的建立头和身体应用 -->
<table>
<thead>
<tr>
<th>我是表格头部标题的行1标题加粗</th>
<th>我是表格头部标题的行2标题加粗</th>
</tr>
</thead>
<tbody>
<tr>
<td>我是表格身体行内容1</td>
<td>我是表格身体行内容2</td>
</tr>
</tbody>
<!--border = '1' 表格边框 cellpadding 内边距 字到边框的距离–>-->
<!--cellspacing 外边距 字边框到表格边框的距离-->
<!--width 像素百分比 (最好通过css来设置长宽)-->
<!--rowsapan: 单元格个竖跨多少行-->
<!--colspan: 单元格个横跨多少列
</table>
<!---->
<table border="1">
<thead>
<tr>
<th>我是表格列表的头部的标题</th>
<th>姓名</th>
<th>年龄</th>
<th>性别</th>
<th>爱好</th>
</tr>
</thead>
<tbody>
<tr>
<td>我是表格列表的身体行内容1</td>
<td>Egon</td>
<td colspan="2" >男</td>
<!--<td>男</先删除此处17才能合并td>-->
<td rowspan="2">我合并列删除前提删除下一个行</td>
<!--<td rowspan="2">杠娘</td> 合并单元格要在前个表格操作保证要操作的表格是空-->
<td >篮球</td>
</tr>
<tr>
<td>我是表格列表的身体行内容2</td>
<td>Egon2</td>
<td>172</td>
<td>男2</td>
<!--<td>篮球 要合并上边的篮球这边不能显示</td> -->
<td >足球</td>
</tr>
<!--<td rowspan="2">我合并行2 </td>-->
<!--<td colspan="2">我合并列2 </td>-->
<!--rowspan="2" colspan="2"-->
</tbody>
</table>
</body>
</html>