网上搜到的HTML标签语法大全,给大家分享
|
admin
2010年4月27日 3:8
本文热度 7472
|
虽然对于html制作网站已经很熟悉,但还
是想总结下里面的各个标签的用法,所以上网搜了下来,分享给大家!希望对大家尤其是初学者带来帮助!
另外,为什么那些牛皮癣广告会做到我的blog里来,我的引用里已经有几万个这样的东西,看着好难受呀.也不知道
有没有什么办法能一次清除,希望知道的朋友能留言告诉我,不胜感激!
html标签语法大全:
html语法大全
a卷标 , 属性名称 , 简介
批注
跑马灯
普通卷动
滑动
预设卷动
来回卷动
向下卷动
向上卷动
向右卷动
向左卷动
卷动次数
设定宽度
设定高度
设定背景颜色
设定卷动距离
设定卷动时间
字体效果
…
标题字(最大)
…
标题字(最小)
…粗体字
…粗体字(强调)
…斜体字
…斜体字(强调)
…斜体字(表示定义)
…底线
…底线(表示插入文字)
…横线
…删除线
…删除线(表示删除)
…键盘文字
… 打字体
<![CDATA[…]]>固定宽度字体(在文件中空白、换行、定位功能有效)
<![CDATA[…</plaintext>固定宽度字体(不执行标记符号) <br><listing>…</listing> 固定宽度小字体 <br><font color=00ff00>…</font>字体颜色 <br><font size=1>…</font>最小字体 <br><font style =font-size:100 px>…</font>无限增大 <br><!>区断标记 <br><hr>水平线 <br><hr size=9>水平线(设定大小) <br><hr width=80%>水平线(设定宽度) <br><hr color=ff0000>水平线(设定颜色) <br><br>(换行) <br><nobr>…</nobr>水域(不换行) <br><p>…</p>水域(段落) <br><center>…</center>置中 <br><!>连结格式 <br><base href=地址>(预设好连结路径) <br><a href=地址></a>外部连结 <br><a href=地址 target=_blank></a>外部连结(另开新窗口) <br><a href=地址 target=_top></a>外部连结(全窗口连结) <br><a href=地址 target=页框名></a>外部连结(在指定页框连结) <br><!>贴图/音乐 <br><img src=图片地址>贴图 <br><img src=图片地址 width=180>设定图片宽度 <br><img src=图片地址 height=30>设定图片高度 <br><img src=图片地址 alt=提示文字>设定图片提示文字 <br><img src=图片地址 border=1>设定图片边框 <br><bgsound src=mid音乐文件地址>背景音乐设定 <br><!>表格语法 <br><table aling=left>…</table>表格位置,置左 <br><table aling=center>…</table>表格位置,置中 <br><table background=图片路径>…</table>背景图片的url=就是路径网址 <br><table border=边框大小>…</table>设定表格边框大小(使用数字) <br><table bgcolor=颜色码>…</table>设定表格的背景颜色 <br><table borderclor=颜色码>…</table>设定表格边框的颜色 <br><table borderclordark=颜色码>…</table>设定表格暗边框的颜色 <br><table borderclorlight=颜色码>…</table>设定表格亮边框的颜色 <br><table cellpadding=参数>…</table>指定内容与网格线之间的间距(使用数字) <br><table cellspacing=参数>…</table>指定网格线与网格线之间的距离(使用数字) <br><table cols=参数>…</table>指定表格的栏数 <br><table =参数>…</table>设定表格外框线的显示方式 <br><table width=宽度>…</table>指定表格的宽度大小(使用数字) <br><table height=高度>…</table>指定表格的高度大小(使用数字) <br><td colspan=参数>…</td>指定储存格合并栏的栏数(使用数字) <br><td rowspan=参数>…</td>指定储存格合并列的列数(使用数字) <br><!>分割窗口 <br><set cols=”20%,*”>左右分割,将左边框架分割大小为20%右边框架的大小浏览器会自动调整 <br><set rows=”20%,*”>上下分割,将上面框架分割大小为20%下面框架的大小浏览器会自动调整 <br><set cols=”20%,*”>分割左右两个框架 <br><set cols=”20%,*,20%”>分割左中右三个框架 <br><分割上下两个框架 <br><set rows=”20%,*,20%”>分割上中下三个框架 <br><! - - … - -> 批注 <br><a href target> 指定超级链接的分割窗口 <br><a href=#锚的名称> 指定锚名称的超级链接 <br><a href> 指定超级链接 <br><a name=锚的名称> 被连结点的名称 <br><address>….</address> 用来显示电子邮箱地址 <br><b> 粗体字 <br><base target> 指定超级链接的分割窗口 <br><basefont size> 更改预设字形大小 <br><bgsound src> 加入背景音乐 <br><big> 显示大字体 <br><blink> 闪烁的文字 <br><body text link vlink> 设定文字颜色 <br><body> 显示本文 <br><br> 换行 <br><caption align> 设定表格标题位置 <br><caption>…</caption> 为表格加上标题 <br><center> 向中对齐 <br><cite>…<cite> 用于引经据典的文字 <br><code>…</code> 用于列出一段程序代码 <br><comment>…</comment> 加上批注 <br><dd> 设定定义列表的项目解说 <br><dfn>…</dfn> 显示”定义”文字 <br><dir>…</dir> 列表文字卷标 <br><dl>…</dl> 设定定义列表的卷标 <br><dt> 设定定义列表的项目 <br><em> 强调之用 <br><font face> 任意指定所用的字形 <br><font size> 设定字体大小 <br><form action> 设定户动式窗体的处理方式 <br><form method> 设定户动式窗体之资料传送方式 <br>< marginheight> 设定窗口的上下边界 <br>< marginwidth> 设定窗口的左右边界 <br>< name> 为分割窗口命名 <br>< noresize> 锁住分割窗口的大小 <br>< scrolling> 设定分割窗口的滚动条 <br>< src> 将html文件加入窗口 <br><set cols> 将窗口分割成左右的子窗口 <br><set rows> 将窗口分割成上下的子窗口 <br><set>…</set> 划分分割窗口 <br><h1>~<h6> 设定文字大小 <br><head> 标示文件信息 <br><hr> 加上分网格线 <br><html> 文件的开始与结束 <br><i> 斜体字 <br><img align> 调整图形影像的位置 <br><img alt> 为你的图形影像加注 <br><img dynsrc loop> 加入影片 <br><img height width> 插入图片并预设图形大小 <br><img hspace> 插入图片并预设图形的左右边界 <br><img lowsrc> 预载图片功能 <br><img src border> 设定图片边界 <br><img src> 插入图片 <br><img vspace> 插入图片并预设图形的上下边界 <br><input type name > 在窗体中加入输入字段 <br><isindex> 定义查询用窗体 <br><kbd>…</kbd> 表示使用者输入文字 <br><li type>…</li> 列表的项目 ( 可指定符号 ) <br><marquee> 跑马灯效果 <br><menu>…</menu> 条列文字卷标 <br>< name=”refresh” content url> 自动更新文件内容 <br><multiple> 可同时选择多项的列表栏 <br><no> 定义不出现分割窗口的文字 <br><ol>…</ol> 有序号的列表 <br><option> 定义窗体中列表栏的项目 <br><p align> 设定对齐方向 <br><p> 分段 <br><person>…</person> 显示人名 <br><pre> 使用原有排列 <br><samp>…</samp> 用于引用字 <br><select>…</select> 在窗体中定义列表栏 <br><small> 显示小字体 <br><strike> 文字加横线 <br><strong> 用于加强语气 <br><sub> 下标字 <br><sup> 上标字 <br><table border=n> 调整表格的宽线高度 <br><table cellpadding> 调整数据域位之边界 <br><table cellspacing> 调整表格线的宽度 <br><table height> 调整表格的高度 <br><table width> 调整表格的宽度 <br><table>…</table> 产生表格的卷标 <br><td align> 调整表格字段之左右对齐 <br><td bgcolor> 设定表格字段之背景颜色 <br><td colspan rowspan> 表格字段的合并 <br><td nowrap> 设定表格字段不换行 <br><td valign> 调整表格字段之上下对齐 <br><td width> 调整表格字段宽度 <br><td>…</td> 定义表格的数据域位 <br><textarea name rows cols> 窗体中加入多少列的文字输入栏 <br><textarea wrap> 决定文字输入栏是自动否换行 <br><th>…</th> 定义表格的标头字段 <br><title> 文件标题 <br><tr>…</tr> 定义表格美一行 <br><tt> 打字机字体 <br><u> 文字加底线 <br><ul type>…</ul> 无序号的列表 ( 可指定符号 ) <br><var>…</var> 用于显示变量</p>
<div align="right" style="color:darkgrey;font-size:12px;"><br>该文章在 2010/4/27 3:08:25 编辑过</div></div>
</div>
</td>
<td id="td_rightpart" class="vtclgntop">
<div class="closely boxborder">
<div class="ultitle">关键字查询</div>
<div class="searchitem">
<div><label><input type="checkbox" name="searchword" value="html" checked/>html<label></div>
<div><label><input type="checkbox" name="searchword" value="分享" checked/>分享<label></div>
<input type="button" value="查询" class="button_40px" onclick="search_other_keyword()"/>
</div>
<div class="ultitle">相关文章</div>
<div id="closely_list_area"><div style="padding:20px;text-align:center;">正在查询...</div></div>
</div>
<div class="fixedtop">
<div class="gg ggshadow">
<a href="http://erp.clicksun.cn" target="_blank"><img src="images/gg1erp300_120.png" alt="点晴ERP是一款针对中小制造业的专业生产管理软件系统,系统成熟度和易用性得到了国内大量中小企业的青睐。" title="点晴ERP是一款针对中小制造业的专业生产管理软件系统,系统成熟度和易用性得到了国内大量中小企业的青睐。"/></a>
</div>
<div class="gg ggshadow">
<a href="http://pms.clicksun.cn" target="_blank"><img src="images/gg2pms300_120.png" alt="点晴PMS码头管理系统主要针对港口码头集装箱与散货日常运作、调度、堆场、车队、财务费用、相关报表等业务管理，结合码头的业务特点，围绕调度、堆场作业而开发的。集技术的先进性、管理的有效性于一体，是物流码头及其他港口类企业的高效ERP管理信息系统。" title="点晴PMS码头管理系统主要针对港口码头集装箱与散货日常运作、调度、堆场、车队、财务费用、相关报表等业务管理，结合码头的业务特点，围绕调度、堆场作业而开发的。集技术的先进性、管理的有效性于一体，是物流码头及其他港口类企业的高效ERP管理信息系统。"/></a>
</div>
<div class="gg ggshadow">
<a href="http://wms.clicksun.cn" target="_blank"><img src="images/gg3wms300_120.png" alt="点晴WMS仓储管理系统提供了货物产品管理,销售管理,采购管理,仓储管理,仓库管理,保质期管理,货位管理,库位管理,生产管理,WMS管理系统,标签打印,条形码,二维码管理,批号管理软件。" title="点晴WMS仓储管理系统提供了货物产品管理,销售管理,采购管理,仓储管理,仓库管理,保质期管理,货位管理,库位管理,生产管理,WMS管理系统,标签打印,条形码,二维码管理,批号管理软件。"/></a>
</div>
<div class="gg ggshadow">
<a href="http://oa.clicksun.cn" target="_blank"><img src="images/gg4oa300_120.png" alt="点晴免费OA是一款软件和通用服务都免费，不限功能、不限时间、不限用户的免费OA协同办公管理系统。" title="点晴免费OA是一款软件和通用服务都免费，不限功能、不限时间、不限用户的免费OA协同办公管理系统。"/></a>
</div>
</div>
</td>
</tr>
</table>
</div>
<script type="text/javascript" src="js/prism.js"></script>
<script type="text/javascript">
var titlelist="";
try{
var cj=JSON.parse('[]');
for(var i=0;i<cj.length;i++){
titlelist=titlelist+'<li><a href="showbbs.asp?id='+cj[i].id+'" target="_blank">'+cj[i].title+'</a></li>';
}
if(titlelist!=""){titlelist='<ul class="ulist">'+ titlelist +'</ul>';}
document.getElementById("closely_list_area").innerHTML=titlelist;
}catch(err){}
Prism.hooks.add('before-sanity-check', function (env) {
env.element.innerHTML = env.element.innerHTML.replace(/<br>/g, '\n');
env.code = env.element.textContent;
});
</script>
<div style="font-size:12px;">
<div align="center">Copyright 2010-2024 <a target=_blank href=http://www.clicksun.cn>ClickSun</a> All Rights Reserved</div><br></div></body></html>
</div>]]></plaintext></div></div></div> 
400 186 1886
