常用HTML代码分享
yesbuy00 2013-12-10
1、跑马灯
<marquee>...</marquee>普通卷动
<marqueebehavior=slide>...</marquee>滑动
<marqueebehavior=scroll>...</marquee>预设卷动
<marqueebehavior=alternate>...</marquee>来回卷动
<marqueedirection=down>...</marquee>向下卷动
<marqueedirection=up>...</marquee>向上卷动
<marqueedirection=right></marquee>向右卷动
<marqueedirection=left></marquee>向左卷动
<marqueeloop=2>...</marquee>卷动次数
<marqueewidth=180>...</marquee>设定宽度
<marqueeheight=30>...</marquee>设定高度
<marqueebgcolor=FF0000>...</marquee>设定背景颜色
<marqueescrollamount=30>...</marquee>设定卷动距离
<marqueescrolldelay=300>...</marquee>设定卷动时间
2、字体效果
<h1>...</h1>标题字(最大)
<h6>...</h6>标题字(最小)
<b>...</b>粗体字
<strong>...</strong>粗体字(强调)
<i>...</i>斜体字
<em>...</em>斜体字(强调)
<dfn>...</dfn>斜体字(表示定义)
<u>...</u>底线
<ins>...</ins>底线(表示插入文字)
<strike>...</strike>横线
<s>...</s>删除线
<del>...</del>删除线(表示删除)
<kbd>...</kbd>键盘文字
<tt>...</tt>打字体
<xmp>...</xmp>固定宽度字体(在文件中空白、换行、定位功能有效)
<plaintext>...</plaintext>固定宽度字体(不执行标记符号)
<listing>...</listing>固定宽度小字体
<fontcolor=00ff00>...</font>字体颜色
<fontsize=1>...</font>最小字体
<fontstyle=font-size:100px>...</font>无限增大
3、区断标记
<hr>水平线
<hrsize=9>水平线(设定大小)
<hrwidth=80%>水平线(设定宽度)
<hrcolor=ff0000>水平线(设定颜色)
<br>(换行)
<nobr>...</nobr>水域(不换行)
<p>...</p>水域(段落)
<center>...</center>置中
4、连结格式
<basehref=地址>(预设好连结路径)
<ahref=地址></a>外部连结
<ahref=地址target=_blank></a>外部连结(另开新窗口)
<ahref=地址target=_top></a>外部连结(全窗口连结)
<ahref=地址target=页框名></a>外部连结(在指定页框连结)
5、贴图/音乐
<imgsrc=图片地址>贴图
<imgsrc=图片地址width=180>设定图片宽度
<imgsrc=图片地址height=30>设定图片高度
<imgsrc=图片地址alt=提示文字>设定图片提示文字
<imgsrc=图片地址border=1>设定图片边框
<bgsoundsrc=MID音乐文件地址>背景音乐设定
6、表格语法
<tablealing=left>...</table>表格位置,置左
<tablealing=center>...</table>表格位置,置中
<tablebackground=图片路径>...</table>背景图片的URL=就是路径网址
<tableborder=边框大小>...</table>设定表格边框大小(使用数字)
<tablebgcolor=颜色码>...</table>设定表格的背景颜色
<tableborderclor=颜色码>...</table>设定表格边框的颜色
<tableborderclordark=颜色码>...</table>设定表格暗边框的颜色
<tableborderclorlight=颜色码>...</table>设定表格亮边框的颜色
<tablecellpadding=参数>...</table>指定内容与网格线之间的间距(使用数字)
<tablecellspacing=参数>...</table>指定网格线与网格线之间的距离(使用数字)
<tablecols=参数>...</table>指定表格的栏数
<tableframe=参数>...</table>设定表格外框线的显示方式
<tablewidth=宽度>...</table>指定表格的宽度大小(使用数字)
<tableheight=高度>...</table>指定表格的高度大小(使用数字)
<tdcolspan=参数>...</td>指定储存格合并栏的栏数(使用数字)
<tdrowspan=参数>...</td>指定储存格合并列的列数(使用数字)
7、分割窗口
<framesetcols="20%,*">左右分割,将左边框架分割大小为20%右边框架的大小浏览器会自动调整
<framesetrows="20%,*">上下分割,将上面框架分割大小为20%下面框架的大小浏览器会自动调整
<framesetcols="20%,*">分割左右两个框架
<framesetcols="20%,*,20%">分割左中右三个框架
<分割上下两个框架
<framesetrows="20%,*,20%">分割上中下三个框架
8、批注
<AHREFTARGET>指定超级链接的分割窗口
<AHREF=#锚的名称>指定锚名称的超级链接
<AHREF>指定超级链接
<ANAME=锚的名称>被连结点的名称
<ADDRESS>....</ADDRESS>用来显示电子邮箱地址
<B>粗体字
<BASETARGET>指定超级链接的分割窗口
<BASEFONTSIZE>更改预设字形大小
<BGSOUNDSRC>加入背景音乐
<BIG>显示大字体
<BLINK>闪烁的文字
<BODYTEXTLINKVLINK>设定文字颜色
<BODY>显示本文
<BR>换行
<CAPTIONALIGN>设定表格标题位置
<CAPTION>...</CAPTION>为表格加上标题
<CENTER>向中对齐
<CITE>...<CITE>用于引经据典的文字
<CODE>...</CODE>用于列出一段程序代码
<COMMENT>...</COMMENT>加上批注
<DD>设定定义列表的项目解说
<DFN>...</DFN>显示"定义"文字
<DIR>...</DIR>列表文字卷标
<DL>...</DL>设定定义列表的卷标
<DT>设定定义列表的项目
<EM>强调之用
<FONTFACE>任意指定所用的字形
<FONTSIZE>设定字体大小
<FORMACTION>设定户动式窗体的处理方式
<FORMMETHOD>设定户动式窗体之资料传送方式
<FRAMEMARGINHEIGHT>设定窗口的上下边界
<FRAMEMARGINWIDTH>设定窗口的左右边界
<FRAMENAME>为分割窗口命名
<FRAMENORESIZE>锁住分割窗口的大小
<FRAMESCROLLING>设定分割窗口的滚动条
<FRAMESRC>将HTML文件加入窗口
<FRAMESETCOLS>将窗口分割成左右的子窗口
<FRAMESETROWS>将窗口分割成上下的子窗口
<FRAMESET>...</FRAMESET>划分分割窗口
<H1>~<H6>设定文字大小
<HEAD>标示文件信息
<HR>由戏滞裣?
<HTML>文件的开始与结束
<I>斜体字
<IMGALIGN>调整图形影像的位置
<IMGALT>为你的图形影像加注
<IMGDYNSRCLOOP>加入影片
<IMGHEIGHTWIDTH>插入图片并预设图形大小
<IMGHSPACE>插入图片并预设图形的左右边界
<IMGLOWSRC>预载图片功能
<IMGSRCBORDER>设定图片边界
<IMGSRC>插入图片
<IMGVSPACE>插入图片并预设图形的上下边界
<INPUTTYPENAMEvalue>在窗体中加入输入字段
<ISINDEX>定义查询用窗体
<KBD>...</KBD>表示使用者输入文字
<LITYPE>...</LI>列表的项目(可指定符号)
<MARQUEE>跑马灯效果
<MENU>...</MENU>条列文字卷标
<METAname="REFRESH"CONTENTURL>自动更新文件内容
<MULTIPLE>可同时选择多项的列表栏
<NOFRAME>定义不出现分割窗口的文字
<OL>...</OL>有序号的列表
<OPTION>定义窗体中列表栏的项目
<PALIGN>设定对齐方向
<P>分段
<PERSON>...</PERSON>显示人名
<PRE>使用原有排列
<SAMP>...</SAMP>用于引用字
<SELECT>...</SELECT>在窗体中定义列表栏
<SMALL>显示小字体
<STRIKE>文字加横线
<STRONG>用于加强语气
<SUB>下标字
<SUP>上标字
<TABLEBORDER=n>调整表格的宽线高度
<TABLECELLPADDING>调整数据域位之边界
<TABLECELLSPACING>调整表格线的宽度
<TABLEHEIGHT>调整表格的高度
<TABLEWIDTH>调整表格的宽度
<TABLE>...</TABLE>产生表格的卷标
<TDALIGN>调整表格字段之左右对齐
<TDBGCOLOR>设定表格字段之背景颜色
<TDCOLSPANROWSPAN>表格字段的合并
<TDNOWRAP>设定表格字段不换行
<TDVALIGN>调整表格字段之上下对齐
<TDWIDTH>调整表格字段宽度
<TD>...</TD>定义表格的数据域位
<TEXTAREANAMEROWSCOLS>窗体中加入多少列的文字输入栏
<TEXTAREAWRAP>决定文字输入栏是自动否换行
<TH>...</TH>定义表格的标头字段
<TITLE>文件标题
<TR>...</TR>定义表格美一行
<TT>打字机字体
<U>文字加底线
<ULTYPE>...</UL>无序号的列表(可指定符号)
<VAR>...</VAR>用于显示变量
---------------------------------------
《HTML标记参考手册》－适合于初学者
HTML标记参考手册
总类（所有HTML文件都有的）
文件类型<HTML></HTML>（放在档案的开头与结尾）
文件主题<TITLE></TITLE>（必须放在「文头」区块内）
文头<HEAD></HEAD>（描述性资料，像是「主题」）
文体<BODY></BODY>（文件本体）
结构性定义（由浏览器控制的显示风格）
标题<H?></H?>（从1到6，有六层选择）
3.0标题的对齐<H?ALIGN=LEFT|CENTER|RIGHT></H?>
3.0区分<DIV></DIV>
3.0区分的对齐<DIVALIGN=LEFT|RIGHT|CENTER|JUSTIFY></DIV>
引文区块<BLOCKQUOTE></BLOCKQUOTE>（通常会内缩）
强调<EM></EM>（通常会以斜体显示）
特别强调<STRONG></STRONG>（通常会以加粗显示）
引文<CITE></CITE>（通常会以斜体显示）
码<CODE></CODE>（显示原始码之用）
样本<SAMP></SAMP>
键盘输入<KBD></KBD>
变数<VAR></VAR>
定义<DFN></DFN>（有些浏览器不提供）
地址<ADDRESS></ADDRESS>
3.0大字<BIG></BIG>
3.0小字<SMALL></SMALL>
与外观相关的标签（作者自订的表现方式）
加粗<B></B>
斜体<I></I>
3.0底线<U></U>（尚有些浏览器不提供）
3.0删除线<S></S>（尚有些浏览器不提供）
3.0下标<SUB></SUB>
3.0上标<SUP></SUP>
打字机体<TT></TT>（用单空格字型显示）
预定格式<PRE></PRE>（保留文件中空格的大小）
预定格式的宽度<PREWIDTH=?></PRE>（以字元计算）
N1.0+向中看齐<CENTER></CENTER>（文字与图片都可以）
N1.0闪耀<BLINK></BLINK>（有史以来最被嘲弄的标签）
N1.0字体大小<FONTSIZE=?></FONT>（从1到7）
N1.0改变字体大小<FONTSIZE=+|-?></FONT>
N1.0基本字体大小<BASEFONTSIZE=?>（从1到7;内定为3）
N2.0字体颜色<FONTCOLOR="#$$$$$$"></FONT>
连结与图形
链接<Ahref="/URL"></A>
链接到锚点<Ahref="URL#***"></A>（如果锚点在另一个档案）
<Ahref="#***"></A>（如果锚点目前的档案）
N2.0链接到目的视框<Ahref="/URL"target="***"></A>
设定锚点<Aname="***"></A>
图形<IMGsrc="/URL">
图形看齐方式<IMGsrc="/URL"ALIGN=TOP|BOTTOM|MIDDLE>
N1.0图形看齐方式<IMGsrc="/URL"
ALIGN=LEFT|RIGHT|TEXTTOP|ABSMIDDLE|BASELINE|ABSBOTTOM>
取代文字<IMGsrc="/URL"alt="***">（如果没有办法显示图形则显示此文字）
点选图<IMGsrc="/URL"ISMAP>（需要CGI程式）
N2.0点选图<IMGsrc="/URL"USEMAP="URL">
N2.0地图<MAPname="***"></MAP>（描述地图）
N2.0段落<AREASHAPE="RECT"COORDS=",,,"href="/URL"|NOHREF>
3.0大小<IMGsrc="/URL"width="?"height="?">（以pixels为单位）
N1.0图形边缘<IMGsrc="/URL"BORDER=?>（以pixels为单位）
N1.0图形边缘空间<IMGsrc="/URL"HSPACE=?VSPACE=?>（以pixels为单位）
N1.0低解析度图形<IMGsrc="/URL"LOWsrc="/URL">
N1.1用户端拉<METAHTTP-EQUIV="Refresh"CONTENT="?;URL=URL">（使用端自动更新）
N2.0内嵌物件<EMBEDsrc="/URL">（将物件插入页面）
N2.0内嵌物件大小<EMBEDsrc="/URL"width="?"height="?">
分隔
段落<P>（通常是两个return）
3.0段落<P></P>（新定义成容器型标签）
3.0文字看齐方式<PALIGN=LEFT|CENTER|RIGHT></P>
换行<BR>（一个return）
N1.0文字部份看齐方式<BRCLEAR=LEFT|RIGHT|ALL>（与图形合用时）
横线<HR>
N1.0横线对齐<HRALIGN=LEFT|RIGHT|CENTER>
N1.0横线厚度<HRSIZE=?>（以pixels为单位）
N1.0横线宽度<HRWIDTH=?>（以pixels为单位）
N1.0横线比率宽度<HRWIDTH=%>（以页宽为100%）
N1.0实线<HRNOSHADE>（没有立体效果）
N1.0不可换行<NOBR></NOBR>（不换行）
N1.0可换行处<WBR>（如果需要，可在此断行）
列举（可以巢状列举）
无次序式列举<UL><LI></UL>（<LI>放在每一项前）
N1.0公布式列举<ULTYPE=DISC|CIRCLE|SQUARE>（定义全部的列举项）
<LITYPE=DISC|CIRCLE|SQUARE>（定义这个及其後的列举项）
有次序式列举<OL><LI></OL>（<LI>放在每一项前）
N1.0数标型态<OLTYPE=A|a|I|i|1>（定义全部的列举项）
<LITYPE=A|a|I|i|1>（定义这个及其後的列举项）
N1.0起始数字<OLVALUE=?>（定义全部的列举项）
<LIVALUE=?>（定义这个及其後的列举项）
定义式列举<DL><DT><DD></DL>（<DT>项目,<DD>定义）
表单式列举<MENU><LI></MENU>（<LI>放在每一项前）
目录式列举<DIR><LI></DIR>（<LI>放在每一项前）
背景与颜色
3.0重复排列的背景<BODYbackground="/URL">
N1.1+背景颜色<BODYbgcolor="#$$$$$$">（依序为红、绿、蓝）
N1.1+文字颜色<BODYTEXT="#$$$$$$">
N1.1+连结颜色<BODYLINK="#$$$$$$">
N1.1+看过的连结<BODYVLINK="#$$$$$$">
N1.1使用中的连结<BODYALINK="#$$$$$$">
特殊字元（http://www.raythonsoft.com/以下标签需用小写）
特别符号&#?;（其中?代表ISO8859-1的编码）
<<>><>
注册商标TM®
N1.0+注册商标TM®
著作权符号©
N1.0+著作权符号©
