|
lei0523lei
磊磊 贵宾
 
|
1#
大 中
小 发表于 2007-6-14 17:26 只看该作者
加入IE收藏 | 加入到:
[ 新浪ViVi]
[ 百度搜藏]
[ QQ书签]
HTML代码参考知识
一、特殊符号略表：
|
HTML 原始码 |
显示结果 |
描述 |
|
< |
< |
小於号或显示标记 |
|
> |
> |
大於号或显示标记 |
|
& |
& |
用於显示其它特殊字符 |
|
" |
" |
引号 |
|
® |
® |
己注册 |
| 标记 |
类型 |
译名或意义 |
作 用 |
备注 |
| 文件标记 |
| <HTML> |
● |
文件声明 |
让浏览器知道这是 HTML 文件 |
|
| <HEAD> |
● |
开头 |
提供文件整体资讯 |
|
| <TITLE> |
● |
标题 |
定义文件标题，将显示于浏览顶端 |
|
| <BODY> |
● |
本文 |
设计文件格式及内文所在 |
|
| 排版标记 |
| <!--注解--> |
○ |
说明标记 |
为文件加上说明，但不被显示 |
|
| <P> |
○ |
段落标记 |
为字、画、表格等之间留一空白行 |
|
| <BR> |
○ |
换行标记 |
令字、画、表格等显示于下一行 |
|
| <HR> |
○ |
水平线 |
插入一条水平线 |
|
| <CENTER> |
● |
居中 |
令字、画、表格等显示于中间 |
反对 |
| <PRE> |
● |
预设格式 |
令文件按照原始码的排列方式显示 |
|
| <DIV> |
● |
区隔标记 |
设定字、画、表格等的摆放位置 |
|
| <STRONG> |
● |
加重语气 |
产生字体加粗 Bold 的效果 |
|
| <B> |
● |
粗体标记 |
产生字体加粗的效果 |
|
| <EM> |
● |
强调标记 |
字体出现斜体效果 |
|
| <I> |
● |
斜体标记 |
字体出现斜体效果 |
|
| <TT> |
● |
打字字体 |
Courier字体，字母宽度相同 |
|
| <U> |
● |
加上底线 |
加上底线 |
反对 |
| <H1> |
● |
一级标题标记 |
变粗变大加宽，程度与级数反比 |
|
| <H2> |
● |
二级标题标记 |
将字体变粗变大加宽 |
|
| <H3> |
● |
三级标题标记 |
将字体变粗变大加宽 |
|
| <H4> |
● |
四级标题标记 |
将字体变粗变大加宽 |
|
| <H5> |
● |
五级标题标记 |
将字体变粗变大加宽 |
|
| <H6> |
● |
六级标题标记 |
将字体变粗变大加宽 |
|
| <FONT> |
● |
字形标记 |
设定字形、大小、颜色 |
反对 |
| <BASEFONT> |
○ |
基准字形标记 |
设定所有字形、大小、颜色 |
反对 |
| <BIG> |
● |
字体加大 |
令字体稍为加大 |
|
| <SMALL> |
● |
字体缩细 |
令字体稍为缩细 |
|
| <STRIKE> |
● |
画线删除 |
为字体加一删除线 |
反对 |
| <CODE> |
● |
程式码 |
字体稍为加宽如<TT> |
|
| <KBD> |
● |
键盘字 |
字体稍为加宽，单一空白 |
|
| <SAMP> |
● |
范例 |
字体稍为加宽如<TT> |
|
| <VAR> |
● |
变数 |
斜体效果 |
|
| <CITE> |
● |
传记引述 |
斜体效果 |
|
| <BLOCKQUOTE> |
● |
引述文字区块 |
缩排字体 |
|
| <DFN> |
● |
述语定义 |
斜体效果 |
|
| <ADDRESS> |
● |
地址标记 |
斜体效果 |
|
| 清单标记 |
| <OL> |
● |
顺序清单 |
清单项目将以数字、字母顺序排列 |
|
| <UL> |
● |
无序清单 |
清单项目将以圆点排列 |
|
| <LI> |
○ |
清单项目 |
每一标记标示一项清单项目 |
|
| <MENU> |
● |
选单清单 |
清单项目将以圆点排列，如<UL> |
反对 |
| <DIR> |
● |
目录清单 |
清单项目将以圆点排列，如<UL> |
反对 |
| <DL> |
● |
定义清单 |
清单分两层出现 |
|
| <DT> |
○ |
定义条目 |
标示该项定义的标题 |
|
| <DD> |
○ |
定义内容 |
标示定义内容 |
|
| 表格标记 |
| <TABLE> |
● |
表格标记 |
设定该表格的各项参数 |
|
| <CAPTION> |
● |
表格标题 |
做成一打通列以填入表格标题 |
|
| <TR> |
● |
表格列 |
设定该表格的列 |
|
| <TD> |
● |
表格栏 |
设定该表格的栏 |
|
| <TH> |
● |
表格标头 |
相等于<TD>，但其内之字体会变粗 |
|
| 图形标记 |
| <IMG> |
○ |
图形标记 |
用以插入图形及设定图形属性 |
|
| 连结标记 |
| <A> |
● |
连结标记 |
加入连结 |
|
| 框架标记 |
| <FRAMESET> |
● |
框架设定 |
设定框架 |
|
| <FRAME> |
○ |
框窗设定 |
设定框窗 |
|
| <IFRAME> |
○ |
页内框架 |
于网页中间插入框架 |
IE |
| 多媒体 |
| <BGSOUND> |
○ |
背景声音 |
于背景播放声音或音乐 |
IE |
| <EMBED> |
○ |
多媒体 |
加入声音、音乐或影像 |
|
| 其他标记 |
| <MARQUEE> |
● |
走动文字 |
令文字左右走动 |
IE |
注：
- ● 表示该标记属围堵标记，即需要关闭标记如 </标记>。
- ○ 表示该标记属空标记，即不需要关闭标记。
- IE 表示该标记只适用于Internet Explorer。
- 反对 表示该标记不为W3C所赞同，通常这标记是 IE 或
NC自订，且己为众所支持，只是HTML标准中有其它同功能或更好的选择。
- 弃用 表示该标记己为W3C所弃用，是过时的标记，但 HTML
具向下兼容的特 性，不用担心新浏览器不支援旧标记。
- 新表示该标记是HTML4.0中新增的。
[script]luohongencode("
|
表格标记
<TABLE><TR><TD><TH><CAPTION>
这三个标记是定义表格的最重要的标记，可以说只学这三个己足够。<TABLE>是一个容器标记，意思是说它用以声明这是表格而且其他表格标记只能在他的范围内才适用，属容器标记的还有其他。
<TR>用以标示表格列（row）
<TD>用以标示储存格（cell）
<TABLE>的参数设定（常用）：
例如： <tablewidth=\"400\" border=\"1\" cellspacing=\"2\" cellpadding=\"2\" align=\"CENTER\" valign=\"TOP\" background=\"myweb.gif\" bgcolor=\"#0000FF\" bordercolor=\"#FF00FF\" bordercolorlight=\"#00FF00\" bordercolordark=\"#00FFFF\" cols=\"2\">
- width=\"400\"
表格宽度，接受绝对值（如 80）及相对值（如 80%）。
- border=\"1\"
表格边框厚度，不同浏览器有不同的内定值，故请指明。
- cellspacing=\"2\"
表格格线厚度。
- cellpadding=\"2\"
文字与格线的距离。
- align=\"CENTER\"
表格的摆放位置（水平），可选值为： left, right, center，请看例子五或六，那表格是放于中间的，为怕一些浏览器不支援，故特加上居中标记<CENTER>，只是多层保证而己，当然只用<CENTER>亦可。
- valign=\"TOP\".
表格内字画等的摆放贴位置（垂直），可选值为： top, middle, bottom。
- background=\"myweb.gif\"
表格 纸，与 bgcolor 不要同用。
- bgcolor=\"#0000FF\"
表格底色，与background不要同用。
- bordercolor=\"#FF00FF\"
表格边框颜色，NC 与 IE 有不同的效果。
- bordercolorlight=\"#00FF00\"
表格边框向光部分的颜色。『只适用于 IE』
- bordercolordark=\"#00FFFF\"
表格边框背光部分的颜色，使用bordercolorlight或bordercolordark时 bordercolor将会失效。『只适用于 IE』
- cols=\"2\"
表格栏位数目，只是让浏览器在下载表格是先画出整个表格而己。
例如：<tr align=\"RIGHT\" valign=\"MIDDLE\" bgcolor=\"#0000FF\" bordercolor=\"#FF00FF\" bordercolorlight=\"#808080\" bordercolordark=\"#FF0000\">
- align=\"RIGHT\"
该一列内字画等的摆放贴位置（水平），可选值为：left, center, right。
- valign=\"MIDDLE\"
该一列内字画等的摆放贴位置（垂直），可选值为： top, middle, bottom。
- bgcolor=\"#0000FF\"
该一列底色，请看。
- bordercolor=\"#FF00FF\"
该一列边框颜色，请看。『只适用于 IE』
bordercolorlight=\"#808080\"
该一列边框向光部分的颜色，请看。『只适用于 IE』
- bordercolordark=\"#FF0000\"
该一列边框背光部分的颜色，使用bordercolorlight 或 bordercolordark时bordercolor 将会失效。『只适用于 IE』
例如：<td width=\"48%\" height=\"400\" colspan=\"5\" rowspan=\"4\" align=\"RIGHT\" valign=\"BOTTOM\" bgcolor=\"#FF00FF\" bordercolor=\"#808080\" bordercolorlight=\"#FF0000\" bordercolordark=\"#00FF00\" background=\"myweb.gif\">
- width=\"48%\"
该一储存格宽度，接受绝对值（如 80）及相对值（如 80%）。
- height=\"400\"
该一储存格高度。
- colspan=\"5\"
该一储存格向右打通的栏数。
- rowspan=\"4\"
该一储存格向下打通的列数。
- align=\"RIGHT\"
该一储存格内字画等的摆放贴位置（水平），可选值为：left, center, right。
- valign=\"BOTTOM\"
该一储存格内字画等的摆放贴位置（垂直），可选值为：top, middle, bottom。
- bgcolor=\"#FF00FF\"
该一储存格底色。
- bordercolor=\"#808080\"
该一储存格边框颜色。『只适用于 IE』
- bordercolorlight=\"#FF0000\"
该一储存格边框向光部分的颜色。『只适用于 IE』
- bordercolordark=\"#00FF00\"
该一储存格边框背光部分的颜色，使用bordercolorlight或bordercolordark 时 bordercolor将会失效。『只适用于 IE』
- background=\"myweb.gif\"
该一储存格纸，与bgcolor任用其一。
<TH>与<TD>同样是标示一个储存格，唯一不同的是<TH>所标示的储存格中的文字是以粗体出现，通常用于表格第一列以标示栏目。它的用法是取代<TD>的位置便可以，其参数设定请参考<TD>。当然若为<TD>所标示的储存格中的文字加上粗体标记<B>便等如<TH>的效果。
<CAPTION> 的作用是为表格标示一个标题列，有如在表格上方加上一没格线的打通列。 当然亦可置于下方，通常用以存放该表格的标题。<CAPTION> 的参数设定（常用）：
例如：<captionalign=\"top\" valign=\"TOP\"></caption>
- align=\"TOP\"
该表格标题列相对于表格的摆放贴位置（水平），可选值为： left, center, right, top, middle, bottom，若 align=\"bottom\" 的话标题列便会出现对表格的下方，不管你的原始码中把<caption>放在 <table>中的头部或尾部。
- valign=\"TOP\"
该表格标题列相对于表格的摆放位置（上下），可选值为： top, bottom。和 align=\"TOP\" 或align=\"BOTTOM\" 是一样的，虽然功能重复了，但如果你要标题列 置于下方及向右或向左贴 ，那末两个参数便可一用了。当只 一个参数时， 请首选 align，因为 valign 是由 HTML 3.0 才开始的参数。
|
|
表格标记
<TABLE><TR><TD><TH><CAPTION>
这三个标记是定义表格的最重要的标记，可以说只学这三个己足够。<TABLE>是一个容器标记，意思是说它用以声明这是表格而且其他表格标记只能在他的范围内才适用，属容器标记的还有其他。
<TR>用以标示表格列（row）
<TD>用以标示储存格（cell）
<TABLE>的参数设定（常用）：
例如： <tablewidth="400" border="1" cellspacing="2" cellpadding="2" align="CENTER" valign="TOP" background="myweb.gif" bgcolor="#0000FF" bordercolor="#FF00FF" bordercolorlight="#00FF00" bordercolordark="#00FFFF" cols="2">
- width="400"
表格宽度，接受绝对值（如 80）及相对值（如 80%）。
- border="1"
表格边框厚度，不同浏览器有不同的内定值，故请指明。
- cellspacing="2"
表格格线厚度。
- cellpadding="2"
文字与格线的距离。
- align="CENTER"
表格的摆放位置（水平），可选值为： left, right, center，请看例子五或六，那表格是放于中间的，为怕一些浏览器不支援，故特加上居中标记<CENTER>，只是多层保证而己，当然只用<CENTER>亦可。
- valign="TOP".
表格内字画等的摆放贴位置（垂直），可选值为： top, middle, bottom。
- background="myweb.gif"
表格 纸，与 bgcolor 不要同用。
- bgcolor="#0000FF"
表格底色，与background不要同用。
- bordercolor="#FF00FF"
表格边框颜色，NC 与 IE 有不同的效果。
- bordercolorlight="#00FF00"
表格边框向光部分的颜色。『只适用于 IE』
- bordercolordark="#00FFFF"
表格边框背光部分的颜色，使用bordercolorlight或bordercolordark时 bordercolor将会失效。『只适用于 IE』
- cols="2"
表格栏位数目，只是让浏览器在下载表格是先画出整个表格而己。
例如：<tr align="RIGHT" valign="MIDDLE" bgcolor="#0000FF" bordercolor="#FF00FF" bordercolorlight="#808080" bordercolordark="#FF0000">
- align="RIGHT"
该一列内字画等的摆放贴位置（水平），可选值为：left, center, right。
- valign="MIDDLE"
该一列内字画等的摆放贴位置（垂直），可选值为： top, middle, bottom。
- bgcolor="#0000FF"
该一列底色，请看。
- bordercolor="#FF00FF"
该一列边框颜色，请看。『只适用于 IE』
bordercolorlight="#808080"
该一列边框向光部分的颜色，请看。『只适用于 IE』
- bordercolordark="#FF0000"
该一列边框背光部分的颜色，使用bordercolorlight 或 bordercolordark时bordercolor 将会失效。『只适用于 IE』
例如：<td width="48%" height="400" colspan="5" rowspan="4" align="RIGHT" valign="BOTTOM" bgcolor="#FF00FF" bordercolor="#808080" bordercolorlight="#FF0000" bordercolordark="#00FF00" background="myweb.gif">
- width="48%"
该一储存格宽度，接受绝对值（如 80）及相对值（如 80%）。
- height="400"
该一储存格高度。
- colspan="5"
该一储存格向右打通的栏数。
- rowspan="4"
该一储存格向下打通的列数。
- align="RIGHT"
该一储存格内字画等的摆放贴位置（水平），可选值为：left, center, right。
- valign="BOTTOM"
该一储存格内字画等的摆放贴位置（垂直），可选值为：top, middle, bottom。
- bgcolor="#FF00FF"
该一储存格底色。
- bordercolor="#808080"
该一储存格边框颜色。『只适用于 IE』
- bordercolorlight="#FF0000"
该一储存格边框向光部分的颜色。『只适用于 IE』
- bordercolordark="#00FF00"
该一储存格边框背光部分的颜色，使用bordercolorlight或bordercolordark 时 bordercolor将会失效。『只适用于 IE』
- background="myweb.gif"
该一储存格纸，与bgcolor任用其一。
<TH>与<TD>同样是标示一个储存格，唯一不同的是<TH>所标示的储存格中的文字是以粗体出现，通常用于表格第一列以标示栏目。它的用法是取代<TD>的位置便可以，其参数设定请参考<TD>。当然若为<TD>所标示的储存格中的文字加上粗体标记<B>便等如<TH>的效果。
<CAPTION> 的作用是为表格标示一个标题列，有如在表格上方加上一没格线的打通列。 当然亦可置于下方，通常用以存放该表格的标题。<CAPTION> 的参数设定（常用）：
例如：<captionalign="top" valign="TOP"></caption>
- align="TOP"
该表格标题列相对于表格的摆放贴位置（水平），可选值为： left, center, right, top, middle, bottom，若 align="bottom" 的话标题列便会出现对表格的下方，不管你的原始码中把<caption>放在 <table>中的头部或尾部。
- valign="TOP"
该表格标题列相对于表格的摆放位置（上下），可选值为： top, bottom。和 align="TOP" 或align="BOTTOM" 是一样的，虽然功能重复了，但如果你要标题列 置于下方及向右或向左贴 ，那末两个参数便可一用了。当只 一个参数时， 请首选 align，因为 valign 是由 HTML 3.0 才开始的参数。
|
多媒体标记<BGSOUND><EMBED>
<BGSOUND>插入背景音乐，但只用于IE，且只可在<head></head>中使用其参数设定不多。如下
<BGSOUND src="http://....../noname.mp3" autostart=true loop=infinite>
src="http://....../noname.mp3"
设定音乐格式及路径，在绝美图库主要使用绝对路径，即以http://或者mms://或者rtsp://等开头的地址。
autostart=true
是否在音乐传送完后，就自动播放音乐。true表示是，false表示。loop=infinite 是否自动重复播放。LOOP=2 表示重复两次，Infinite或者-1表示重复多次。
<EMBED>是用以插入各种多媒体，格式可以是 midi、wav、wma、rm等等，并且因为音乐格式的不同，可能会有不同的控制面板出现。多种浏览器者支持。其参数设定较多。如下
<EMBED src="http://....../noname.mp3" autostart="true" loop="true" hidden="true">
- src="http://....../noname.mp3"
设定音乐格式和路径，用法同上。
- autostart=true
是否在音乐传送完后，就自动播放音乐。true表示是，false表示。
- loop="true"
是否自动重复播放。loop=2 表示重复两次，true表示是，false表示否。
hidden="true"
是否完全隐藏控制面板，true表示是，no表示否。
- starttime="分:秒"
设定歌曲开始播放的时间。如 starttime="00:30" 表示从第30秒开始播放。
- volume="0-100"
设定音量的大小，数值是0到100之间。注意不得故意将音量定得过大惊吓看贴人，否则一定给予严厉惩罚。
- width=" " 和 height=" "
设定控制面板的宽度和高度。
- align="center"
设定控制面板和文字的对方式，其值可以是 top（顶部）、bottom（底部）、center（居中）、baseline、 left（居左）、right（居右）、texttop（文本顶部）、middle、absmiddle、absbottom。
controls="smallconsole"
设定控制面板的外貌。预设值是console。
- console 一般正常的面板
- smallconsole 较小的面板
- playbutton 只显示播放按钮
- pausecutton 只显示暂停按钮
- stopbutton 只显示停止按钮
- volumelever 只显示音量调整钮
举例（下面是一段播放mp3的代码）：
<EMBED src="http://qol.qdc.com.cn/mp3/zxm/g01.mp3" autostart="false" loop="true" hidden="no" controls=console width=500 height=45>
效果如下（点一下播放按钮即可播放）：
|
搜索更多相关主题的帖子:
amp 浏览器 HTML 知识 文件
|
