行内元素和块级元素

行内元素与块级元素区别:

行内元素只能容纳文本或是其他行内元素。行内元素无法撑起行高。

行内元素的宽度只与内容有关。块级元素的宽度与内容无关。

块级元素在其后会产生一些空格,行内元素不会在其后产生空格。

下面为常见的行内元素和块级元素

行内元素列表:

<a>

<abbr>                  表示一个缩写形式

<acronym>     定义只取首字母缩写

<b>          字体加粗

<bdo>       可覆盖默认的文本方向

<big>        大号字体加粗

<br>         换行

<cite>       引用进行定义

<code>       定义计算机代码文本

<dfn>       定义一个定义项目

<em>       强调内容

<i>        斜体

<img>      

<input>

<kbd>      键盘文本

<label>      为input元素定义标记

<q>       短引用

<samp>     样本文本

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

<small>      呈现小字号体效果

<span>      

<storng>

<sup>      上标文本

<sub>      下标文本

<textarea>    多行输入控件

<tt>       打字机或等宽文本效果

<var>       定义变量

快级元素列表:

<address>    定义地址

<dl>

<dt>

<dd>

<div>

<fieldset>    定义一个框架集

<form>

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

<hr>       创建一条水平线

<legend>     元素为fieldset元素定义标题

<ol>

<ul>

<li>

<norames>   为不支持框架的浏览器现实文本于framset元素内部

<noscript>    定义在脚本未被执行时的替代内容

<pre>      定义与格式化的文本

<caption>     定义表格标题

<table> <tr> <thead> <th> <tbody> <td>

可变元素列表:

<button>

<del>    定义文档中已被删除的文本0

<iframe>

<map>

<object>

<ins>

<script>

posted on 2011-11-14 20:52  小落落  阅读(154)  评论(0编辑  收藏  举报