段落
- 段落
<p>fruit</p>
- 换行
<p>
fruit<br>
fruit<br>
fruit<br>
</p>
- 水平线
<hr>
- 排版优化
<div>banana</div>
<div>banana</div>
<div>banana</div>
<div>banana</div>
列表
- 有序列表
<ol> orderlist
<li>banana</li>
<li>apple</li>
<li>orange</li>
</ol>
- 无序列表
<ul>
<li>banana</li>
<li>apple</li>
<li>orange</li>
</ul>
- 列表嵌套
<ul>
<li>banana
<ul>
<li>apple</li>
<li>orange</li>
</ul>
表格
<table border="1">
<tr> table row
<th>name</th>
<th>age</th>
</tr>
<tr>
<td>DING</td>
<td>24</td>
</tr>
</table>
超链接
<div>
<a href="http://www.baidu.com">BaiDu</a>
</div>
图片image
<a href="http://www.baidu.com">
<img
src="https://img3.doubanio.com.jpg" width="" height ="" alt="海王“ />
</a>
iframe
<iframe src="http://www.baidu.com"
width="800px"
height="600px"
></iframe>
输入框input
输入
<label>Username:</label><input>
<input name="username" placeholder="plase input your name">
<input name="pwd" type="password" placeholder="plase input your password">
单选
<div>Do you like fauit?
<input type="radio" name="favor_fauit" value="banbana">banba
<input type="radio" name="favor_fauit" value="apple">apple
<input type="radio" name="favor_fauit" value="orange">orange
</div>
多选
<div>Do you like fauit?
<input type="checkbox" name="fauit">banba
<input type="checkbox" name="fauit">apple
<input type="checkbox" name="fauit">orange
</div>
时间
<input type="data">
颜色
<input type="color">
文件
<input type="file">
选择器Select
<select>
<option>select1</option>
<option>select2</option>
<option>select3</option>
</select>