html标记大全

来自：薇薇one图书馆 > 馆藏分类

配色：

字号：大中小

html标记大全

2012-09-20 | 阅：转： | 分享

创建一个HTML文档设置文档标题和其它在网页中不显示的信息设置文档的标题

最大的标题

预先格式化文本下划线黑体字斜体字打字机风格的字体引用,通常是斜体强调文本(通常是斜体加黑体)加重文本(通常是斜体加黑体)设置字体大小从1到7，颜色使用名字或RGB的十六进制值基准字体标记字体加大字体缩小加删除线程式码键盘字范例变量

向右缩排述语定义

地址标记上标字下标字...固定寬度字体(在文件中空白、換行、定位功能有效)...</plaintext>固定寬度字體(不執行標記符號)<listing>...</listing>固定寬度小字體<fontcolor=00ff00>...</font>字體顏色<fontsize=1>...</font>最小字體<fontstyle="font-size:100px">...</font>無限增大《〈格式标志〉》<p></p>创建一个段落<palign="">将段落按左、中、右对齐<br>换行插入一个回车换行符<blockquote></blockquote>从两边缩进文本<dl></dl>定义列表<dt>放在每个定义术语词前<dd>放在每个定义之前<ol></ol>创建一个标有数字的列表<ul></ul>创建一个标有圆点的列表<li>放在每个列表项之前,若在<ol></ol>之间则每个列表项加上一个数字,若在<ul></ul>之间则每个列表项加上一个圆点<divalign=""></div>用来排版大块HTML段落,也用于格式化表<MENU>选项清单<DIR>目录清单<nobr></nobr>强行不换行<hrsize="9"width="80%"color="ff0000">水平線(設定寬度)<center></center>水平居中《〈链接标志表格标志〉》<ahref="URL"></a>创建超文本链接<ahref="mailtEMAIL"></a>创建自动发送电子邮件的链接<aname="name"></a>创建位于文档内部的书签<ahref="#name"></a>创建指向位于文档内部书签的链接<BASE>文档中不能被该站点辨识的其它所有链接源的URL</table>创建一个表格<tr></tr>表格中的每一行<td></td>表格中一行中的每一个格子<th></th>设置表格头:通常是黑体居中文字<tablecellspacing="">设置表格格子之间空间的大小<tableborder="">设置边框的宽度<tablecellpadding="">设置表格格子边框与其内部内容之间空间的大小<tablewidth="">设置表格的宽度。用绝对像素值或总宽度的百分比<tablealign="">设置表格格子的水平对齐方式(left,center,right,justify)<tralign="">设置表格格子的水平对齐方式(left,center,right,justify)<trvalign="">设置表格格子的垂直对齐方式(baseline,bottom,middle,top)<tdcolspan="">设置一个表格格子跨占的列数(缺省值为1)<tdrowspan="">设置一个表格格子跨占的行数(缺省值为1)<tdnowrap>禁止表格格子内的内容自动断行<CAPTION></CAPTION>表格的标题<COLGROUP></COLGROUP>定义多个列为一组列<TABLE></TABLE>创建一个表格<THEAD></THEAD>定义表格的页眉<COL>定义一个列组中的列，以便对它们能够同时设置有关属性<TBODY></TBODY>定义一个表格的实体<TFOOT></TFOOT>定义一个表格的页脚《表单标志》<form></form>创建表单action="..."接收数据的服务器的URLmethod="..."HTTP的方法(get,post)。其中get是被反对使用的enctype="..."指定MIME(Internet媒体类型)onsubmit="..."当提交表单时发生的内部事件noreset="..."在重新设置表单时发生的内部事件target="..."决定把内容显示在什么地方(_blank,_parent,_self,_top<selectmultiplename="name"size=""></select>创建滚动菜单,size设置在需要滚动前可以看到的表单项数目<option>设置每个表单项的内容<selectname="name"></select>创建下拉菜单<textareaname="name"cols=40rows=8></textarea>创建一个文本框区域,列的数目设置宽度,行的数目设置高度<inputtype="checkbox"name="name">创建一个复选框,文字在标签后面<inputtype="radio"name="name"value="">创建一个单选框,文字在标志后面<inputtype=textname="foo"size=20>创建一个单行文本输入区域,size设置以字符串的宽度<inputtype="submit"value="name">创建提交(submit)按钮<inputtype="image"border=0name="name"src="name.gif">创建一个使用图象的提交(submit)按钮<inputtype="reset">创建重置(reset)按钮<BUTTON></BUTTON>创建一个按钮disabled="..."把按钮的状态设置为不能name="..."按钮的控制名value="..."按钮的值type="..."按钮的类型(button,submit,reset)<FIELDSET></FIELDSET>把相互关联的控件组合成一组<ISINDEX>提示用户输入<LABEL></LABEL>为一个控件提供标签<LEGEND></LEGEND>为FIELDSET元素指定一标题<SELECT></SELECT>为用户做选择创建各个选项<TEXTAREA></TEXTAREA>创建一个允许用户多行输入的区域表单注解：type="..."用于输入控件的类型(text,password,checkbox,radio,submit,reset,file,hidden,image,button)name="..."控件的控制名(要求是除了submit和reset之外的任何名字)value="..."控件的初始值checked="..."把一个单选钮设置为选中的状态disabled="..."把控件的状态设置为不能使用readonly="..."只对输入密码的文本框使用size="..."表示以像素为单位的除了文本框和密码框控件之外的其它控件的宽度，它是用来指定字符的数目src="..."一个图像控件的URLmaxlength="..."指定可以输入的最多的字符数目alt="..."另外一种文本描述usemap="..."到客户端图形镜像的URLalign="..."被反对。控制对齐方式(left,center,right,justify)tabindex="..."通过定义的tabindex值确定在不同元素之间获得焦点的顺序onfocus="..."当元素获得焦点时发生的事件onblur="..."当元素失去焦点时发生的事件onselect="..."当元素被选中时发生的事件onchang="..."当元素状态被改变时发生的事件accept="..."允许上载的文件类型《帧标志》<frameset></frameset>放在一个帧文档的<body>标签之前,也可以嵌在其他帧文档中<framesetrows="value,value">定义一个帧内的行数,可以使用绝对像素值或高度的百分比<framesetcols="value,value">定义一个帧内的列数,可以使用绝对像素值或宽度的百分比<frame>定义一个帧内的单一窗或窗区域<noframes></noframes>定义在不支持帧的浏览器中显示什么提示<framesrc="URL">规定帧内显示的HTML文档<framename="name">命名帧或区域以便别的帧可以指向它<framemarginwidth="">定义帧左右边缘的空白大小,必须大于等于1<framemarginheight="">定义帧上下边缘的空白大小,必须大于等于1<framescrolling="">设置帧是否有滚动栏,其值可以是"yes","no"或"auto"<framenoresize>禁止用户调整一个帧的大小<IFRAME></IFRAME>创建一个内联的帧scr="..."定义在帧中显示的内容的来源frameborder="..."定义帧之间的边界(0或1)align="..."被反对。控制对齐方式(left,center,right,justify)height="..."帧的高度width="..."帧的宽度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>設定捲動時間<imgsrc="">插入图片，参数有:width="宽",alt="说明文字",height="高",boder="边框"《文档整体属性标志》<bodybgcolor="">设置背景颜色。使用名字或RGB的十六进制值<bodybackground="">设置背景图片<bodybgsound="">设置背景音乐<bodybgproperties="fixed">固定背景图片（IE适用）<bodytext="">设置文本颜色。使用名字或RGB的十六进制值<bodylink="">设置链接颜色。使用名字或RGB的十六进制值<bodyvlink="">设置已使用的链接的颜色。使用名字或RGB的十六进制值<bodyalink="">设置正在被击中的链接的颜色。使用名字或RGB的十六进制值<bodytopmargin="">设置页面的上边距<bodyleftmargin="">设置页面的左边距<br><br>?<br><br>?<br><br>换段：????????????????<p>换行：???????????????<br>链接文字：????????????<ahref="链接地址">在此输入文字</a>?链接发邮件：??????????<ahref="mailto:webmaster@fm365bbs.com">在此输入文字</a>文字居中：????????????<center>在此输入文字</center>??文字加粗体效果：??????<b>在此输入文字</b>?文字加倾斜效果：??????<i>在此输入文字</i>???文字加下划线效果：????<u>在此输入文字</u>?改变文字大小：????????<fontsize=4>在此输入文字</font>?改变字体：????????????<fontface=宋体>在此输入文字</font>?改变文字颜色：????????<fontcolor=red>在此输入文字</font>文字上標：????????????<sup>在此输入文字</sup>文字下標：????????????<sub>在此输入文字</sub>文字闪烁效果：????????<blink>在此输入文字</blink>列表方式：????????????<ul>开始列表??????????????????????<li>列表项目</li>??????????????????????</ul>?贴图片：??????????????<imgsrc="链接地址">???滚动文字特效：????????<marquee>在此输入文字</marquee>?插入一个背景声音文件：<img="链接地址">?插入音乐或视屏播放：??<embedname=player1src="链接地址"type=audio/x-pn-realaudio-pluginwidth="填数字"height="添数字"border="添数字"autostart="true"></embed>按钮效果：????????????<inputtype=buttonvalue="按钮上的字"onclick=alert("按后框里的字")></span>贴flash文件：?????????<embedsrc=链接地址width="填数字"height="填数字"><br><br><br><br></td> </tr> </tbody> </table> <div id="viewerPlaceHolder" style="width: 717px; height: 700px; display: none;"> </div> </span> <table> <tbody> <tr> <td></td> </tr> </tbody> </table> </td> </tr> <tr> <td> <div class="left list" style="text-align: left; font-size: 14px;"> <div id='lastart'></div> <div id='nextart'></div> </div> </td> </tr> <tr> <td style="height: 29px;"> <div style="padding-top: 20px;"> <table style="width: 100%;" cellpadding="0" cellspacing="0"> <tbody> <tr> <td width="31%"></td> <td> <table cellpadding="0" cellspacing="0" style="margin: 0px auto;"> <tbody> <tr> <td><div class=" left" style='cursor: pointer'> <a href="javascript:void(0);" onclick="wzhit(22);SaveArt();"> <img src="http://pubimage.360doc.com/wz/tb11.gif" /></a> </div> <div class=" left xianhua" id="sendFlowerToUser" style='cursor: pointer' onclick='Showflowerlayer("sendedLayer1");'> 献花(<span id="articleflowernum">0</span>)<div id='flowernumadd' class="addtionone">+1</div> </div> </td> </tr> </tbody> </table> </td> <td width="31%" style="vertical-align: bottom; font-size: 12px;"> <div class="right" id="sharediv2"> </div> </td> </tr> </tbody> </table> </div> </td> </tr> <tr> <td> <div class="xiantao" style="padding-top: 5px;"> </div> </td> </tr> <tr> <td class="xgiambox" style="vertical-align: top; height: 30px; padding-top: 10px;"> <div class="right">(本文系<span class="name"><a target="_blank" href="http://www.360doc.com/userhome/8744445">薇薇one图书...</a></span>首藏<span id="docsource"></span>)</div> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> <div class="lswzbox"> <div> <table cellpadding="0" cellspacing="0"> <tbody> <tr> <td> <div class="bottom_article f_left"> <div class="str_border"> <strong>类似文章</strong> <a href='http://www.360doc.com/relevant/237162702_more.shtml' target='_blank' class='a_more f_right' onclick='artStatistics("20-9-8");'>更多</a> </div> <ul class="barticle_list"> <li><span><a href=http://www.360doc.com/content/13/1009/11/12424571_320027721.shtml target=_blank onclick='artStatistics("20-9-7");'>CSS3 RGBA 属性高级用法</a></span></li> <li><span><a href=http://www.360doc.com/content/19/0302/21/644962_818672014.shtml target=_blank onclick='artStatistics("20-9-7");'>html教程（三）</a></span></li> <li><span><a href=http://www.360doc.com/content/16/1123/16/37221921_608831913.shtml target=_blank onclick='artStatistics("20-9-7");'>金融管理专业的大学生因爱好转学编程</a></span></li> <li><span><a href=http://www.360doc.com/content/15/1116/09/11411827_513516574.shtml target=_blank onclick='artStatistics("20-9-7");'>Unity中将十六进制颜色值转换为RGB颜色值</a></span></li> <li><span><a href=http://www.360doc.com/document/12/0702/12/10312302_221687681.shtml target=_blank onclick='artStatistics("20-9-7");'>木纹字效果</a></span></li> <li><span><a href=http://www.360doc.com/content/15/0113/20/17912790_440515113.shtml target=_blank onclick='artStatistics("20-9-7");'>html背景</a></span></li> <li><span><a href=http://www.360doc.com/content/10/0818/22/2692128_47048823.shtml target=_blank onclick='artStatistics("20-9-7");'>HTML 颜色名</a></span></li> <li><span><a href=http://www.360doc.com/content/14/0616/19/552866_387259561.shtml target=_blank onclick='artStatistics("20-9-7");'>php的颜色定义表</a></span></li> <li><span><a href=http://www.360doc.com/content/16/0427/16/31683748_554273196.shtml target=_blank onclick='artStatistics("20-9-7");'>RGB格式颜色和十六进制（hex）互转</a></span></li> </ul> </div> </td> </tr> </tbody> </table> <div id="Reflction"> <div id="360docRefTN"> </div> <div id="360docRefCT"> </div> <div id="360docRefPB" align="center"> </div> </div> <a name="sf"></a> <div id="ReflectionPart"> <div class="mainbottom"> <div class=" left"> <img src="http://pubimage.360doc.com/wz/tb22.gif" /> </div> <div class="plbox left"> <div class="plmain"> <div class="titwx">发表评论：</div> <div> <textarea name="SendRefTB" class="pltxt" id="SendRefTB" onfocus="testContent(1);" onblur="testContent(2)"></textarea> </div> <div class="right"> <img id="ImgSendPL" src="http://pubimage.360doc.com/wz/tb24.gif" style="cursor: pointer;" onclick="SubmitReflection()" width="75" height="28" /> </div> </div> </div> <div class=" left"> <img src="http://pubimage.360doc.com/wz/tb23.gif" /> </div> </div> </div> </div> </div> </td> <td align="center" valign="top" width="18px"></td> <td align="left" valign="top" width="252px"></td> </tr> </tbody> </table> </div> <script language="javascript" type="text/javascript"> var appName = navigator.appName.toLowerCase(); if (appName.indexOf("microsoft internet explorer") > -1) { document.write("<scr" + "ipt type='text/javascript' src='http://www.360doc.com/js/StickySystemIENewVersion.js?t=2012122401'></sc" + "ript>"); } else { document.write("<scr" + "ipt type='text/javascript' src='http://www.360doc.com/js/StickySystemOtherNewVersion.js?t=2012122401'></sc" + "ript>"); } </script> <span id="LayerLogin"></span> <script>GerLookingUserInfo(1,8744445,1,52,'http://flash1.360doc.com/2012/0920/10/237162702_1.swf',9,10);OutputSource('http://www.360doc.com/userhome/8744445');OutputCategory(8744445,1,'馆藏分类');</script> <script src="http://blockart.360doc.com/ajax/getstatusv2.ashx?aid=237162702" type="text/javascript" charset="utf-8" async="async"></script> <script type="application/ld+json"> { "@context": "https://ziyuan.baidu.com/contexts/cambrian.jsonld", "@id": "http://www.360doc.com/document/12/0920/10/8744445_237162702.shtml", "title": "html标记大全", "pubDate": "2012-09-20T10:11:38" } </script> </body> </html>