2大类：块级元素 和 行级元素

*   块级元素独占一行

*   一个回车代表一个空格

*   <a>标签独有属性  href=""

*   &nbsp;  空格

*   点字选择用<label>  </label>

---

一、块级元素

<h1>ABCDE</h1>

<h2>ABCDE</h2>

<h3>ABCDE</h3>

<h4>ABCDE</h4>

<h5>ABCDE</h5>

<h6>ABCDE</h6> 

---

111111<p>这是p元素，是块级元素</p>22222

---

<div></div>

---

列表元素：

<ul>

<li>ABC</li>

<li>123</li>

<li>asd</li>

</ul>

---

######

<form action="写地址https：// www.baidui.com"  method=" ">

<input type="text" placeholder=" "(提示用户)   /> (输入框)   外面必有<form>

<input type="password" id=" "(不能以数字开头，id不能重复)/>（密码框）

 单选按钮   （name必须一样）

<label>男<input type="radio（收音机）" name="sex"></label>
<label>男<input type="radio" name="sex"> </label>

 多选按钮：

音乐<input type="checkbox" name="hobby">
体育<input type="checkbox" name="hobby">

小说<input type="checkbox" name="hobby">   

---

<br>    换行元素

---

下拉框：

年：<select>

<option>1990</option>

<option>1995</option>

<option>1992</option>

    </select>

---

文本域：

<textarea rows（行）="5" cols（列）="4">

</textarea>

---

按钮：

<button>提交</button>    默认提交走了

<input type="button" value="普通按钮">

<input type="submit" value="提交按钮"> （可以提交到服务器）

<input type="reset" value="重置按钮">（清除前面写的信息）

</form>

---

表格：

<table>

<tr>

    <td>春  </td>

    <td>夏   </td>

</tr>

<tr>

    <td>春 </td>

    <td>夏</td>

</tr>

</table>

---

二、行级元素

<span> </span>

<a></a>

<a href="http://www.baidu.com" > 百度</a>

<i>斜体字</i>

<label>2222</label>

图片标签 <img src=" QQ20180308233615.jpg" width="800px" height="600px"> 

<strong>  </strong>    加粗字体

---

三、元素的嵌套

<p>

    <div>你好</div>

</p>