H5（HTML5）常见标签（二）

HTML页面基础标签

HTML常见标签（充当页面元素）

<div> </div>

标签作用：
页面布局中最常见的标签，独占一行，可设置宽高

---

<p> </p>

标签作用：
页面布局中常用标签，独占一行，可设置宽高，（又被称作段落标签）

---

<span> </span>

标签作用：
页面布局中常用标签，不可设置宽高，实际的所占宽高由标签内部元素的宽高决定

---

<hr/>

标签作用：
分割线，单标签，可设置宽高，不常用

---

表格标签

<table> </table>

标签作用：
表格的框架，可设置宽高，最原始的页面布局用表格框架来布局，后期有div标签后，逐渐被放弃

<caption> </caption>

标签作用：
表格的标题会出现在表格的正上方并居中，是固定的格式

<tr> </tr>

标签作用：
表格的单元行，表格中有几行取决于tr标签存在的数量

<td> </td>

标签作用：
表格的单元格，每一行中有几列取决于该tr标签中的td标签数量

<th> </th>

标签作用：
表格的表头，实际上是特殊固定格式的td

---

表单标签

<input type="" />

标签作用：
表单中的标签，type属性的改变会影响该标签的功能

• type = “text” 标签功能为单行文本输入框 （默认状态）
• type = "password"标签功能为密码框
• type = "textarea"标签功能为多行文本输入框
• type = “radio” 标签功能为单选按钮
• type = “checkbox” 标签功能为多选按钮
• type = “file” 标签功能为上传文件
• type = “button” 标签显示为按钮
• type = “rest” 标签显示为按钮，功能为重置
• type = “submit” 标签显示为按钮，功能为提交

<select >
<option> </option>
</select>

标签作用：
下拉列表，select作为框架，option定义列表框中的各个选项

---