HTML标记大全

本文详细介绍了HTML中的各种元素及其属性,包括跑马灯、字体效果、区断标记等,并解释了如何使用这些元素来创建网页布局、设置字体样式、插入图片及音乐等。此外,还介绍了表格语法、窗口分割等高级特性。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

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

转载于:https://www.cnblogs.com/kangpengliang/archive/2006/08/01/465088.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值