常用HTML代码分享

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的编码)

<<>>&lt;&gt;

注册商标TM&reg;

N1.0+注册商标TM&reg;

著作权符号&copy;

N1.0+著作权符号&copy;

相关推荐