1. HTML: 用于描述 页面中 有什么内容
2. CSS: 让HTML变得更漂亮 渲染HTML样式
3. JS:负责页面逻辑
HTML：
1.div: 容器标签 用于盛放其它标签 常用div分块
<div></div>
2.p:文本、段落标签 里面用于盛放 文本、图片、超链接
<p></p>
3.h系列标签:h1-h6 标题标签
<h1>标题</h1>
<h2>标题</h2>
<h3>标题</h3>
4.ul ol dl 列表 标签：
ul：无序列表 -> li
ol:有序列表 -> li
dl:自定义列表 -> dt 标题 dd 内容
<ul>
<li>无序列表</li>
<li>无序列表</li>
<li>无序列表</li>
<li>无序列表</li>
</ul>
<ol>
<li>无序列表</li>
<li>无序列表</li>
<li>无序列表</li>
<li>无序列表</li>
</ol>
<dl>
<dt>标题</dt>
<dd>自定义内容</dd>
<dt>标题</dt>
<dd>自定义内容</dd>
<dd>自定义内容</dd>
<dd>自定义内容</dd>
<dt>标题</dt>
<dd>自定义内容</dd>
</dl>
5.input:输入标签
type:可以指定输入标签的类型
text：文本输入
<input type="text" placeholder="提示信息">
<input type="password">
<input type="range">
<!--换行标签-->
<br>
最帅男主角：
<br>
A：<input type="checkbox">
B：<input type="checkbox">
C：<input type="checkbox">
D：<input type="checkbox">
E：<input type="checkbox">
<br>
<!--单选-->
最靓女主角：
<!--<input type="radio">-->
<br>
A：<input type="radio" name="best">
B：<input type="radio" name="best">
C：<input type="radio" name="best">
D：<input type="radio" name="best">
E：<input type="radio" name="best">
<br>
<!--按钮-->
<input type="button" value="下载">
<!--图片按钮-->
<input type="image" src="https://www.baidu.com/img/bd_logo1.png?where=super">
<!--超级链接标签-->
<!--href 指定要跳转的位置-->
<a href="https://www.baidu.com/">百度</a>
图片标签
src：图片资源的路径
alt：当图片不存在的时候 显示的文字
<img src="https://www.baidu.com/img/bd_logo1.png" alt="百度logo">
<span>不换行的文本标签</span>
<span>不换行的文本标签</span>
<span>不换行的文本标签</span>
