1.窗体框架标签
标签 | 功能 | 属性(值) | 示例 |
| <basefont size> | 更改预设字形大小，为文档中的所有文本定义默认字体颜色、字体大小和字体系列 | color(rgb(..,..,..),#xxxxxx,colorname) - 设置文档中默认文本颜色 face(font_family) - 设置文档中的默 认字体 size(number) - 设置文档默认字体大 小 | <basefont color="red" size="5" /> |
| <body> | 定义文档的主体 | alink(rgb(x,x,x),#xxxxxx,colorname) - 设置文档中活动链接的颜色 background(url) - 设置文档背景图像 bgcolor(rgb(x,x,x),#xxxxxx,colorna me) - 设置文档背景颜色 link(rgb(x,x,x),#xxxxxx,colorname) - 设置文档中未访问链接默认颜色 text(rgb(x,x,x),#xxxxxx,colorname) - 设置文档中所有文档的颜色 vlink(rgb(x,x,x),#xxxxxx,colorname) - 设置文档中已被访问链接的颜色 | <body bgcolor="#E6E6FA"> |
| <frameset cols="20%,*"> | 左右分割,将左边框架分割大小为20%右边框架的大小浏览器会自动调整 | cols(值pixels、%、*) （定义框架集中列的数目和尺寸） | <frame src="frame_a.htm" /> <frame src="frame_b.htm" /> <frame src="frame_c.htm" /> </frameset> |
| <frameset rows="20%,*"> | 上下分割,将上面框架分割大小为20%下面框架的大小浏览器会自动调整 | rows(值:pixels、% 、*) 定义框架集中行的数目和尺寸 | - |
| <frameset cols="20%,*"> | 分割左右两个框架 | - | - |
| <frameset cols="20%,*,20%"> | 分割左中右三个框架 | - | - |
| <frameset rows="20%,*,20%"> | 分割上中下三个框架 | - | - |
| <frame/> | 定义 frameset 中的一个特定的窗口（框架） | frameborder（0、1） - 设置是否显示框架周围的边框 longdesc（URL） - 设置一个包含有关框架内容的长描述的页面 marginheight（pixels） - 设置框架的上方和下方的边距 marginwidth（pixels） - 设置框架的左侧和右侧的边距 name(name) - 设置框架的名称 noresize（noresize） - 设置无法调整框架的大小 scrolling（yes、no、auto） - 设置是否在框架中显示滚动条 src(URL) -设置在框架中显示的文档的 UR | 见上 |
| <head> | 标签用于定义文档的头部，它是所有头部元素的容器，下面这些标签可用在 head 部分：<base>, <link>, <meta>, <script>, <style>, 以及 <title> | - | <head> <title>HTTP&HTML字典表</title> |
| <html>..</html> | 限定了文档的开始点和结束点，在它们之间是文档的头部和主体 | - | - |
| <iframe>...</iframe> | iframe 元素会创建包含另外一个文档的内联框架（即行内框架） | align(left、right、top、middle、bottom) frameborder(1、0) - 是否显示框架周围的边框 height(pixels-像素,默认为空) - 框架高度 longdesc(URL) - 包含一个较长描述页面 marginheight(pixels) - 框架顶部和底部的边距 name - iframe名称 sandbox(""、allow-forms、allow-same-origin、allow-scripts、allow-top-navigation) - 对iframe中内容额外限制(HTML5扩展标签) scrolling(yes、no、auto) - 是否在iframe中显示滚动条 seamless(seamless) - 规定iframe像是包含文档的一部分 (HTML5扩展标签) src(URL) - 规定iframe显示文档的URL srcdoc(HTML代码) - 规定iframe显示页面HTML内容（HTML5扩展标签） width(pixels、%) - 定义iframe宽度 frameborder - 1有边框（默认），0是无边框 | <iframe name="main" id="Main" sr c="main.html" frameborder="false" scrolling="auto" style="border:non e;" width="100%" height="470" allowtransparency="true"> </iframe> |
| <isindex> | 定义查询用窗体，已废弃使用 | - | - |
| <meta> | 可提供有关页面的元信息（meta-information），比如针对搜索引擎和更新频度的描述和关键词 | content(some_text) - 设置与 http-equiv 或 name 属性相关的元信息 http-equiv（content-type、expires、refresh、set-cookie） - 把 content 属性关联到 HTTP 头部 name(author、description、keywords、generator、revised、others) - 把 content 属性关联到一个名称 scheme(some_text) - 设置用于翻译 content 属性值的格式。 | <meta name="keywords" content ="html,jsp"> |
| <noframes> | noframes 元素可为那些不支持框架的浏览器显示文本。noframes 元素位于 frameset 元素内部。 | - | <frameset> <noframes> <body>Your browser can not appoint frames!</body> </noframes> <frame src ="main.htm" /> </frameset> |
| <title> | 设置文档标题 | dir(rtl、ltr) - 设置元素中内容的文本方向 lang(language_code) - 设置元素中内容的语言代码 xml:lang（anguage_code） - 设置XHTML 文档中元素内容的语言代码 | <title>小木人印象</title> |
| <! - - ... - -> | 批注，注释标签用于在源代码中插入注释,注释不会显示在浏览器中 | - | - |
2. 字体标签
标签 | 功能 | 属性(值) | 示例 |
| <big>..</big> | 标签呈现大号字体效果 | - | - |
| <blink> | - | - | |
| <b>...</b> | 粗体字 | - | <b>这是粗体文本</b> |
| <cite>...<cite> | 用于引经据典的文字，标签通常表示它所包含的文本对某个参考文献的引用，比如书籍或者杂志的标题 | - | <cite>《java编程思想》</cite> |
| <code>...</code> | 短语元素,用于列出一段程序代码 | - | - |
| <dfn>...</dfn> | 标记那些对特殊术语或短语的定义，常用斜体放大来显示 | - | - |
| <del>...</del> | 删除线(表示删除) | cite（URL） - 引用网址，定义为何插入的引用网址 datetime（YYYYMMDD） - 插入的时间与日期 title（文本） - 定义插入的目的或提示 | 同上 |
| <em>...</em> | 定义文本为斜体强调的内容 | - | - |
| <font>...</font> | 设置文本的字体、字体颜色、字体尺寸 | color(rgb(x,x,x)、#xxxxxx、colorname) - 设置文本的颜色 face(font_family) - 设置文本字体，把各字体用逗号分隔开的话，浏览器会按从前往后的优先级找到能显示的字体 size（n） - 设置文本大小,n 可以指定1到7的整数。默认值一般为3。也可以像 size="+1" 和 size="-1" 这样指定对比现在文字大小的相对值。用加号（+）的时候一定要用双引号 font-weight(n) - 指定文字的粗细，100～900 的范围内以100为单位 point-size(n) - 用point-size指定文字的大小 | <font size=5>大小为5的文字</font> <font size="+2">比现在大2级的文字</font> <font color="red">红色的文字</font> <font face="Times New Roman">font style</font> 注:一般推荐使用样式表修改外观，如：<p style="color:red; font-size:10pt;">hello world!</p> |
| <h1> ..<h6>.. | 定义标题，h1最大标题，h6为最小 | align(left、center、right、justify) - 设置标题中文本排列 | <h1>标题1</h1> <h2>标题2</h2> <h3>标题3</h3> <h4>标题4</h4> <h5>标题5</h5> <h6>标题6</h6> |
| <i>...</i> | 定义文本斜体效果。 | - | - |
| <ins>...</ins> | ins是inserted text的缩写，插入文本,通常同del标签一起使用，表示被插入与被删除的文本，会有下划线效果显示 | - |
<del title="del url" cite="http://www.xwood.net/"> http://www.xwood.net/old/</del> <ins>http://www.xwood.net/</ins>，原先 <del>http://www.xwood.net/old/</del> 网址已经删除。 </p> |
| <kbd>...</kbd> | 使用者输入的文字，表示文本是从键盘上键入的。它经常用在与计算机相关的文档或手册中 | - | - |
| <listing>...</listing> | 和 <pre> 一样，代码中的空格和换行会直接显示到页面上。和 <xmp> 不同的是， < 需要以 < 的形式记述。 此标签已在 HTML4.0 中废止。之后用 <pre> 标签代替 | - | - |
| <plaintext>...</plaintext> | 和 <pre> 一样，代码中的空格和换行会直接在页面里面显示。如< 和 > 和 & 也会直接显示。 此标签在 HTML3.2 成为非推荐标签，在 HTML4.01 中废止。之后用 <pre> 标签代替 | - | - |
| <strong>...</strong> | 定义文本为粗体语气更强的强调的内容 | - | - |
| <strike>...</strike> | 横线 | ||
| <s>...</s> | 删除线 | ||
| <sub>..</sub> | 设置文本下标 | - | - |
| <sup>..</sup> | 设置文本上标 | - | - |
| <small>..</small> | 显示小字体 | - | - |
| <samp>...</samp> | samp 是 Sample（范例）的缩写。各种程序的代码范例可以用 <samp>～</samp> 括起来 | - | - |
| <tt>...</tt> | 呈现类似打字机或者等宽的文本效果 | - | - |
| <u>...</u> | 文字加底线 | - | - |
| <var>...</var> | var 是 Variable（变量）的缩写。要在文档中说明某个单词是变量或参数的名称时，可以用 <var>～</var> 标签把它括起来。大多数浏览器会显示为斜体 | - | - |
| <xmp>...</xmp> |
| - | <xmp>请尽量不使用<xmp>标签</xmp> |
3. 分区标签
标签 | 功能 | 属性(值) | 示例 |
| <caption>...</caption> | 为表格加上标题，caption 标签必须紧随 table 标签之后 | align(left、right、top、bottom) - 设置标题对齐方式 | <table border="1"> <caption>big title</caption> <tr> <th>title</th> </tr> <tr> <td>content</td> </tr> </table> |
| <dir>...</dir> | dir 是 Directory list（目录列表） 的缩写。和 <menu> 一样用来显示列表，基本上用不到 | - | - |
| <dl>...</dl> | dl 是 Definition List（定义列表）的缩写 | - | <dl> <dt>知识库</dt> <dd>知识库1</dd> <dd>知识库2</dd> <dt>参考书</dt> <dd>参考书1</dd> <dd>参考书2</dd> </dl> |
| <dt> | dt 是 Definition Term（术语）的缩写 | - | 参考<dl>示例 |
| <dd> | dd 是 Definition Description（定义描述）的缩写 | - | 参考<dl>示例 |
| <li>...</li> | li 是 List Item 的缩写。与 <ol> 和 <ul> 标签一起使用以生成列表 | - | - |
| <menu>...</menu> | 和 <dir> 一样用来显示列表，基本上用不到 | - | - |
| <ol>...</ol> | ol 是 Ordered List（有序列表）的缩写 | type(1、a、A、i、I) - 1:1、2、3..;a:a、b、c..;A:A、B、C、D..;i:i、ii、iii、iv...;I:I、II、III、IV、V.. | <ol type=i> <li>知识库</li> <li>在线工具</li> </ol> <ol type=I start=3> <li>知识库</li> <li>在线工具</li> </ol> |
| <p>...</p> | 块级元素,是 Paragraph（段落）的缩写,多次换行 请使用BR,可包含内联元素 | align(center:居中、char:把内容对准指定内容、justify:对行进行伸展，使每行长度相等、left:居左、right:居右) - 单元格内容的对齐方式 | <p>小木人印象 <ul> <li>知识库</li> <li>资源下载</li> <li>留言板</li> </ul> </p> |
| <pre> | pre 是 Preformatted text（预格式化文本） 的缩写。使用此标签可以把代码中的空格和换行直接显示到页面上。但是 < 、 > 和 & 等特殊文字需要用 < 、 > 和 & 的方式记述 | cols(n) - 设置横幅的文字数 width(n) - 横幅宽度 wrap - 使横幅配合浏览器换行 | <pre> if (x > 100) { print "大于100的数"; } </pre> |
| <person>...</person> | 显示人名 | - | - |
| <table>...</table> | 定义 HTML 表格,table 元素由一个或多个 tr、th 或 td 元素组成 | align(left、center、right) - 设定表格相对周围元素的对齐方式 bgcolor(rgb(x,x,x)、#xxxxxx、colorname) - 指定表格的背景颜色 cellpadding(pixels、%) - 设定单元边沿与其内容之间的空白 cellspacing(pixels、%) - 设定单元格之间的空白 frame(void:不显示[默认值];above:上方;below:下方;hsides:上下两边;vsides:左右两边;lhs:左侧[Left Hand Side];rhs:右侧[Right Hand Side];box:上下左右;border:上下左右) - 规定外侧边框的哪个部分是可见的 height(n) - 指定表格高度 hspace(n) - 指定表格周围的横向的空白 vspace(n) - 指定表格周围的纵向的空白 width(n) - 设置表格的宽度 background(URL) - 指定背景图片 rules(none:不显示、groups:组之间、rows：行之间、cols:列之间、all:行与列之间) border(n) - 0是不显示 bordercolor(rgb(x,x,x)、#xxxxxx、colorname) - 边框线的颜色 bordercolordark(同上) - 指定立体边框线的阴暗部分的颜色 bordercolorlight(同上) - 指定立体边框线的明亮部分的颜色 | <table border=0 bgcolor="#000000" cellspacing=0 cellpadding=0> <tr> <td> <table border=0 cellspacing=1 cellpadding=3> <tr bgcolor="#FFFFFF"> <td>AAA</td><td>BBB</td> </tr> <tr bgcolor="#FFFFFF"> <td>CCC</td> <td>DDD</td></tr> </table> </td> </tr> </table> |
| <td>...</td> | Table Data （表格数据）的缩写，标准单元格 | background(URL) - 指定背景图片 rules(none:不显示、groups:组之间、rows：行之间、cols:列之间、all:行与列之间) bordercolor(rgb(x,x,x)、#xxxxxx、colorname) - 边框线的颜色 bordercolor(rgb(x,x,x)、#xxxxxx、colorname) - 边框线的颜色 bordercolordark(同上) - 指定立体边框线的阴暗部分的颜色 bordercolorlight(同上) - 指定立体边框线的明亮部分的颜色 align(center:居中、char:把内容对准指定内容、justify:对行进行伸展，使每行长度相等、left:居左、right:居右) - 单元格内容的对齐方式 valign(baseline:与基线对齐、bottom:下对齐、center:居中、middle:居中、top:上对齐) - 指定单元格内容的垂直对齐方式 height(n) - 指定单元格的高度 width(n) - 指定单元格的宽度 nowrap - 单元格的内容不自动换行 char(char) - 指定用来对齐的指定字符 charoff(n) - 设定被 char 属性指定的文字显示时离单元格左端的偏移量 | - |
| <th>...</th> | 是 Table Header（表头） 的缩写，用来生成表头单元格,大多数浏览器都会在此单元格内使用粗体字并居中对齐 | 同td | - |
| <ul>...</ul> | ul 是 Unordered List（无序列表）的缩写 | type(disc、circle、square) - disc:黑点，circle:白圈，square:方块 | <ul type=square> <li>知识库</li> <li>在线工具</li> </ul> |
4. 表单标签
标签 | 功能 | 属性(值) | 示例 |
| <command>...</command> | 用户能够调用的命令，定义命令按钮（如单选按钮、复选框或按钮）,ie9以上，HTML5标签 | checked(checked) - 定义是否被选中，仅用于radio或checkbox类型 disabled（disabled） - 定义command是否可用 icon(url) - 定义command显示的图像url label(text) - 为 command 定义可见的 label。 radiogroup(groupname) -设置command 所属的组名。仅在类型为 radio 时使用。 type(checkbox、command、radio) - 设置该 command 的类型。默认是 "command"。 | <menu> <command onclick="alert('Hello')"> hello</command> |
| <form> | 表单标签 | name - 定义表单的名称 method(get|post) - 定义表单结果从浏览器传送到服务器的方式,默认参数值为：get; action(url) - 用来指定表单提供后台服务响应地址 | <form name="form_name" action="url" method="get|post">…</form> |
| <input/> | 作为表单的显示输入框、按钮等各种输入信息元素,通过属性type值的不同,可以产生不同类型控件 | type(text|password|button|submit|reset|radio|checkbox|file) | 见下 |
| <input type="text"/> | 定义单行文本输入框 | name - 定义文本框的名称 size(n) - 定义文本框的宽度，单位是单个字符宽度 maxlength - 定义最多输入的字符数 value - 定义文本框的初始值 | <input type="text" name="text1" size="20" maxlength="100" value="abcdef" /> 效果: 账号 |
| <input type="password"/> | 密码框显示内容均以'*'表示，以保证密码的安全性 | - | <input type="password" name="pws" size="20" maxlength="20" value="123456" /> 效果: 密码 |
| <input type="button"/> | 输入项输入的是普通按钮 | - | <input type="button" value="普通按钮" name="btnTest"> 效果: |
| <input type="submit"/> | 可以将表单包含的信息提交给action处理响应后台 | - | <input type="submit" value="提交"/> 效果: |
| <input type="reset"/> | 可以将表单的输入值变回最开始默认值 | - | <input type="reset" value="重置"/> 效果: |
| <input type="file"/> | 文件输入框，选择文件在硬盘中的路径，再通过表单上传 | - | <input type="file" /> 效果: |
| <input type="checkbox"/> | 复选框 | checked - 表示此项默认选中 value - 选中后传递到服务端的值 name - 复选框名称 | <input type=“checkbox” name=“c1” checked /> 效果:复选框 |
| <input type="radio"/> | 单选框，拥有相同name属性的单选框为同一组。组里只能同时选中一个选项 | 属性同checkbox | <input type="radio" name="r1" checked> 效果：选项1 |
| <input type="hidden"/> | 隐藏元素，界面不显示，用来存储与传递表单的值 | - | <input type="hidden" name="h1" value="123" /> |
| <input type="image"/> | 图片按钮，点击时会提交鼠标点击图片的坐标（name.x=横坐标值;name.y=纵坐标值） | - | <input type="image" name="img1" src="/images/xwood_logo_well.gif" /> 效果: |
| <input type="number"/> | HTML5追加类型，用来输入数值 | - | |
| <input type="range"/> | HTML5 追加的类型，用来输入数值 | - | |
| <input type="search"/> | HTML5追加的类型，用来输入搜索字符串 | - | |
| <option>..</option> | 对象代表 Select下拉列表中的一个选项 | disabled - 使此选项无法选择 label - 设置选项的显示内容，将代替 option里的内容在画面上显示 selected - 此选项被选中 value - 设置选项的值 | <select> <option>知识库</option> <option>在线工具</option> </select> |
| <select>...</select> | 下拉列表,其中选项都用 <option> 表示 | align(left/center/right) - 文本横向对齐方式 disabled - 使此元素无效，变成无法输入状态 multiple - 设置可选择复数行的项目 size(n) - 设置页面上显示选择项目的行数，通常为 1 | - |
| <textarea>..</textarea> | 可输入复数行的文本框,之间的文本为输入框默认值 | align(left/center/right) - 文本横向对齐方式 cols(n) - 宽度 rows(n) - 高度 accessKey(a~z) - 设置快捷键，需要使用“Alt + accessKey ”组合使用 disabled(true/false) - 设置是否被禁用 defaultValue -设置初始内容 readonly - 只读不能输入内容 id - 标示textarea name - 标示名称 tabIndex - 设置在表单中tab 键控制次序 value -设置返回文本框内容 | <textarea name="ta" cols=20 rows=2> 请输入您的留言 </textarea> |
5．marquee标签
标签 | 功能 | 属性(值) | 示例 |
| <marquee scrollAmount=2 width=200>欢迎光临小木人印象网!</marquee> | 简单滚动字幕效果 | scrollAmount - 滚动速度，默认为6，建议1~3较好 width和height - 滚动区域的大小，如是垂直滚动，一定要设height的值 direction（right、down、up） - 滚动方向，默认是从右向左←← scrollDelay - 控制速度，默认是90，值越大越慢 behavior（alternate、slide） - 控制属性，默认为循环滚动 | |
| <marquee scrollAmount=2 width=200><a href=http://www.xwood.net>欢迎光临小木人印象网！</a></marquee> | 带有超链接的滚动效果，直接在文字外面加上<a href=***>和</a>就可以了 | - | |
| <marquee scrollAmount=2 width=200 onmouseover=stop() onmouseout=start()>欢迎光临小木人印象网！</marquee> | 带悬停效果滚屏，当鼠标停留在文字上，文字停止滚动 | - | |
| <marquee scrollAmount=2 width=99 behavior=alternate>欢迎光临小木人印象网！</marquee> | 交替效果的滚屏字幕 | - | |
| <marquee scrollAmount=2 width=200 height=80 direction=up> 1. 知识库<br/> 2. 资源下载<br/> </marquee> | 多行文本向上滚动字幕 | - |
6. 换行标签
标签 | 功能 | 属性(值) | 示例 |
| <br/> | 换行（Break）的缩写，空标签 | - | <br/>，错误写法”<br></br>“ |
| <center> | 向中对齐，对其所包括的文本进行水平居中 | - | - |
| <hr/> | Horizontal Rule（水平线）的缩写，水平线 | size - 线的高度（厚度） align（left、center、right） - 显示位置 color - 线的颜色 width - 线的长度 noshade - 没有阴影的平面的线 | - |
| <nobr>...</nobr> | No Break 的缩写，禁止换行，通常在浏览器上显示的文档会在到达浏览器的横幅底端时自动换行 | - | - |
| <p>...</p> | Paragraph（段落）的缩写 | - | - |
7. 链接标签
标签 | 功能 | 属性(值) | 示例 |
| <a href target> | 指定超级链接的分割窗口 | target（_blank|_parent|_self|_top|） - 规定在何处打开链接文档 | - |
| <a href=#锚的名称> | 指定锚名称的超级链接 | - | <a href="http://xwood.net/_site_d omain_/_root/5870/5874/t_c25620 6.html#mao1">url#mao1</a> |
| <a href> | 指定超级链接 | charset("utf-8"、“gbk”、“gb2312”..) - 设置链接文档字符集 href(URL) - 指向页面的URL rel（text） - 规定当前文档与被链接文档间关系 target(_blank、_parent、_self、_top、framename) - 设置何处打开链接文档 type(MIME_TYPE) -设置被链接文档的MIME类型 coords - 设定链接坐标（HTML5不支持） download(filename) - 设置被下载超链接目标（HTML5） hreflang("en" - 双字母的语言代码)(HTML5) media（media_query） - 设置链接文档为何种媒介/设备优化的（HTML5） shape(default、rect、circle、poly) - 设置链接的形状（HTML5不支持） | <a href="http://www.xwood.net"> xwood</a> |
| <a name=锚的名称> | 被连结点的名称 | name - 定义锚点名称（HTML5不支持） | - |
| <address>....</adress> | 用来显示电子邮箱地址 | - | <address> <a href=mailto:info@w3chtml.com>用户服务信箱</a> </address> |
| <base> | 设置页面上的所有链接规定默认地址或默认目标，包括 <a>、<img>、<link>、<form> 标签中的 URL | href(URL) - 设置页面中所有相对链接的基准 URL target( _blank、_parent、_self、_top、framename) - 在何处打开链接内容 | <base href="http://www.xwood.net/"/> <base target="_blank" /> |
| <base href=地址> | (预设好连结路径) |
8. 图像/音乐标签
标签 | 功能 | 属性(值) | 示例 |
| <bgsound src> | 加入背景音乐 | balance(-10000~10000) -设置左右声道的音量平衡，取值范围-10000~10000 loop(loop) - 设置播放次数，当指定为infinite或-1时无线循环播放 src(URL) - 指定音乐文件位置，支持*.wav、*.au、*.mid、*.aif等格式 volume(-10000~0) - 设置音量大小，范围-10000~0，0是最大音量 | <bgsound loop="infinite" src="xx x.mid"> |
| <img src=图片地址> | Image（图像）的缩写， | src - 属性用来指定图像的路径 lowsrc - 设定分辩率比较低的图片 width（n） - 设置图片宽度 height（n） - 设置图片的高度 vspace（n） - 设定图像周围纵向的空白 hspace(n) - 设定图像周围横向的空白 border(n) - 设置图像周围的边框线的粗细 alt - 设置或返回无法显示图像时的替代文本 name - 设置或返回图像的名称 align - 设置或返回与内联内容的对齐方式 id - 设置或返回图像的 id complete - 返回浏览器是否已完成对图像的加载 | <img src="/images/xwood_logo_well.gif" title="小木人印象LOGO"></img> |
补充说明
1. 块元素（block element）：像<p>或<h1>这种，在显示时，后面会自动换行的元素叫做块元素
P / H1 / H2 / H3 / h4 / H5 / H6 / UL / OL / DIR / MENU / PRE / DL / DIV / CENTER / NOSCRIPT /
NOFRAMES / BLOCKQUOTE / FORM / ISINDEX / HR / TABLE / FIELDSET / ADDRESS / MULTICOL
2. 内联元素（inline element）：像<b>或<a>这种，前后不会自动换行的元素叫做内联元素
TT / I / B / U / S / STRIKE / BIG / SMALL / EM / STRONG / DFN / CODE / SAMP / KBD / VAR /
CITE / ABBR / ACRONYM / A / IMG / APPLET / OBJECT / FONT / BASEFONT/ BR / SCRIPT /
MAP / Q / SUB / SUP / SPAN / BDO / IFRAME / INPUT / SELECT / TEXTAREA / LABEL /
BUTTON / BLINK / EMBED / LAYER / ILAYER / NOLAYER / NOBR / WBR / RUBY / RB / RP / RT / SPACER