Html标签元素分类

在css中，html中的标签元素大体被分为三种类型：

1、块状元素

常用块状元素有：

1）<div></div>

2）<p></p>

3）<h1-6></h1-6>

3）<ol></ol>

4）<ul></ul>

5）<table></table>

6）<address></address>一般用于显示网站上的公司地、电子邮件地址、签名、文档作者身份等信息，浏览器对其的默认样式是’斜体‘。

7）<blockquote></blockquote>作用是引用别人的文本。但它不同于’<q>引用短文本</q>‘是对长文本的引用，如在文章中引入大段某知名作家的文字，这时需要这个标
签。浏览器对其的默认样式是’两边缩进‘。

8）<form></form>

9）<pre></pre>在网页上显示一段计算机编程代码，不同于’<code>加入一行编程代码</code>‘是加入多行代码。

块状元素特点：可通过代码：display:block;将其他元素转换为块状元素。

a）每个块级元素都从新的一行开始，其后的块级元素也会另起一行。（一个块级元素独占一行）

b）元素的高度、宽度、行高以及顶和底编剧都可设置。

c）元素的宽度在不设置的情况下是它本身父容器的100%。（和父容器宽度一致，除非设定一个宽度）

2、内联元素(行内元素)‘

常用的内联元素：

1）<a></a>

2）<span></span>此标签没有语义，作用就是为某段文字单独设置样使用的。

3）<br/>

4）<i></i>斜体效果,同<em></em>相同。

5）<em></em>

6）<strong></strong>粗体

7）<label></label>为input元素定义标注

for属性：表示label标签要绑定的html元素，你点击label标签时，绑定的html元素将获的焦点。（绑定的必须是Id值）

accesskey属性：表访问label标签的for元素指定的html元素的快捷键，当按下快捷键时指定的元素将获得焦点。

eg:：<Label FOR="InputBox" ACCESSKEY＝"N">姓名</Label><input ID="InputBox" type="text"> 按下N或单击’姓名‘ ，inputBox获取焦点

8）<q></q>引用短文本。

9）<var></var>表示变量的名词或者由用户提供的值，经常与<code><pre>标签配合使用，用来显示计算机编程代码范例及类似特定元素。通常显示为斜体。

10）<cite></cite>通常表示他包含的文本对某个参考文献的引用，比如书籍或杂志的标题。通常显示为斜体。他可以使浏览者从文档中自动摘录参考书目。

11）<code></code>在网页上显示一行计算机编程代码。

内联元素特点：可通过代码display:inline;将其他元素转换为内联元素。

a）和其他元素都在一行。

b）元素的高度、宽度及与顶部底部的距离不可设置。

c）元素的宽度等于其包含的文字或图片的宽度不可更改。

3、内联块状元素

1）<img/>

2）<input/>

内联块状元素的特点：可以通过代码dispaly:inline-block;将元素设置为内联块状元素。

a）和其他元素都在一行。

b）元素的高度、宽度及与顶部和底部的距离可设置。