扫盲关键词：HTML、SVG、iFrame、chrome 的检查功能
HTML教程
在线网址：http://www.w3school.com.cn/
Visual Studio Code 工具
下载安装
image.png
下载地址：https://code.visualstudio.com
安装中文语言包
image.png
常用功能（右键格式化文档）
image.png
新手上路
HTML，英文全称 HyperText Markup Language，超文本标记语言。
<!DOCTYPE html>
<html>
<head>
<title>学习html</title>
</head>
<body>
<h1>这是第一个标题</h1>
<p>这里是段落这里是段落这里是段落这里是段落</p>
<table border="1">
<tr>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr>
<tr>
<td>row 2, cell 1</td>
<td>row 2, cell 2</td>
</tr>
</table>
<img src="https://www.baidu.com/img/xinshouye_46cc6be3783724af1729ba51cfcde494.png" />
<ul>
<li>Coffee</li>
<li>Milk</li>
<ul>
<li>ABC</li>
<li>DEF</li>
</ul>
</ul>
<ol>
<li>Coffee</li>
<li>Milk</li>
</ol>
<iframe src="http://www.baidu.com"></iframe>
<audio controls="controls" autoplay="autoplay">
<source src="https://tikufile.haibian.com/english/f99f56c7-82cd-4b6b-9934-f119a6ecef92.mp3">
</audio>
<video width="320" height="240" controls="controls">
<source src="https://media.w3.org/2010/05/sintel/trailer.mp4" type="video/mp4" />
</video>
<svg width="100%" height="100%" version="1.1" xmlns="http://www.w3.org/2000/svg">
<circle cx="100" cy="50" r="40" stroke="black" stroke-width="2" fill="red" />
</svg>
</body>
</html>
