行内元素和块元素
- 块元素：无论多少内容，该元素独占一行（p，h1~h6）
- 行内元素：内容撑开宽度，左右都是行内元素的可以排在一行（a，strong，em…）
列表标签
列表就是信息资源的一种展示形式，它使信息更加条理化和结构化，并以列表的形式展出。
列表的分类：
1.有序列表
<ol>
<li>内容</li>
...
</ol>
2.无序列表
<ul>
<li>内容</li>
...
</ul>
3.自定义列表
<dl>
<dt>列表名称</dt>
<dd>内容</dd>
<dd>内容</dd>
...
</dl>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>列表</title>
</head>
<body>
<!--有序列表
应用：试卷，问答...
-->
<ol>
<li>java</li>
<li>Python</li>
<li>Linux</li>
</ol>
<hr/>
<!--无序列表
应用：导航，侧边栏...
-->
<ul>
<li>java</li>
<li>Python</li>
<li>Linux</li>
</ul>
<hr/>
<!--自定义列表
dl:标签
dt:列表名称
dd:列表内容
应用：公司网站底部
-->
<dl>
<dt>学科</dt>
<dd>Java</dd>
<dd>Python</dd>
<dd>Linux</dd>
</dl>
</body>
</html>
表格标签
基本结构：单元格，行，列，跨行，跨列
表格使用的标签是：table表格标签，table标签内部，有行标签，列标签
行：tr 列：td 列在行的内部
<table>
<!--行-->
<tr>
<!--列-->
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
</tr>
</table>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>表格练习</title>
</head>
<body>
<!--表格标签table
行：tr 列：td
border:给表格加边框，1px代表1像素值
跨行跨列在td标签内实现
跨行操作：colspan="几列" rowspan="几行"
colspan是跨列，跨列几列，这一行剩下几列的可以删除
rowspan是跨行，跨行后，这一列剩下的可以删除
使用 align="center" 实现居中效果
-->
<table border="1px">
<!--行标签-->
<tr>
<!--列标签-->
<td colspan="3" align="center">1-1</td>
</tr>
<tr>
<td rowspan="2">2-1</td>
<td>2-2</td>
<td>2-3</td>
</tr>
<tr>
<td>3-1</td>
<td>3-2</td>
</tr>
</table>
</body>
</html>
媒体元素
视频元素：video 音频元素：audio
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>媒体元素</title>
</head>
<body>
<!--音频和视频
video视频：
src:资源路径
controls:控制条
autoplay：自动播放
muted:解决不能自动播放，但是这个是关闭声音的
audio音频：
-->
<!--视频-->
<!--<video src="../resources/video/虹之间.mp4" muted controls autoplay></video>-->
<!--音频-->
<audio src="../resources/audio/忧伤还是快乐.mp3" controls autoplay></audio>
</body>
</html>