部分元素分析

块级元素（block）：

块标签（tag） --->>特点：

       成行显示，沾满整行，另起新行

1. 总是在新的一行上开始；
2. 高度，行高以及顶和底边距都可控制；
3. 宽度缺省是它的空气的100%，除非设定一个宽度。

 

标题元素：

<h1></h1>、<h2></h2>、<h3></h3>、<h4></h4>、<h5></h5>、<h6></h6>

<h>主要用于页面的标题部分，可以根据标题的主次，来使用<h1>标签至<h6>标签

 

布局：

定义文档中的分区或节---------------<div></div>(无语义标签)

<div>标签主要用于给页面分成各个区域或部分

 

列表：

定义有序列表---------------<ol></ol>

<ol></ol>下必须嵌套<li></li>；

定义无序列表---------------<ul></ul>

<ul></ul>下必须嵌套<li></li>；

定义列表项目---------------<li></li>

<li></li>是序列表<ol></ol>和无序列表<ul></ul>的子标签;

定义自定义列表---------------<dl></dl>

定义自定义列表中的项目（即术语部分）---------------<dt></dt>

<dt></dt>一般用于列表标题；

定义自定义列内容---------------<dd></dd>

<dd></dd>相当于用来解释<dt></dt>项目；

 

表格：

定义表格---------------<table></table>

<table></table>：简单的HTML表格是由table元素以及一个或多个 tr、th 或 td     元素组成；

定义表格行---------------<tr></tr>

定义表头---------------<th></th>

<th>：定义表格内的表头单元格。此th元素内部的文本通常会呈现为粗体。

<th>指表格表头<table header>，于数据单元格类似，每一组标签表示一个单元格，嵌套于<tr>内，区别在于<th>里的内容以粗体表示

定义表格单元---------------<td></td>

<td>指表格数据<table data>，即数据单元格内容，每一组标签表示一个单元格，嵌套于<tr>内

 

段落：

定义段落---------------<p></p>

P 元素会自动在其前后创建一些空白。浏览器会自动添加这些空间，也可以在样式中规定。

换行符----------------<br />

br用来换行，不会自动在前后创建一些空白

 

表单元素：

创建表单---------------<form></form>

<form> 标签用于为用户创建HTML表单。表单能够包含 input 元素，比如文本字段、复选框、单选框、提交按钮等。表单用于向服务器传输数据。

 

块属性标签集合：

<h1>~<h5> 、 <div> 、 <ol> 、 <ul> 、 <li> 、 <dl> 、 <dt> 、 <dd> 、 <table> 、 <tr> 、 <th> 、<td> 、 <p> 、 <br /> 、 <form>

 

 

 

行元素（inline）：

行元素的宽度是由它的内容所撑开

 

无语义标签---------------<span></span>

<span>被用来组合文档中的行内元素

定义变量---------------<var></var>

<var>在浏览器中一般会以斜体显示

强调标签---------------<em></em>

<em>把文本定义为强调内容，在浏览器中一般会以斜体显示

把文本定义为语气更强的强调的内容--------------<strong></strong>

锚文本---------------<a></a>

<a>指定超链接的目标，最重要的属性是href属性

定义图像---------------<img />

<img />主要用于页面中图片切入

<img>标签是单标签，在XHTML中，把结束标签放在开始标签中-----------<img/>

定义多行的文本输入控件---------------<textarea></teatarea>

<textarea>可以通过cols和rows属性来规定textarea的尺寸，不过更好的方法是使   用CSS的height和width属性。

下拉列表----------------<select></select>

<select>可创建单选或多选菜单

定义下拉菜单列表中的一个选项--------------<option>

<option>标签中的内容作为<select>标签的菜单或是滚动列表中的一个元素显示，   option元素位于select元素内部

用于搜集用户信息---------------<input />

根据不同的type属性值，输入字段拥有很多种形式。输入字段可以是文本字段、   复选框、掩码后的文本控件、单选按钮、按钮等

 Input type属性值：定义可点击按钮（button）、定义复选框（checkbox）、定义      输入字段和“浏览”按钮，共文件上传（file）、定义隐藏的输入字段（hidden）、   定义图像形式的提交按钮（iamge）、定义密码字段，该字段中的字符被掩码       （password）、定义单选按钮（radio）、定义重置按钮，重置按钮会清除表单中的    所有数据（reset）、定义提交按钮，提交按钮会把表单数据发送到服务器（subit）、定义单行的输入字段，用户可在其中输入文本，默认宽度为20个字符（text）

行属性标签集合：<span>、<var>、<em>、<a>、<img> 、<textarea>、<select>、<option>、<input />