2大类:块级元素 和 行级元素
* 块级元素独占一行
* 一个回车代表一个空格
* <a>标签独有属性 href=""
* 空格
* 点字选择用<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>