<!DOCTYPE html>
<html><!--根标签-->
<head><!--文档头，存放文件属性相关内容，不会显示在页面，定义文档的信息-->
<title>课后练习</title>
<meta http-equiv="content" content="text/html" charset="utf-8"/><!--设置网页编码集-->
<meta name="keyWords" content="xx,xx"><!--描述网页的关键词，网页优化互联网爬虫/机器人会抓取关键词-->
<meta name="description" content="xxxxxxx"><!--网站内容描述-->
<meta http-equiv="refresh" content="3,http://www.baidu.com"><!--3秒后刷新网页，跳转到百度-->
</head>
<body><!--定义内容，会在页面显示-->
<h1>标题一</h1><!--标题，六个级别，h1--h6,字体越来越小-->
<p>这是一个段落标签，</br>段落结尾会自动换行</p><!--</br>换行-->
<hr/><!--水平线-->
<ul><!--无序列表组合-->
<li>吃饭</li>
<li>睡觉</li>
<li>打豆豆</li>
</ul>
<hr/><!--水平线-->
<ol><!--有序列表组合-->
<li>吃饭</li>
<li>睡觉</li>
<li>打豆豆</li>
</ol>
<hr/><!--水平线-->
<dl><!--定义列表-->
<dt><img src="x/xx.jpg"> </dt><!--内容-->
<dd>狗狗</dd><!--描述<dt>内容-->
</dl>
<hr/><!--水平线-->
<i>你好</i><!--斜体字-->
<b>你好</b><!--字体加粗-->
<button>点我啊</button><!--按钮-->
<a href="http://www.baidu.com">百度</a><!--链接-->
<img src="xx.jpg" alt="这是。。"><!--alt,如果图片没有出现，就会显示alt的内容-->
<video src="xx.mp4" controls="controls" autoplay="autoplay" loop="loop"></video>
<!--视频，url地址，控制器，自动播放，循环播放-->
<audio><!--音频-->
<source src="xx.mp3" type="audio/mp3"><!--url地址，类型-->
</audio>
</body>
</html>