查看完整版本: 常用HTML代码速查表

qianhong 2008-11-6 14:15

常用HTML代码速查表

<div style="FONT-SIZE: 35pt; FILTER: shadow(color=#800000); WIDTH: 100%; COLOR: #FFEBCD; LINE-HEIGHT: 150%; FONT-FAMILY: 隶书">
|G:d(o aNsU <p align="center">常用HTML代码速查表</p></div><br><br>
KW){:O X#x4L6f[Z <table cellspacing="0" bordercolordark="#ffffff" cellpadding="4" width="540" bordercolorlight="#479128" border="1" frame="hsides"><tbody><tr><td width="25%" style="font-size:20pt; color:blue"><b>标记或参数</b></td><td width="75%"style="font-size:20pt; color:blue"><b>定 义</b></td></tr>PR.wge4Jk&[y.d
<tr><td style="font-size:15pt; color:blue"><b>&lt;A&gt;</b></td><td style="font-size:15pt; color:blue"><b>连结标记</b></td></tr><tr><td style="font-size:15pt; color:blue"><b>&lt;ADDRESS&gt;</b></td><td style="font-size:15pt; color:blue"><b>地址标记(斜体效果)</b></td></tr><tr><td style="font-size:15pt; color:blue"><b>&lt;AREA&gt;</b></td><td style="font-size:15pt; color:blue"><b>连结区域标记(设定各连结区域)</b></td></tr><tr><td style="font-size:15pt; color:blue"><b>alink</b></td><td style="font-size:15pt; color:blue"><b>点击连结时的样式。例:alink="#FF0000" </b></td></tr><tr><td style="font-size:15pt; color:blue"><b>align</b></td><td style="font-size:15pt; color:blue"><b>水平方向摆放位置。例:align="center"</b></td></tr><tr><td style="font-size:15pt; color:blue"><b>alternate</b></td><td style="font-size:15pt; color:blue"><b>来回走动,例:behavior=alternate</b></td></tr><tr><td style="font-size:15pt; color:blue"><b>alt</b></td><td style="font-size:15pt; color:blue"><b>在连结中插入文字说明。例:alt="点击图片放大"</b></td></tr>g5\(S!]:d&vL
<tr><td style="font-size:15pt; color:blue"><b>&lt;B&gt;</b></td>
+CEA Ze Gf4V <td style="font-size:15pt; color:blue"><b>字体加粗标记(产生字体加粗的效果)</b></td></tr><tr><td style="font-size:15pt; color:blue"><b>&lt;BODY&gt;</b></td><td style="font-size:15pt; color:blue"><b>正文标记(设计文件格式及内文所在)</b></td></tr><tr><td style="font-size:15pt; color:blue"><b>&lt;BR&gt;</b></td><td style="font-size:15pt; color:blue"><b>换行标记(令文字、图片等显示在下一行)</b></td></tr><tr><td style="font-size:15pt; color:blue"><b>&lt;BIG&gt;</b></td><td style="font-size:15pt; color:blue"><b>字体加大标记(令字体稍为加大)</b></td></tr><tr><td style="font-size:15pt; color:blue"><b>&lt;BLINK&gt;</b></td><td style="font-size:15pt; color:blue"><b>闪烁文字标记(令文字产生闪烁效果)</b></td></tr><tr><td style="font-size:15pt; color:blue"><b>&lt;BGSOUND&gt;</b></td><td style="font-size:15pt; color:blue"><b>背景声音标记(于背景播放声音或音乐)</b></td></tr><tr><td style="font-size:15pt; color:blue"><b>&lt;BASE&gt;</b></td><td style="font-size:15pt; color:blue"><b>连结基准标记(可将网页中所有的相对路径转换成绝对路径)</b></td></tr><tr><td style="font-size:15pt; color:blue"><b>&lt;BASEFONT&gt;</b></td><td style="font-size:15pt; color:blue"><b>基准字形标记(设定所有字的字形、大小、颜色)</b></td></tr><tr><td style="font-size:15pt; color:blue"><b>&lt;BLOCKQUOTE&gt;</b></td><td style="font-size:15pt; color:blue"><b>引述文字区块、令文字在表格的上下左右留有一定的空间</b></td></tr><tr><td style="font-size:15pt; color:blue"><b>background</b></td><td style="font-size:15pt; color:blue"><b>背景墙纸。例:background=01.JPG</b></td></tr><tr><td style="font-size:15pt; color:blue"><b>bgcolor</b></td><td style="font-size:15pt; color:blue"><b>背景颜色。例:bgcolor="#ff0000"</b></td></tr><tr><td style="font-size:15pt; color:blue"><b>bgproperties</b></td><td style="font-size:15pt; color:blue"><b>固定背景墙纸。例:bgproperties="fixed"</b></td></tr><tr><td style="font-size:15pt; color:blue"><b>border</b></td><td style="font-size:15pt; color:blue"><b>边框。例:border=10</b></td></tr><tr><td style="font-size:15pt; color:blue"><b>bordercolor</b></td><td style="font-size:15pt; color:blue"><b>边框颜色。例:bordercolor="#000080"</b></td></tr><tr><td style="font-size:15pt; color:blue"><b>bordercolorlight</b></td><td style="font-size:15pt; color:blue"><b>边框向光部分的颜色。例:bordercolorlight="#000000"</b></td></tr><tr><td style="font-size:15pt; color:blue"><b>bordercolordark</b></td><td style="font-size:15pt; color:blue"><b>边框背光部分的颜色。例:bordercolordark="#ffffff"</b></td></tr><tr><td style="font-size:15pt; color:blue"><b>bottom</b></td><td style="font-size:15pt; color:blue"><b>置于底端。例:valign="bottom"</b></td></tr><tr><td style="font-size:15pt; color:blue"><b>behavior</b></td><td style="font-size:15pt; color:blue"><b>卷动方式。例:behavior=alternate</b></td></tr><tr><td style="font-size:15pt; color:blue"><b>_blank</b></td><td style="font-size:15pt; color:blue"><b>表示连结的目标地址在新建窗口中打开。例:target=_blank</b></td></tr>1O fU(Yh+_l E&U
<tr><td style="font-size:15pt; color:blue"><b>&lt;CENTER&gt;</b></td><td style="font-size:15pt; color:blue"><b>居中标记(令文字、图片、表格等显示于中间)</b></td></tr><tr><td style="font-size:15pt; color:blue"><b>&lt;CAPTION&gt;</b></td><td style="font-size:15pt; color:blue"><b>表格标题(做成一打通列以填入表格标题)</b></td></tr><tr><td style="font-size:15pt; color:blue"><b>&lt;CODE&gt;</b></td><td style="font-size:15pt; color:blue"><b>程式码(字体稍为加宽如<tt>)</tt></b></td></tr><tr><td style="font-size:15pt; color:blue"><b>&lt;CITE&gt;</b></td><td style="font-size:15pt; color:blue"><b>引述(斜体效果)</b></td></tr><tr><td style="font-size:15pt; color:blue"><b>colspan</b></td><td style="font-size:15pt; color:blue"><b>该单元格向右打通。例:colspan="5"</b></td></tr><tr><td style="font-size:15pt; color:blue"><b>color</b></td><td style="font-size:15pt; color:blue"><b>颜色。例:color="#00FF00"</b></td></tr><tr><td style="font-size:15pt; color:blue"><b>cellspacing</b></td><td style="font-size:15pt; color:blue"><b>单元格间距。例:cellspacing="5"</b></td></tr><tr><td style="font-size:15pt; color:blue"><b>cellpadding</b></td><td style="font-size:15pt; color:blue"><b>单元格衬距。例:cellpadding="10"</b></td></tr>1w5UV:CF%C
<tr><td style="font-size:15pt; color:blue"><b>&lt;DIV&gt;</b></td><td style="font-size:15pt; color:blue"><b>区域标记</b></td></tr><tr><td style="font-size:15pt; color:blue"><b>&lt;DFN&gt;</b></td><td style="font-size:15pt; color:blue"><b>述语定义标记(斜体效果)</b></td></tr><tr><td style="font-size:15pt; color:blue"><b>&lt;DIR&gt;</b></td><td style="font-size:15pt; color:blue"><b>目录清单标记(清单项目将以圆点排列,如&lt;UL&gt;)</b></td></tr><tr><td style="font-size:15pt; color:blue"><b>&lt;DL&gt;</b></td><td style="font-size:15pt; color:blue"><b>定义清单标记(清单分两层出现)</b></td></tr><tr><td style="font-size:15pt; color:blue"><b>&lt;DT&gt;</b></td><td style="font-size:15pt; color:blue"><b>定义条目标记(标示该项定义的标题)</b></td></tr><tr><td style="font-size:15pt; color:blue"><b>&lt;DD&gt;</b></td><td style="font-size:15pt; color:blue"><b>定义内容标记(标示定义内容)</b></td></tr><tr><td style="font-size:15pt; color:blue"><b>direction</b></td><td style="font-size:15pt; color:blue"><b>方向。例:direction=up</b></td></tr>1t6uE~5r%pH
<tr><td style="font-size:15pt; color:blue"><b>&lt;EM&gt;</b></td><td style="font-size:15pt; color:blue"><b>强调标记(字体出现斜体效果)</b></td></tr><tr><td style="font-size:15pt; color:blue"><b>&lt;EMBED&gt;</b></td><td style="font-size:15pt; color:blue"><b>多媒体标记</b></td></tr> ^+p'U%KE5f0w1t'R"A
<tr><td style="font-size:15pt; color:blue"><b>&lt;FONT&gt;</b></td><td style="font-size:15pt; color:blue"><b>字形标记</b></td></tr><tr><td style="font-size:15pt; color:blue"><b>&lt;FORM&gt;</b></td><td style="font-size:15pt; color:blue"><b>表单标记(决定单一表单的运作模式)</b></td></tr><tr><td style="font-size:15pt; color:blue"><b>&lt;FRAME&gt;</b></td><td style="font-size:15pt; color:blue"><b>框窗属性标记(设定框窗内的参数属性)</b></td></tr><tr><td style="font-size:15pt; color:blue"><b>&lt;FRAMESET&gt;</b></td><td style="font-size:15pt; color:blue"><b>框架标记(设定框架、宣告HTML文件为框架模式)</b></td></tr><tr><td style="font-size:15pt; color:blue"><b>frameborder</b></td><td style="font-size:15pt; color:blue"><b>框架的边框厚度。例:frameborder=0</b></td></tr><tr><td style="font-size:15pt; color:blue"><b>framespacing</b></td><td style="font-size:15pt; color:blue"><b>框架与框架之间保留空白的距离。例:framespacing="0"</b></td></tr><tr><td style="font-size:15pt; color:blue"><b>face</b></td><td style="font-size:15pt; color:blue"><b>字体。例:face="黑体"</b></td></tr><tr><td style="font-size:15pt; color:blue"><b>fixed</b></td><td style="font-size:15pt; color:blue"><b>固定。例:bgproperties="fixed"</b></td></tr><tr><td style="font-size:15pt; color:blue"><b>false</b></td><td style="font-size:15pt; color:blue"><b>否。例:loop="false"</b></td></tr>
*s,H9mz/m <tr><td style="font-size:15pt; color:blue"><b>&lt;HTML&gt;</b></td><td style="font-size:15pt; color:blue"><b>声明这是 HTML 文件,让浏览器认出并正确处理此 HTML 文件。</b></td></tr><tr><td style="font-size:15pt; color:blue"><b>&lt;HEAD&gt;</b></td><td style="font-size:15pt; color:blue"><b>开头标记(提供文件整体资讯)</b></td></tr><tr><td style="font-size:15pt; color:blue"><b>&lt;HR&gt;</b></td><td style="font-size:15pt; color:blue"><b>水平线(插入一条水平线)</b></td></tr><tr><td style="font-size:15pt; color:blue"><b>&lt;H1&gt;</b></td><td style="font-size:15pt; color:blue"><b>一级标题标记(变粗变大加宽,程度与级数反比)</b></td></tr><tr><td style="font-size:15pt; color:blue"><b>&lt;H2&gt;</b></td><td style="font-size:15pt; color:blue"><b>二级标题标记(将字体变粗变大加宽)</b></td></tr><tr><td style="font-size:15pt; color:blue"><b>&lt;H3&gt;</b></td><td style="font-size:15pt; color:blue"><b>三级标题标记(将字体变粗变大加宽)</b></td></tr><tr><td style="font-size:15pt; color:blue"><b>&lt;H4&gt;</b></td><td style="font-size:15pt; color:blue"><b>四级标题标记(将字体变粗变大加宽)</b></td></tr><tr><td style="font-size:15pt; color:blue"><b>&lt;H5&gt;</b></td><td style="font-size:15pt; color:blue"><b>五级标题标记(将字体变粗变大加宽)</b></td></tr><tr><td style="font-size:15pt; color:blue"><b>&lt;H6&gt;</b></td><td style="font-size:15pt; color:blue"><b>六级标题标记(将字体变粗变大加宽)</b></td></tr><tr><td style="font-size:15pt; color:blue"><b>height</b></td><td style="font-size:15pt; color:blue"><b>高度。例:height="100"</b></td></tr><tr><td style="font-size:15pt; color:blue"><b>hspace</b></td><td style="font-size:15pt; color:blue"><b>图片左右的空间。例:hspace=10</b></td></tr><tr><td style="font-size:15pt; color:blue"><b>href</b></td><td style="font-size:15pt; color:blue"><b>连结。例:href="01.htm"</b></td></tr>~t8fga
<tr><td style="font-size:15pt; color:blue"><b>&lt;I&gt;</b></td><td style="font-size:15pt; color:blue"><b>斜体标记(字体出现斜体效果)</b></td></tr><tr><td style="font-size:15pt; color:blue"><b>&lt;IMG&gt;</b></td><td style="font-size:15pt; color:blue"><b>图形标记(用以插入图形及设定图形属性)</b></td></tr><tr><td style="font-size:15pt; color:blue"><b>&lt;IFRAME&gt;</b></td><td style="font-size:15pt; color:blue"><b>框架标记(于网页中插入框架)</b></td></tr><tr><td style="font-size:15pt; color:blue"><b>&lt;INPUT&gt;</b></td><td style="font-size:15pt; color:blue"><b>输入标记(决定输入形式)</b></td></tr><tr><td style="font-size:15pt; color:blue"><b>&lt;ISINDEX&gt;</b></td><td style="font-size:15pt; color:blue"><b>页内寻找器(可输入关键字寻找于该一页)</b></td></tr><tr><td style="font-size:15pt; color:blue"><b>infinite</b></td><td style="font-size:15pt; color:blue"><b>重复播放。例:loop=infinite </b></td></tr><tr><td style="font-size:15pt; color:blue"><b>&lt;KBD&gt;</b></td><td style="font-size:15pt; color:blue"><b>键盘字(字体稍为加宽,单一空白)</b></td></tr>
z B'J][pcKK V:@ <tr><td style="font-size:15pt; color:blue"><b>&lt;LI&gt;</b></td><td style="font-size:15pt; color:blue"><b>清单项目标记(每一标记标示一项清单项目)</b></td></tr><tr><td style="font-size:15pt; color:blue"><b>&lt;LINK&gt;</b></td><td style="font-size:15pt; color:blue"><b>关系定义标记(将目前文件与其它 URL 作连结)</b></td></tr><tr><td style="font-size:15pt; color:blue"><b>link</b></td><td style="font-size:15pt; color:blue"><b>一般情况下的连结样式。例:link="#FF0000"</b></td></tr><tr><td style="font-size:15pt; color:blue"><b>leftmargin</b></td><td style="font-size:15pt; color:blue"><b>网页的左边距大小。例:leftmargin=0</b></td></tr><tr><td style="font-size:15pt; color:blue"><b>lowsrc</b></td><td style="font-size:15pt; color:blue"><b>预载图片(先显示低解像图片)。例:&lt;IMG LOWSRC&gt;</b></td></tr><tr><td style="font-size:15pt; color:blue"><b>left</b></td><td style="font-size:15pt; color:blue"><b>左边。例:align="left"</b></td></tr><tr><td style="font-size:15pt; color:blue"><b>loop</b></td><td style="font-size:15pt; color:blue"><b>反覆播放。例:loop=infinite</b></td></tr>
Baj&uc['j <tr><td style="font-size:15pt; color:blue"><b>&lt;MENU&gt;</b></td><td style="font-size:15pt; color:blue"><b>选单清单标记(清单项目将以圆点排列,如&lt;UL&gt;)</b></td></tr><tr><td style="font-size:15pt; color:blue"><b>&lt;META&gt;</b></td><td style="font-size:15pt; color:blue"><b>开头定义标记</b></td></tr><tr><td style="font-size:15pt; color:blue"><b>&lt;MAP&gt;</b></td><td style="font-size:15pt; color:blue"><b>影像地图名称标记(设定影像地图名称)</b></td></tr><tr><td style="font-size:15pt; color:blue"><b>&lt;MARQUEE&gt;</b></td><td style="font-size:15pt; color:blue"><b>走动标记</b></td></tr><tr><td style="font-size:15pt; color:blue"><b>middle</b></td><td style="font-size:15pt; color:blue"><b>居中。例:align="middle"</b></td></tr><tr><td style="font-size:15pt; color:blue"><b>marginwidth</b></td><td style="font-size:15pt; color:blue"><b>框架左右边缘与框架内的文件保留的空间。例:marginwidth=0</b></td></tr><tr><td style="font-size:15pt; color:blue"><b>marginhight</b></td><td style="font-size:15pt; color:blue"><b>框架上下边缘与框架内的文件保留的空间。例:marginheight=0</b></td></tr>
:_)f:S'Af3Be$G-k <tr><td style="font-size:15pt; color:blue"><b>&lt;NOBR&gt;</b></td><td style="font-size:15pt; color:blue"><b>不换行标记(强制文字不自动换行)</b></td></tr><tr><td style="font-size:15pt; color:blue"><b>&lt;NOFRAMES&gt;</b></td><td style="font-size:15pt; color:blue"><b>不支持框架标记(当旧式浏览器不支援框架时显示提示)</b></td></tr><tr><td style="font-size:15pt; color:blue"><b>name</b></td><td style="font-size:15pt; color:blue"><b>参考点(锚点)。例:&lt;a name="#123"&gt;&lt;/a&gt;</b></td></tr><tr><td style="font-size:15pt; color:blue"><b>no</b></td><td style="font-size:15pt; color:blue"><b>否。例:scrolling=no</b></td></tr><tr><td style="font-size:15pt; color:blue"><b>noshade</b></td><td style="font-size:15pt; color:blue"><b>平面显示。例:&lt;hr noshade&gt;</b></td></tr><tr><td style="font-size:15pt; color:blue"><b>noresize</b></td><td style="font-size:15pt; color:blue"><b>锁住框架窗口的大小</b></td></tr>
h&I6Lv;r <tr><td style="font-size:15pt; color:blue"><b>&lt;OL&gt;</b></td><td style="font-size:15pt; color:blue"><b>顺序清单标记(清单项目将以数字、字母顺序排列)</b></td></tr><tr><td style="font-size:15pt; color:blue"><b>&lt;OPTION&gt;</b></td><td style="font-size:15pt; color:blue"><b>选项标记(每一标记标示一个选项)</b></td></tr>
o1r:St4PI <tr><td style="font-size:15pt; color:blue"><b>&lt;P&gt;</b></td><td style="font-size:15pt; color:blue"><b>段落标记(为字、画、表格等之间留一空白行)</b></td></tr><tr><td style="font-size:15pt; color:blue"><b>&lt;PRE&gt;</b></td><td style="font-size:15pt; color:blue"><b>预设格式标记(令文件按照原始码的排列方式显示)</b></td></tr><tr><td style="font-size:15pt; color:blue"><b>_parent</b></td><td style="font-size:15pt; color:blue"><b>父窗口(连结的目标网页在本窗口中打开)。例:target=_parent</b></td></tr><tr><td style="font-size:15pt; color:blue"><b>playbutton</b></td><td style="font-size:15pt; color:blue"><b>在媒体播放面板中显示播放按钮</b></td></tr><tr><td style="font-size:15pt; color:blue"><b>pausecutton</b></td><td style="font-size:15pt; color:blue"><b>在媒体播放面板中显示暂停按钮</b></td></tr>
jA8L1Wm4? <tr><td style="font-size:15pt; color:blue"><b>right</b></td><td style="font-size:15pt; color:blue"><b>居右。例:align="right"</b></td></tr><tr><td style="font-size:15pt; color:blue"><b>rows</b></td><td style="font-size:15pt; color:blue"><b>横向分割的宽度。例:rows=30%,70%</b></td></tr><tr><td style="font-size:15pt; color:blue"><b>rowspan</b></td><td style="font-size:15pt; color:blue"><b>向下(单元格向下打通)。例:rowspan="2"</b></td></tr>
0baS3KD <tr><td style="font-size:15pt; color:blue"><b>&lt;small&gt;</b></td><td style="font-size:15pt; color:blue"><b>
r?'] ?O8N 字体缩小标记(令字体稍为缩小)。</b></td></tr>
*b!R0Z5tAC <tr><td style="font-size:15pt; color:blue"><b>&lt;textarea&gt;</b></td><td style="font-size:15pt; color:blue"><b>设有卷轴的纯文本框,抑制HTML代码显示源代码。</b></td></tr>.xWQR2^q
<tr><td style="font-size:15pt; color:blue"><b>&lt;u&gt;</b></td><td style="font-size:15pt; color:blue"><b>下划线字体</b></td></tr>0K0WRe_I
<tr><td style="font-size:15pt; color:blue"><b>&lt;xmp&gt;</b></td><td style="font-size:15pt; color:blue"><b>抑制HTML代码,使代码变成纯文字源代码。</b></td></tr>!n U/r1H"_'f1e/U:m;m
</tbody></table>k-zL9v%bBP \
<br><br><br>
'p6wl7i*y/TTs /in S3D0\B
[[i] 本帖最后由 qianhong 于 2008-11-6 14:28 编辑 [/i]]

边城浪子 2008-11-9 19:41

很好的学习资料,谢谢分享,辛苦了

lane_lm 2009-2-10 16:15

这个东西对生手太实用了,^_^

梦婵 2009-2-19 09:30

谢谢提供!谢谢分享!!辛苦了!顶!!!

易水 2010-10-29 21:29

很有用,谢谢楼主的分享,辛苦了。

iiio051031448 2011-2-24 22:55

这个太实用了

我的留下来
页: [1]
查看完整版本: 常用HTML代码速查表