首页 > 代码库 > HTML常用标签
HTML常用标签
1.跑马灯
标签 |
功能 |
<marquee>...</marquee> |
普通卷动 |
<marquee behavior=slide>...</marquee> |
滑动 |
<marquee behavior=scroll>...</marquee> |
预设卷动 |
<marquee behavior=alternate>...</marquee> |
来回卷动 |
<marquee direction=down>...</marquee> |
向下卷动 |
<marquee direction=up>...</marquee> |
向上卷动 |
<marquee direction=right></marquee> |
向右卷动 |
<marquee direction=left></marquee> |
向左卷动 |
<marquee loop=2>...</marquee> |
卷动次数 |
<marquee width=180>...</marquee> |
设定宽度 |
<marquee height=30>...</marquee> |
设定高度 |
<marquee bgcolor=FF0000>...</marquee> |
设定背景颜色 |
<marquee scrollamount=30>...</marquee> |
设定卷动距离 |
<marquee scrolldelay=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> |
固定宽度小字体 |
<font color=00ff00>...</font> |
字体颜色 |
<font size=1>...</font> |
最小字体 |
<font style =font-size:100 px>...</font> |
无限增大 |
3.区断标记
标签 |
功能 |
<hr> |
水平线 |
<hr size=9> |
水平线(设定大小) |
<hr width=80%> |
水平线(设定宽度) |
<hr color=ff0000> |
水平线(设定颜色) |
<br> |
(换行) |
<nobr>...</nobr> |
水域(不换行) |
<p>...</p> |
水域(段落) |
<center>...</center> |
置中 |
4.链接
标签 |
功能 |
<base href=http://www.mamicode.com/地址> |
(预设好连结路径) |
<a href=http://www.mamicode.com/地址> |
外部连结 |
<a href=http://www.mamicode.com/地址 target=_blank> |
外部连结(另开新窗口) |
<a href=http://www.mamicode.com/地址 target=_top> |
外部连结(全窗口连结) |
<a href=http://www.mamicode.com/地址 target=页框名> |
外部连结(在指定页框连结) |
5.图像/音乐
标签 |
功能 |
<img src=http://www.mamicode.com/图片地址> |
贴图 |
<img src=http://www.mamicode.com/图片地址 width=180> |
设定图片宽度 |
<img src=http://www.mamicode.com/图片地址 height=30> |
设定图片高度 |
<img src=http://www.mamicode.com/图片地址 alt=提示文字> |
设定图片提示文字 |
<img src=http://www.mamicode.com/图片地址 border=1> |
设定图片边框 |
<bgsound src
|
背景音乐设定 |
6.表格
标签 |
功能 |
<table aling=left>...</table> |
表格位置,置左 |
<table aling=center>...</table> |
表格位置,置中 |
<table background=图片路径>...</table> |
背景图片的URL=就是路径网址 |
<table border=边框大小>...</table> |
设定表格边框大小(使用数字) |
<table bgcolor=颜色码>...</table> |
设定表格的背景颜色 |
<table borderclor=颜色码>...</table> |
设定表格边框的颜色 |
<table borderclordark=颜色码>...</table> |
设定表格暗边框的颜色 |
<table borderclorlight=颜色码>...</table> |
设定表格亮边框的颜色 |
<table cellpadding=参数>...</table> |
指定内容与网格线之间的间距(使用数字) |
<table cellspacing=参数>...</table> |
指定网格线与网格线之间的距离(使用数字) |
<table cols=参数>...</table> |
指定表格的栏数 |
<table frame=参数>...</table> |
设定表格外框线的显示方式 |
<table width=宽度>...</table> |
指定表格的宽度大小(使用数字) |
<table height=高度>...</table> |
指定表格的高度大小(使用数字) |
<td colspan=参数>...</td> |
指定储存格合并栏的栏数(使用数字) |
<td rowspan=参数>...</td> |
指定储存格合并列的列数(使用数字) |
7.分割窗口
标签 |
功能 |
|
<frameset cols="20%,*"> |
左右分割,将左边框架分割大小为20%右边框架的大小浏览器会自动调整 |
|
<frameset rows="20%,*"> |
上下分割,将上面框架分割大小为20%下面框架的大小浏览器会自动调整 |
|
<frameset cols="20%,*"> |
分割左右两个框架 |
|
<frameset cols="20%,*,20%"> |
分割左中右三个框架 |
|
<frameset rows="20%,*,20%"> |
分割上中下三个框架 |
|
<! - - ... - -> |
批注 |
|
<A HREF TARGET> |
指定超级链接的分割窗口 |
|
<A HREF=http://www.mamicode.com/#锚的名称> |
指定锚名称的超级链接 |
|
<A HREF> |
指定超级链接 |
|
<A NAME=锚的名称> |
被连结点的名称 |
|
<ADDRESS>....</ADDRESS> |
用来显示电子邮箱地址 |
|
<B> |
粗体字 |
|
<BASE TARGET> |
指定超级链接的分割窗口 |
|
<BASEFONT SIZE> |
更改预设字形大小 |
|
<BGSOUND SRC> |
加入背景音乐 |
|
<BIG> |
显示大字体 |
|
<BLINK> |
闪烁的文字 |
|
<BODY TEXT LINK VLINK> |
设定文字颜色 |
|
<BODY> |
显示本文 |
|
<BR> |
换行 |
|
<CAPTION ALIGN> |
设定表格标题位置 |
|
<CAPTION>...</CAPTION> |
为表格加上标题 |
|
<CENTER> |
向中对齐 |
|
<CITE>...<CITE> |
用于引经据典的文字 |
|
<CODE>...</CODE> |
用于列出一段程序代码 |
|
<COMMENT>...</COMMENT> |
加上批注 |
|
<DD> |
设定定义列表的项目解说 |
|
<DFN>...</DFN> |
显示"定义"文字 |
|
<DIR>...</DIR> |
列表文字卷标 |
|
<DL>...</DL> |
设定定义列表的卷标 |
|
<DT> |
设定定义列表的项目 |
|
<EM> |
强调之用 |
|
<FONT FACE> |
任意指定所用的字形 |
|
<FONT SIZE> |
设定字体大小 |
|
<FORM ACTION> |
设定户动式窗体的处理方式 |
|
<FORM METHOD> |
设定户动式窗体之资料传送方式 |
|
<FRAME MARGINHEIGHT> |
设定窗口的上下边界 |
|
<FRAME MARGINWIDTH> |
设定窗口的左右边界 |
|
<FRAME NAME> |
为分割窗口命名 |
|
<FRAME NORESIZE> |
锁住分割窗口的大小 |
|
<FRAME SCROLLING> |
设定分割窗口的滚动条 |
|
<FRAME SRC> |
将HTML文件加入窗口 |
|
<FRAMESET COLS> |
将窗口分割成左右的子窗口 |
|
<FRAMESET ROWS> |
将窗口分割成上下的子窗口 |
|
<FRAMESET>...</FRAMESET> |
划分分割窗口 |
|
<H1>~<H6> |
设定文字大小 |
|
<HEAD |
> 标示文件信息 |
|
<HR> |
加上分网格线 |
|
<HTML> |
文件的开始与结束 |
|
<I> |
斜体字 |
|
<IMG ALIGN> |
调整图形影像的位置 |
|
<IMG ALT> |
为你的图形影像加注 |
|
<IMG DYNSRC LOOP> |
加入影片 |
|
<IMG HEIGHT WIDTH> |
插入图片并预设图形大小 |
|
<IMG HSPACE> |
插入图片并预设图形的左右边界 |
|
<IMG LOWSRC> |
预载图片功能 |
|
<IMG SRC BORDER> |
设定图片边界 |
|
<IMG SRC> |
插入图片 |
|
<IMG VSPACE> |
插入图片并预设图形的上下边界 |
|
<INPUT TYPE NAME value> |
在窗体中加入输入字段 |
|
<ISINDEX> |
定义查询用窗体 |
|
<KBD>...</KBD> |
表示使用者输入文字 |
|
<LI TYPE>...</LI> |
列表的项目 ( 可指定符号 ) |
|
<MARQUEE> |
跑马灯效果 |
|
<MENU>...</MENU> |
条列文字卷标 |
|
<META NAME="REFRESH" CONTENT URL> |
自动更新文件内容 |
|
<MULTIPLE> |
可同时选择多项的列表栏 |
|
<NOFRAME> |
定义不出现分割窗口的文字 |
|
<OL>...</OL> |
有序号的列表 |
|
<OPTION> |
定义窗体中列表栏的项目 |
|
<P ALIGN> |
设定对齐方向 |
|
<P> |
分段 |
|
<PERSON>...</PERSON> |
显示人名 |
|
<PRE> |
使用原有排列 |
|
<SAMP>...</SAMP> |
用于引用字 |
|
<SELECT>...</SELECT> |
在窗体中定义列表栏 |
|
<SMALL> |
显示小字体 |
|
<STRIKE> |
文字加横线 |
|
<STRONG> |
用于加强语气 |
|
<SUB> |
下标字 |
|
<SUP> |
上标字 |
|
<TABLE BORDER=n> |
调整表格的宽线高度 |
|
<TABLE CELLPADDING> |
调整数据域位之边界 |
|
<TABLE CELLSPACING> |
调整表格线的宽度 |
|
<TABLE HEIGHT> |
调整表格的高度 |
|
<TABLE WIDTH> |
调整表格的宽度 |
|
<TABLE>...</TABLE> |
产生表格的卷标 |
|
<TD ALIGN> |
调整表格字段之左右对齐 |
|
<TD BGCOLOR> |
设定表格字段之背景颜色 |
|
<TD COLSPAN ROWSPAN> |
表格字段的合并 |
|
<TD NOWRAP> |
设定表格字段不换行 |
|
<TD VALIGN> |
调整表格字段之上下对齐 |
|
<TD WIDTH> |
调整表格字段宽度 |
|
<TD>...</TD> |
定义表格的数据域位 |
|
<TEXTAREA NAME ROWS COLS> |
窗体中加入多少列的文字输入栏 |
|
<TEXTAREA WRAP> |
决定文字输入栏是自动否换行 |
|
<TH>...</TH> |
定义表格的标头字段 |
|
<TITLE> |
文件标题 |
|
<TR>...</TR> |
定义表格美一行 |
|
<TT> |
打字机字体 |
|
<U> |
文字加底线 |
|
<UL TYPE>...</UL> |
无序号的列表 ( 可指定符号 ) |
|
<VAR>...</VAR> |
用于显示变量 |
HTML常用标签