<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
表格标签
主要作用：展示、显示数据
<table>
<tr>
<th>表头</th>
</tr>
<tr>
<td>单元格</td>
</tr>
</table>
tr——行
td——单元格（行中的列，即为单个单元格）
th——表头单元格
表格属性
<table align="center" border="1" cellpadding="3" cellspacing="0" width="500">
</table>
align——表格对齐方式 left center right
border——边框 1或""
cellpadding——单元格边缘与字符间的距离，默认为1像素
cellspacing——单元格间的距离，默认2像素
width——表格的宽度 像素值或百分比
表格结构标签
<table>
<thead>表头部</thead>
<tbody>表主题</tbody>
</table>
使表格更清晰
合并单元格
两种方式：跨行合并、跨列合并
<table border="1">
<tr>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td rowspan="2"></td>
<td colspan="2"></td>
<!-- <td></td> -->删除多余单元格
</tr>
<tr>
<!-- <td></td> -->
<td></td>
<td></td>
</tr>
</table>
列表标签
作用：用来做布局
类型：无序列表、有序列表、自定义列表
无序列表
<ul>
<li>列表项1</li>
<li>列表项2</li>
<li></li>
</ul>
注意：
1.无序列表各个项无等级之分，是并列的
2.ul中只能放<li></li>
3.li中可以容纳任何元素
有序列表
<ol>
<li>1.列表项1</li>
<li>2.列表项2</li>
</ol>
有序列表前会有编号
注意项与无序列表基本相同
自定义列表
<dl>
<dt>名词1</dt>
<dd>名词1解释1</dd>
<dd>名词1解释2</dd>
</dl>
dl用于定义描述列表，会与dd一同使用
字体图标标签
<i class="iconfont icon-dianzan"></i>
需要下载，引用iconfont的css
</body>
</html>
##下载
标签学习02.html