虽然对于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 max-width="94%" onload="javascript:if(this.width-document.body.clientWidth+40>0){this.width=document.body.clientWidth-40;}" src=图片地址>贴图 <br><img max-width="94%" onload="javascript:if(this.width-document.body.clientWidth+40>0){this.width=document.body.clientWidth-40;}" src=图片地址 width=180>设定图片宽度 <br><img max-width="94%" onload="javascript:if(this.width-document.body.clientWidth+40>0){this.width=document.body.clientWidth-40;}" src=图片地址 height=30>设定图片高度 <br><img max-width="94%" onload="javascript:if(this.width-document.body.clientWidth+40>0){this.width=document.body.clientWidth-40;}" src=图片地址 alt=提示文字>设定图片提示文字 <br><img max-width="94%" onload="javascript:if(this.width-document.body.clientWidth+40>0){this.width=document.body.clientWidth-40;}" 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 max-width="94%" onload="javascript:if(this.width-document.body.clientWidth+40>0){this.width=document.body.clientWidth-40;}" align> 调整图形影像的位置 <br><img max-width="94%" onload="javascript:if(this.width-document.body.clientWidth+40>0){this.width=document.body.clientWidth-40;}" alt> 为你的图形影像加注 <br><img max-width="94%" onload="javascript:if(this.width-document.body.clientWidth+40>0){this.width=document.body.clientWidth-40;}" dynsrc loop> 加入影片 <br><img max-width="94%" onload="javascript:if(this.width-document.body.clientWidth+40>0){this.width=document.body.clientWidth-40;}" height width> 插入图片并预设图形大小 <br><img max-width="94%" onload="javascript:if(this.width-document.body.clientWidth+40>0){this.width=document.body.clientWidth-40;}" hspace> 插入图片并预设图形的左右边界 <br><img max-width="94%" onload="javascript:if(this.width-document.body.clientWidth+40>0){this.width=document.body.clientWidth-40;}" lowsrc> 预载图片功能 <br><img max-width="94%" onload="javascript:if(this.width-document.body.clientWidth+40>0){this.width=document.body.clientWidth-40;}" src border> 设定图片边界 <br><img max-width="94%" onload="javascript:if(this.width-document.body.clientWidth+40>0){this.width=document.body.clientWidth-40;}" src> 插入图片 <br><img max-width="94%" onload="javascript:if(this.width-document.body.clientWidth+40>0){this.width=document.body.clientWidth-40;}" 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>
<iframe style="width:100%; height:120px; display:none;" name="weixin_share" id="weixin_share" src=""></iframe>
<input type="hidden" id="appid" name="appid" value="">
<input type="hidden" id="timestamp" name="timestamp" value="">
<input type="hidden" id="noncestr" name="noncestr" value="">
<input type="hidden" id="signature" name="signature" value="">
<input type="hidden" id="share_link" name="share_link" value="">
<input type="hidden" id="cd" name="cd" value="">
<script type="text/javascript" src="/mis/bbs/js/prism.js"></script><br>
<div style="width: 100%; padding-top: 3px; padding-bottom: 3px; margin-top: 0px; margin-bottom: 0px; white-space: normal; min-height: 1.5em; word-wrap: normal; word-break: normal; line-height: 32px; color: rgb(62, 62, 62); text-align: center; background-color:#FF9C00;"><strong><span style="color: rgb(255, 255, 255);">更多精彩文章浏览...</span></strong></div>
<iframe style="width:100%;height:250px;border:none;margin-top:0px;margin-bottom:0px;" src="/mis/bbs/showappmore.asp" frameborder="0"></iframe>
<div style="padding-top: 3px; padding-bottom: 3px; white-space: normal; min-height: 1.5em; word-wrap: normal; word-break: normal; line-height: 32px; color: rgb(62, 62, 62); text-align: center; background-color: rgb(0, 187, 236);"><strong><span style="color: rgb(255, 255, 255);">点击右上角图标分享到朋友圈</span></strong></div>
<div style="margin-top:5px;margin-left:6px;">官方网站：<a href="http://www.clicksun.cn" style="text-decoration:none;color:#0080FF;">http://www.clicksun.cn</a></div>
<div style="margin-top:3px;margin-left:6px;">咨询热线：<a href="tel:400-186-1886" style="text-decoration:none;color:#0080FF;">400-186-1886</a></div>
<div style="margin-top:3px;margin-left:6px;margin-bottom:5px;">服务邮箱：<a href="mailto:service@clicksun.cn" style="text-decoration:none;color:#0080FF;">service@clicksun.cn</a></div>
<div style="width: 100%; margin:0px 0px 0px 0px; background-color:#FF9C00;"><a href="http://www.clicksun.cn"><img src="/files/all_around/cs_weixin_down.png?id=20181207" width="100%" border="0" /></a></div>
<script language="javascript">
document.body.oncopy=function(){
event.returnValue=false;
var txt_cr=document.selection.createRange().text;
var copy_cr="资料来源：深圳市点晴信息技术有限公司(www.clicksun.cn), 原文地址："+document.location;
txt_cr=txt_cr+"\r\n\r\n\r\n"+copy_cr;
window.clipboardData.setData("Text",txt_cr);
}
Prism.hooks.add('before-sanity-check', function (env) {
env.element.innerHTML = env.element.innerHTML.replace(/<br>/g, '\n');
env.code = env.element.textContent;
});
</SCRIPT>
<iframe style="WIDTH:0px;HEIGHT:0px;display:none;" name="city_edit" id="city_edit" src="" frameborder=0></iframe>
</body>
</html>]]></plaintext></div></div> 
