HTML标签以及各个标签属性大全(网页制作必备).

合集下载

html标签属性大全

html标签属性大全HTML标签属性大全。

HTML标签是网页制作的基础，而标签属性则是用来描述标签的特性和行为。

了解HTML标签属性对于网页制作非常重要，因为它可以帮助我们更好地控制网页的外观和行为。

本文将为大家介绍HTML标签的常见属性，希望能够对大家有所帮助。

1. `id`属性。

`id`属性用来唯一标识一个元素，每个元素都可以有一个唯一的`id`。

这个属性在JavaScript和CSS中经常被用到，可以方便地对元素进行操作和样式设置。

2. `class`属性。

`class`属性用来为元素定义一个或多个类名，这样可以为一个元素定义多个样式。

多个元素也可以共享相同的类名，从而实现样式的统一设置。

3. `style`属性。

`style`属性用来为元素设置内联样式，可以直接在HTML标签中定义元素的样式，但不推荐频繁使用，因为它会增加HTML文件的大小，不利于维护。

4. `title`属性。

`title`属性用来为元素提供附加的信息，当鼠标悬停在元素上时会显示`title`属性的内容，这对于提供额外的解释或描述非常有用。

5. `href`属性。

`href`属性用来指定链接的目标地址，常用于`<a>`标签中，定义链接的跳转目标。

6. `src`属性。

`src`属性用来指定资源文件的地址，比如图片、音频、视频等，常用于`<img>`、`<audio>`、`<video>`等标签中。

7. `alt`属性。

`alt`属性用来为图片指定替代文本，当图片无法加载时，会显示`alt`属性的内容，同时也有助于提高网页的可访问性。

8. `width`和`height`属性。

`width`和`height`属性用来定义元素的宽度和高度，常用于`<img>`标签中，可以控制图片的显示大小。

9. `disabled`属性。

`disabled`属性用来禁用元素，比如禁用表单中的输入框、按钮等，使其不能被用户操作。

html标签属性大全

html标签大全一、文字1.标题文字<h#>..........</h#> #=1~6；h1为最大字，h6为最小字2.字体变化<font>..........</font>【1】字体大小<font size=#>..........</font> #=1~7；数字愈大字也愈大【2】指定字型<font face="字体名称">..........</font>【3】文字颜色<font color=#rrggbb>..........</font>rr：表红色（red）色码gg：表绿色（green）色码bb：表蓝色（blue）色码rrggbb也可用6位颜色代码数字3.显示小字体<small>..........</small>4.显示大字体<big>..........</big>5.粗体字<b>..........</b>6.斜体字<i>..........</i>7.打字机字体<tt>..........</tt>8.底线<u>..........</u>9.删除线<strike>..........</strike>10.下标字<sub>..........</sub>11.上标字<sup>..........</sup>12.文字闪烁效果<blink>..........</blink>13.换行（也称回车）<br>14.分段<p>15.文字的对齐方向<p align="#"> #号可为left：表向左对齐（预设值）center：表向中对齐right：表向右对齐P.S.<p align="#">之后的文字都会以所设的对齐方式显示，直到出现另一个<p align="#">改变其对齐方向，遇到<hr>或<h#>标签时会自动设回预设的向左对齐。

html标签大全

html标签大全HTML标签大全。

HTML（HyperText Markup Language）是一种用于创建网页的标准标记语言。

在HTML中，标签是用来定义网页结构和内容的。

本文将介绍一些常用的HTML 标签，以及它们的用法和示例。

1. 文本标签。

`<h1>`~`<h6>`，定义标题，数字表示标题的级别，从大到小依次递减。

`<p>`，定义段落。

`<strong>`，定义加粗文本。

`<em>`，定义斜体文本。

`<u>`，定义下划线文本。

`<br>`，定义换行。

2. 链接标签。

`<a>`，定义超链接，href属性指定链接的地址。

`<img>`，定义图像，src属性指定图片的地址。

3. 列表标签。

`<ul>`，定义无序列表。

`<ol>`，定义有序列表。

`<li>`，定义列表项。

4. 表格标签。

`<table>`，定义表格。

`<tr>`，定义表格行。

`<td>`，定义表格数据单元格。

5. 表单标签。

`<form>`，定义表单，action属性指定表单提交的地址。

`<input>`，定义输入框，type属性指定输入框的类型（文本框、密码框、复选框等）。

`<select>`，定义下拉框。

`<textarea>`，定义多行文本输入框。

`<button>`，定义按钮。

6. 多媒体标签。

`<audio>`，定义音频播放器。

`<video>`，定义视频播放器。

`<iframe>`，定义内联框架，用于嵌入其他网页。

7. 其他标签。

`<div>`，定义文档中的块级元素。

`<span>`，定义文档中的行内元素。

`<meta>`，定义网页的元数据，如字符集、关键词等。

(完整版)HTML标签解释大全

一、HTML标记标签:!DOCTYPE说明:指定了 HTML 文档遵循的文档类型定义(DTD)。

标签：a说明：标明超链接的起始或目的位置。

标签:acronym说明：标明缩写词.标签：address说明：特定信息,如地址、签名、作者、此文档的原创者。

标签:applet说明：在页面上放置可执行内容。

标签：area说明:定义一个客户端图像映射中一个超级链接区域的形状、坐标和关联 URL。

标签：attribute说明：以对象的形式代表了 HTML 元素的标签属性或属性。

标签：b说明:指定文本应以粗体渲染.标签：base说明：指定一个显式 URL 用于解析对于外部源的链接和引用，如图像和样式表。

标签：basefont说明:设置渲染文本时作为默认字体的基础字体值。

标签：bdo说明：允许作者为选定文本片断禁用双向法则。

标签:bgsound说明：允许页面带有背景声音或创建音轨。

标签:big标签：blockquote说明:设置文本中的一段引语。

标签:body说明：指定文档主体的开始和结束.标签:br说明：插入一个换行符。

标签：button说明：指定其中所含的 HTML 要被渲染为一个按钮.标签：caption说明：指定表格的简要描述。

标签:center说明：将后面的文本和图像居中显示。

标签：cite说明:用斜体显示标明引言。

标签：clientinformation说明：包含关于 Web 浏览器的信息。

标签：clipboarddata说明：提供了对于预定义的剪贴板格式的访问，以便在编辑操作中使用.标签:code说明:指定代码范例。

标签：col说明:指定基于列的表格默认属性。

标签:colgroup说明：指定表格中一列或一组列的默认属性.标签：comment说明：标明不可见的注释.标签：custom说明：代表了一个用户自定义元素。

标签：datatransfer说明:提供了对于预定义的剪贴板格式的访问，以便在拖曳操作中使用。

HTML标签及属性大全

HTML标签及属性⼤全HTML标签及属性⼤全基本结构标签:<HTML>,表⽰该⽂件为HTML⽂件<HEAD>,包含⽂件的标题,使⽤的脚本,样式定义等<TITLE>---</TITLE>,包含⽂件的标题,标题出现在浏览器标题栏中</HEAD>,<HEAD>的结束标志<BODY>,放置浏览器中显⽰信息的所有标志和属性,其中内容在浏览器中显⽰.</BODY>,<BODY>的结束标志</HTML>,<HTML>的结束标志其它主要标签,以下所有标志⽤在<BODY></BODY>中:<A,HREF="…"></A>,链接标志,"…"为链接的⽂件地址<IMG,SRC="…">,显⽰图⽚标志,"…"为图⽚的地址<BR>,换⾏标志<P>,分段标志<B></B>,采⽤⿊体字<I></I>,采⽤斜体字<HR>,⽔平画线<TABLE></TABLE>,定义表格,HTML中重要的标志<TR></TR>,定义表格的⾏,⽤在<TABLE></TABLE>中<TD></TD>,定义表格的单元格,⽤在<TR></TR>中<FONT></FONT>,字体样式标志属性:属性是⽤来修饰标志的,属性放在开始标志内.例:属性bgcolor="BLACK"表⽰背景⾊为⿊⾊.引⽤属性的例⼦:<BODY,bgcolor="BLACK"></BODY>表⽰页⾯背景⾊为⿊⾊;<TABLE,bgcolor="BLACK"></TABLE>表⽰表格背景⾊为⿊⾊.常⽤属性:对齐属性,范围属性:ALIGN=LEFT,左对齐(缺省值),WIDTH=象素值或百分⽐,对象宽度.ALIGN=CENTER,居中,HEIGHT=象素值或百分⽐,对象⾼度.ALIGN=RIGHT,右对齐.⾊彩属性:COLOR=#RRGGBB,前景⾊,参考⾊彩对照表. BGCOLOR=#RRGGBB,背景⾊.<center>表⽰绝对居中.<table></table>表格标识的开始和结束.属性:cellpadding=数值单位是像素,定义表元内距cellspacing=数值单位是像素,定义表元间距border=数值单位是像素,定义表格边框宽度width=数值单位是像素或窗⼝百分⽐,定义表格宽度background=图⽚链接地址,定义表格背景图<tr></tr>表格中⼀个表格⾏的开始和结束;<td></td>表格中⾏内⼀个单元格的开始和结束属性:Colspan="",单元格跨越多列;Rowspan="",单元格跨越多⾏;Width="";定义表格宽度Height="";定义表格⾼度Align="";对齐⽅式Valign="";Border="",边框宽度;Bgcolor="",背景⾊;Bordercolor="",边框颜⾊;Bordercolorlight="",边框明亮⾯的颜⾊; Bordercolordark="",边框暗淡⾯的颜⾊;Cellpadding="",内容与边框的距离(默认为2); Cellspacing="",单元格间的距离(默认为2);<br>强制换⾏<font></font>⽂本标识的开始和结束属性:face=字体color=颜⾊<b></b>加粗⽂字标识的开始和结束属性:style=font-size:40pt;,⽤样式表⽅式控制字体⼤⼩,这⾥是40点<div></div>,分区标识的开始和结束属性:align=|center|left|right|⽔平对齐⽅式<marquee></marquee>动态标识的开始和结束,如标识内放置贴图格式则可实现图⽚滚动属性:scrollamount=1~60,滚动速度direction=|left|right|up|down|,滚动⽅向scrolldelay=滚动延时,单位:毫秒<P>段落标识,空格符,<img>贴图标识属性:src=../../图⽚链接地址,贴图标识必备属性style=filter:Alpha(opacity=100,style=2);filter:样式表滤镜;Alpha:透明滤镜,opacity:不透明度100(0~100);style:样式2(0~3),rules="none"不显⽰内框"<embed,src="…">多媒体⽂件标识属性:SRC="../../FILENAME",设定⾳乐⽂件的路径,⽂件类型除了可以播放.rm;.mp3;.wav等⾳频,还可播放.swf和.mov等视频. AUTOSTART=TRUE/FALSE,是否要⾳乐⽂件传送完就⾃动播放,TRUE是要,FALSE是不要,默认为FALSELOOP=,设定播放重复次数,LOOP=6表⽰重复6次,true或-1为⽆限循环,false为播放⼀次即停⽌. STARTIME="分:秒",设定乐曲的开始播放时间,如20秒后播放写为STARTIME=00:20VOLUME=0-100,设定⾳量的⼤⼩.如果没设定的话,就⽤系统的⾳量.WIDTH,HEIGHT,设定控制⾯板的⼤⼩,都设为0可隐藏播放器HIDDEN=TRUE,隐藏控制⾯板CONTROLS=CONSOLE/SMALLCONSOLE,设定控制⾯板的样⼦,<bgsound,src="…">,背景⾳乐标识,只能⽤于.wav和.mp3格式.属性:LOOP=,设定播放重复次数,LOOP=6表⽰重复6次,true或-1为⽆限循环,false为播放⼀次即停⽌.表单标签:<form></form>表格标识的开始和结束,表单的内容都放在这⾥.下边的标签放在表单内:<select>下拉选择框<option></option></select>属性:Multiple,多选<textarea></textarea>,⼤量⽂字输⼊的编辑块属性:Cols="",⾏;Rows="",列;<input,type="text">,⽂本框<input,type="password">,密码框<input,type="submit">,提交按扭<input,type="checkbox">,复选框<input,type="radio">,单选框<input,type="reset">,重置按扭<input,type="image">,图⽚按扭<input,type="hidden">,隐藏域<input,type="button">,按扭<input,type="file">,浏览⽂件公共属性:Name="";Value=""Size=""框架标签:<FRAMESET>...</FRAMESET>,定义框架.<FRAME>,放在框架标签内,定义每个框架的内容.属性:Cols=""Rows=""Frameborder=""Framespacing=""src=""Scrolling="",滚动条(No,Yes);Noresize,框加⼤⼩不可变;Marginhight="",⾼度空余空间;Marginwidth="",宽度空余空间;Target="",⽬标框架.其他标签:<bgsound>,背景⾳乐;Src=""Loop="",循环次数;<embed>,媒体播放块;Src=""Loop="",循环次数;<marquee></marquee>,滚动部分;属性:Bgcolor=""Behavior,设置或获取⽂本如何在字幕中滚动.Direction="",滚动⽅向;Height=""Width=""Loop="",环次数;scrollAmount="",设置或获取介于每个字幕绘制序列之间的⽂本滚动像素数.scrollDelay="",设置或获取字幕滚动的速度.scrollHeight="",获取对象的滚动⾼度;scrollLeft="",设置或获取位于对象左边界和窗⼝中⽬前可见内容的最左端之间的距离.scrollTop="",设置或获取位于对象最顶端和窗⼝中可见内容的最顶端之间的距离.trueSpeed="",设置或获取字幕的位置是否使⽤scrollDelay和scrollAmount属性计算,已过的实际时间来⾃于时钟计时. ,注释标记,在""之间的内容将不在浏览器中显⽰.--基本标签:<html></html>,创建⼀个HTML⽂档;<head></head>,设置⽂档标题和其它在⽹页中不显⽰的信息;<title></title>,设置⽂档的标题;<h1></h1>,最⼤的标题;<pre></pre>,预先格式化⽂本;<u></u>,下划线<b></b>,⿊体字;<i></i>,斜体字;<tt></tt>,打字机风格的字体;<cite></cite>,引⽤,通常是斜体;<em></em>,强调⽂本(通常是斜体加⿊体);<strong></strong>,加重⽂本(通常是斜体加⿊体);<font,size="",color=""></font>,设置字体⼤⼩从1到7,颜⾊使⽤名字或RGB的⼗六进制值; <BASEFONT></BASEFONT>,基准字体标记;<big></big>,字体加⼤;<SMALL></SMALL>,字体缩⼩;<STRIKE></STRIKE>,加删除线;<CODE></CODE>,程式码;<KBD></KBD>,键盘字;<SAMP></SAMP>,范例;<VAR></VAR>,变量;<BLOCKQUOTE></BLOCKQUOTE>,向右缩排;<DFN></DFN>,述语定义;<ADDRESS></ADDRESS>,地址标记;<sup></SUP>,上标字;<SUB></SUB>,下标字;<xmp>...</xmp>固定宽度字体(在⽂件中空⽩、换⾏、定位功能有效)<plaintext>...</plaintext>固定宽度字体(不执⾏标记符号);<listing>...</listing>,固定宽度⼩字体;<font,color=00ff00>...</font>字体颜⾊;<font,size=1>...</font>最⼩字体;<font,style,='font-size:100,px'>...</font>⽆限增⼤.格式标签:<p></p>,创建⼀个段落;<p,align="">,将段落按左、中、右对齐;<br>,换⾏,插⼊⼀个回车换⾏符;<blockquote></blockquote>,从两边缩进⽂本;<dl></dl>,列表标签,定义列表;<dt>,定义列表标题;<dd>,定义列表内容;例:<dl><dt>标题1</dt><dd>内容11</dd><dd>内容12</dd><dt>标题2</dt><dd>内容21</dd><dd>内容22</dd></dl><ol></ol>,列表标签,定义⼀个标有数字的列表;<ul></ul>,列表标签,定义⼀个标有圆点的列表;<li>,放在每个列表项之前;放在<ol></ol>之间则每个列表项加上⼀个数字,放在<ul></ul>之间则每个列表项加上⼀个圆点;<div,align=""></div>,分区标签,⽤来排版⼤块HTML段落,也⽤于格式化表;<MENU>,选项清单;<DIR>,⽬录清单;<nobr></nobr>,强⾏不换⾏;<hr,size='9',width='80%',color='ff0000'>⽔平线(设定宽度);<center></center>,⽔平居中.链接标签:<a,href="URL"></a>,创建超⽂本链接;<a,href="mailtEMAIL"></a>,创建⾃动发送电⼦邮件的链接;<a,name="name"></a>,创建位于⽂档内部的书签;<a,href="#name"></a>,创建指向位于⽂档内部书签的链接;<BASE>,⽂档中不能被该站点辨识的其它所有链接源的URL;<LINK>,定义⼀个链接和源之间的相互关系;链接标签注解:target="...",决定链接源在什么地⽅显⽰(⽤户⾃定义的名字,_blank,_parent,_self,_top);rel="...",发送链接的类型;rev="...",保存链接的类型;accesskey="...",指定该元素的热键;shape="...",允许我们使⽤已定义的形状定义客户端的图形镜像(default,rect,circle,poly);coord="...",使⽤像素或者长度百分⽐来定义形状的尺⼨;tabindex="...",使⽤定义过的tabindex元素设置在各个元素之间的焦点获取顺序(使⽤tab键使元素获得焦点).表格标签:<table></table>,创建⼀个表格;<tr></tr>,表格中的每⼀⾏;<td></td>,表格中⼀⾏中的每⼀个格⼦;<th></th>,设置表格头:通常是⿊体居中⽂字;<table,cellspacing="">,设置表格格⼦之间空间的⼤⼩;<table,border="">,设置边框的宽度;<table,cellpadding="">,设置表格格⼦边框与其内部内容之间空间的⼤⼩;<table,width="">,设置表格的宽度.⽤绝对像素值或总宽度的百分⽐;<table,align="">,设置表格格⼦的⽔平对齐⽅式(left,center,right,justify);<tr,align="">,设置表格格⼦的⽔平对齐⽅式(left,center,right,justify);<tr,valign="">,设置表格格⼦的垂直对齐⽅式(baseline,bottom,middle,top);<td,colspan="">,设置⼀个表格格⼦跨占的列数(缺省值为1);<td,rowspan="">,设置⼀个表格格⼦跨占的⾏数(缺省值为1);<td,nowrap>,禁⽌表格格⼦内的内容⾃动断⾏;<CAPTION></CAPTION>,表格的标题;<COLGROUP></COLGROUP>,定义多个列为⼀组列;<TABLE></TABLE>,创建⼀个表格;<THEAD></THEAD>,定义表格的页眉;<COL>,定义⼀个列组中的列，以便对它们能够同时设置有关属性;<TBODY></TBODY>,定义⼀个表格的实体;<TFOOT></TFOOT>,定义⼀个表格的页脚;表单标签:<form></form>,创建表单;action="...",接收数据的服务器的URL;method="...",HTTP的⽅法(get,,post),其中get是被反对使⽤的;enctype="...",指定MIME(Internet媒体类型);onsubmit="...",当提交表单时发⽣的内部事件;noreset="...",在重新设置表单时发⽣的内部事件;target="...",决定把内容显⽰在什么地⽅(_blank,_parent,_self,_top)<select,multiple,name="name",size=""></select>,创建滚动菜单,size设置在需要滚动前可以看到的表单项数⽬;<option>,设置每个表单项的内容;<select,name="name"></select>,创建下拉菜单;<textarea,name="name",cols=40,rows=8></textarea>,创建⼀个⽂本框区域,列的数⽬设置宽度,⾏的数⽬设置⾼度; <input,type="checkbox",name="name">,创建⼀个复选框,⽂字在标签后⾯;<input,type="radio",name="name",value="">,创建⼀个单选框,⽂字在标志后⾯;<input,type=text,name="foo",size=20>,创建⼀个单⾏⽂本输⼊区域,size设置以字符串的宽度;<input,type="submit",value="name">,创建提交(submit)按钮;<input,type="image",border=0,name="name",src="name.gif">,创建⼀个使⽤图象的提交(submit)按钮;<input,type="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="...",⼀个图像控件的URL;maxlength="...",指定可以输⼊的最多的字符数⽬;alt="...",另外⼀种⽂本描述;usemap="...",到客户端图形镜像的URL;align="...",被反对.控制对齐⽅式(left,,center,,right,,justify);tabindex="...",通过定义的tabindex值确定在不同元素之间获得焦点的顺序;onfocus="...",当元素获得焦点时发⽣的事件;onblur="...",当元素失去焦点时发⽣的事件;onselect="...",当元素被选中时发⽣的事件;onchang="...",当元素状态被改变时发⽣的事件;accept="...",允许上载的⽂件类型.帧标签(框架标签):<frameset></frameset>,放在⼀个帧⽂档的<body>标签之前,也可以嵌在其他帧⽂档中;<frameset,rows="value,value">,定义⼀个帧内的⾏数,可⽤像素值或⾼度百分⽐;<frameset,cols="value,value">,定义⼀个帧内的列数,可⽤像素值或宽度百分⽐;<frame>,定义⼀个帧内的单⼀窗或窗区域;<noframes></noframes>,定义在不⽀持帧的浏览器中显⽰什么提⽰;<frame,src="URL">,规定帧内显⽰的HTML⽂档;<frame,name="name">,命名帧或区域以便别的帧可以指向它;<frame,marginwidth="">,定义帧左右边缘的空⽩⼤⼩,必须⼤于等于1;<frame,marginheight="">,定义帧上下边缘的空⽩⼤⼩,必须⼤于等于1;<frame,scrolling="">,设置帧是否有滚动栏,其值可以是"yes","no",或"auto";<frame,noresize>,禁⽌⽤户调整⼀个帧的⼤⼩;<IFRAME></IFRAME>,创建⼀个内联的帧;scr="...",定义在帧中显⽰的内容的来源;frameborder="...",定义帧之间的边界(0或1);align="...",被反对,控制对齐⽅式(left,,center,,right,,justify);height="...",帧的⾼度,width="..."帧的宽度;<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>,设定卷动时间;<img,src="">,插⼊图⽚,参数有:width="宽",alt="说明⽂字",height="⾼",boder="边框".⽂档整体属性标签:<body,bgcolor="">,设置背景颜⾊.使⽤名字或RGB的⼗六进制值;<body,background="">,设置背景图⽚;<body,bgsound="">,设置背景⾳乐;<body,bgproperties="fixed">,固定背景图⽚(IE适⽤);<body,text="">,设置⽂本颜⾊.使⽤名字或RGB的⼗六进制值;<body,link="">,设置链接颜⾊.使⽤名,字或RGB的⼗六进制值;<body,vlink="">,设置已使⽤的链接的颜⾊.使⽤名字或RGB的⼗六进制值;<body,alink="">,设置正在被击中的链接的颜⾊.使⽤名字或RGB的⼗六进制值;<body,topmargin="">,设置页⾯的上边距;<body,leftmargin="">,设置页⾯的左边距.。

HTML标签以及各个标签属性大全(网页制作必备)

例1 Html文档中基本标志的使用<html><head><title>显示在浏览器最上边蓝色条中的文本</title></head><body bgcolor="red" text="blue"><p>红色背景、蓝色文本</p></body></html>1.<p></p>2.<br>3.<blockquote></blockquote>4.<dl></dl><dt></dt><dd></dd>5.<ol></ol><ul></ul><li></li>6.<div></div>vlink:设置访问过的超链接的色彩background:设定背景图片，可以是绝对路径也可以是相对路径。

bgcolor:用户设定背景色，当已设定background时这个属性会失去作用leftmargin:左边距topmargin:上边距四、注释与特殊字符：注释的内容不会被显示出来注释不能被嵌套。

< <> >& &" '注册符号版权符号" TM空格五、格式标签<p></p>:用来创建一个段落,可以用align属生来设置段落的对齐方式。

(完整版)html标签大全

<html></html> 创建一个HTML文档<head></head> 设置文档标题和其它在网页中不显示的信息<title></title> 设置文档的标题<h1></h1> 最大的标题<pre></pre> 预先格式化文本<u></u> 下划线<b></b> 黑体字<i></i> 斜体字<tt></tt> 打字机风格的字体<cite></cite> 引用,通常是斜体<em></em> 强调文本(通常是斜体加黑体)<strong></strong> 加重文本(通常是斜体加黑体)<font size="" color=""></font> 设置字体大小从1到7，颜色使用名字或RGB的十六进制值<BASEFONT></BASEFONT> 基准字体标记<big></big> 字体加大<SMALL></SMALL> 字体缩小<STRIKE></STRIKE> 加删除线<CODE></CODE> 程式码<KBD></KBD> 键盘字<SAMP></SAMP> 范例<VAR></VAR> 变量<BLOCKQUOTE></BLOCKQUOTE> 向右缩排<DFN></DFN> 述语定义<ADDRESS></ADDRESS> 地址标记<sup></SUP> 上标字<SUB></SUB> 下标字<xmp>...</xmp>固定寬度字体(在文件中空白、換行、定位功能有效)<plaintext>...</plaintext>固定寬度字體(不執行標記符號)<listing>...</listing> 固定寬度小字體<font color=00ff00>...</font>字體顏色<font size=1>...</font>最小字體<font style ='font-size:100 px'>...</font>無限增大◆◆◆◆◆◆◆◆◆◆◆◆◆◆《〈格式标志〉》◆◆◆◆◆◆◆◆◆◆◆◆<p></p> 创建一个段落<p align=""> 将段落按左、中、右对齐<br>换行插入一个回车换行符<blockquote></blockquote> 从两边缩进文本<dl></dl> 定义列表<dt> 放在每个定义术语词前<dd> 放在每个定义之前<ol></ol> 创建一个标有数字的列表<ul></ul> 创建一个标有圆点的列表<li> 放在每个列表项之前,若在<ol></ol>之间则每个列表项加上一个数字, 若在<ul></ul>之间则每个列表项加上一个圆点<div align=""></div> 用来排版大块HTML段落,也用于格式化表<MENU> 选项清单<DIR> 目录清单<nobr></nobr> 强行不换行<hr size='9' width='80%' color='ff0000'>水平線(設定寬度)<center></center> 水平居中◆◆◆◆◆◆◆◆◆《〈链接标志表格标志〉》◆◆◆◆◆◆◆◆◆◆◆◆◆◆<a href="URL"></a> 创建超文本链接<a href="mailtEMAIL"></a> 创建自动发送电子邮件的链接<a name="name"></a> 创建位于文档内部的书签<a href="#name"></a> 创建指向位于文档内部书签的链接<BASE> 文档中不能被该站点辨识的其它所有链接源的URL<LINK> 定义一个链接和源之间的相互关系◆◆◆◆◆◆◆◆链接标记注解：◆◆◆◆◆◆◆◆◆◆◆◆◆target="..."决定链接源在什么地方显示(用户自定义的名字，_blank,_parent,_self,_top◆rel="..."发送链接的类型◆rev="..."保存链接的类型◆accesskey="..."指定该元素的热键◆shape="..."允许我们使用已定义的形状定义客户端的图形镜像(default，rect，circle，poly ◆coord="..."使用像素或者长度百分比来定义形状的尺寸◆tabindex="..."使用定义过的tabindex元素设置在各个元素之间的焦点获取顺序(使用tab键使元素获得焦点)◆◆◆◆◆◆◆◆表格标记注解：◆◆◆◆◆◆◆◆◆◆◆◆<table></table> 创建一个表格<tr></tr> 表格中的每一行<td></td> 表格中一行中的每一个格子<th></th> 设置表格头:通常是黑体居中文字<table cellspacing=""> 设置表格格子之间空间的大小<table border=""> 设置边框的宽度<table cellpadding=""> 设置表格格子边框与其内部内容之间空间的大小<table width=""> 设置表格的宽度。

HTML标签以及各个标签属性大全(网页制作必备)

<NOBR> 取消换行和<br>相反总类（所有HTML文件都有的）--------------------------------------------------------------------------------文件类型<HTML></HTML>（放在档案的开头与结尾）文件主题<TITLE></TITLE>（必须放在「文头」区块内）文头<HEAD></HEAD>（描述性资料，像是「主题」）文体<BODY></BODY>（文件本体）结构性定义（由浏览器控制的显示风格）--------------------------------------------------------------------------------标题<H?></H?>（？表示从1到6，有六层选择）数值越高字越小标题对齐<H? ALIGN=LEFT|CENTER|RIGHT></H?>左对齐、居中对齐、右对齐区分<DIV></DIV>区分对齐<DIV ALIGN=LEFT|RIGHT|CENTER|JUSTIFY></DIV>左对齐、右对齐、居中对齐、两端对齐引文区块<BLOCKQUOTE></BLOCKQUOTE>（通常会内缩）斜体<EM></EM>加粗<STRONG></STRONG>引文<CITE></CITE>（通常会以斜体显示）码<CODE></CODE>（显示原始码之用）样本<SAMP></SAMP>表示一段用户应该对其没有什么其他解释的文本。

1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。

要从正常的上下文抽取这些字符时，通常要用到这个标签。

并不经常使用，只在要从正常上下文中将某些短字符序列提取出来，对其加以强调，才使用这个标签键盘输入<KBD></KBD>变数<VAR></VAR>定义<DFN></DFN> （有些浏览器不提供）地址<ADDRESS></ADDRESS>3.0 大字<BIG></BIG>3.0 小字<SMALL></SMALL>与外观相关的标签（作者自订的表现方式）--------------------------------------------------------------------------------加粗<B></B>斜体<I></I>3.0 底线<U></U>（尚有些浏览器不提供）3.0 删除线<S></S> （尚有些浏览器不提供）3.0 下标<SUB></SUB>3.0 上标<SUP></SUP>打字机体<TT></TT>（用单空格字型显示）预定格式<PRE></PRE>（保留文件中空格的大小）预定格式的宽度<PRE WIDTH=?></PRE>（以字元计算）N1.0+ 向中看齐<CENTER></CENTER>（文字与图片都可以）N1.0 闪耀<BLINK></BLINK>（有史以来最被嘲弄的标签）N1.0 字体大小<FONT SIZE=?></FONT>（从1到7）N1.0 改变字体大小<FONT SIZE=+|-?></FONT>N1.0 基本字体大小<BASEFONT SIZE=?>（从1到7; 内定为3）N2.0 字体颜色<FONT COLOR="#$$$$$$"></FONT>连结与图形--------------------------------------------------------------------------------链接<A HREF="URL"></A>连结到锚点<A HREF="URL#***"></A>（如果锚点在另一个档案）<A HREF="#***"></A>（如果锚点目前的档案）N2.0 连结到目的视框<A HREF="URL" TARGET="***"></A>设定锚点<A NAME="***"></A>图形<IMG SRC="URL">图形看齐方式<IMG SRC="URL" ALIGN=TOP|BOTTOM|MIDDLE>N1.0 图形看齐方式<IMG SRC="URL"ALIGN=LEFT|RIGHT|TEXTTOP|ABSMIDDLE|BASELINE|ABSBOTTOM>取代文字<IMG SRC="URL" ALT="***"> （如果没有办法显示图形则显示此文字）点选图<IMG SRC="URL" ISMAP> （需要CGI程式）N2.0 点选图<IMG SRC="URL" USEMAP="URL">N2.0 地图<MAP NAME="***"></MAP>（描述地图）N2.0 段落<AREA SHAPE="RECT" COORDS=",,," HREF="URL"|NOHREF>3.0 大小<IMG SRC="URL" WIDTH="?" HEIGHT="?">（以pixels为单位：px）N1.0 图形边缘<IMG SRC="URL" BORDER=?> （以pixels为单位）N1.0 图形边缘空间<IMG SRC="URL" HSPACE=? VSPACE=?> （以pixels为单位）N1.0 低解析度图形<IMG SRC="URL" LOWSRC="URL">N1.1 用户端拉<META HTTP-EQUIV="Refresh" CONTENT="?; URL=URL">（使用端自动更新）N2.0 内嵌物件<EMBED SRC="URL"> （将物件插入页面）N2.0 内嵌物件大小<EMBED SRC="URL" WIDTH="?" HEIGHT="?">分隔--------------------------------------------------------------------------------段落<P> （通常是两个return）3.0 段落<P></P> （新定义成容器型标签）3.0 文字看齐方式<P ALIGN=LEFT|CENTER|RIGHT></P>换行<BR> （一个return）N1.0 文字部份看齐方式<BR CLEAR=LEFT|RIGHT|ALL>（与图形合用时）横线<HR>N1.0 横线对齐<HR ALIGN=LEFT|RIGHT|CENTER>N1.0 横线厚度<HR SIZE=?> （以pixels为单位）N1.0 横线宽度<HR WIDTH=?> （以pixels为单位）N1.0 横线比率宽度<HR WIDTH=%> （以页宽为100%）N1.0 实线<HR NOSHADE> （没有立体效果）N1.0 不可换行<NOBR></NOBR> （不换行）N1.0 可换行处<WBR> （如果需要，可在此断行）列举（可以巢状列举）--------------------------------------------------------------------------------无次序式列举<UL><LI></UL>（<LI> 放在每一项前）N1.0 公布式列举<UL TYPE=DISC|CIRCLE|SQUARE>（定义全部的列举项）<LI TYPE=DISC|CIRCLE|SQUARE>（定义这个及其後的列举项）有次序式列举<OL><LI></OL>（<LI> 放在每一项前）N1.0 数标型态<OL TYPE=A|a|I|i|1> （定义全部的列举项）<LI TYPE=A|a|I|i|1> （定义这个及其後的列举项）N1.0 起始数字<OL VALUE=?> （定义全部的列举项）<LI VALUE=?> （定义这个及其後的列举项）定义式列举<DL><DT><DD></DL>（<DT>项目, <DD>定义）表单式列举<MENU><LI></MENU>（<LI> 放在每一项前）目录式列举<DIR><LI></DIR> （<LI> 放在每一项前）背景与颜色--------------------------------------------------------------------------------3.0 重复排列的背景<BODY BACKGROUND="URL">N1.1+ 背景颜色<BODY BGCOLOR="#$$$$$$"> （依序为红、绿、蓝）N1.1+ 文字颜色<BODY TEXT="#$$$$$$">N1.1+ 连结颜色<BODY LINK="#$$$$$$">N1.1+ 看过的连结<BODY VLINK="#$$$$$$">N1.1 使用中的连结<BODY ALINK="#$$$$$$">特殊字元（以下标签需用小写）--------------------------------------------------------------------------------特别符号&#?; （其中? 代表ISO 8859-1 的编码）< < > > & & " "注册商标TM ?N1.0+ 注册商标TM ®著作权符号?N1.0+ 著作权符号©表单（通常需要与CGI程式配合）--------------------------------------------------------------------------------定义表单<FORM ACTION="URL" METHOD=GET|POST></FORM>N2.0 上传档案<FORM ENCTYPE="multipart/form-data></FORM>输入栏位<INPUTTYPE="TEXT|PASSWORD|CHECKBOX|RADIO|IMAGE|HIDDEN|SUBMIT|RESET" >栏位名称<INPUT NAME="***">栏位内定值<INPUT VALUE="***">已选定<INPUT CHECKED> （适用於checkboxes与radio boxes）栏位宽度<INPUT SIZE=?> （以字元数为单位）最长字数<INPUT MAXLENGTH=?> （以字元数为单位）下拉式选单<SELECT></SELECT>下拉式选单名称<SELECT NAME="***"></SELECT>选单项目数量<SELECT SIZE=?></SELECT>多选式选单<SELECT MULTIPLE> （多选）选项<OPTION>内定选项<OPTION SELECTED>文字输入区<TEXTAREA ROWS=? COLS=?></TEXTAREA>输入区名称<TEXTAREA NAME="***"></TEXTAREA>N2.0 输入区换行方式<TEXTAREAWRAP=OFF|VIRTUAL|PHYSICAL></TEXTAREA>表格--------------------------------------------------------------------------------3.0 定义表格<TABLE></TABLE>3.0 表格框线<TABLE BORDER></TABLE> （有或没有）N1.1 表格框线<TABLE BORDER=?></TABLE>（可以设定数值）N1.1 储存格左右留白<TABLE CELLSPACING=?>N1.1 储存格上下留白<TABLE CELLPADDING=?>N1.1 表格宽度<TABLE WIDTH=?> （以pixels为单位）N1.1 宽度比率<TABLE WIDTH=%> （页宽为100%）3.0 表格列<TR></TR>3.0 表格列内容看齐<TR ALIGN=LEFT|RIGHT|CENTERVALIGN=TOP|MIDDLE|BOTTOM>3.0 储存格<TD></TD>（须与列并用）3.0 储存格内容看齐<TD ALIGN=LEFT|RIGHT|CENTER VALIGN=TOP|MIDDLE|BOTTOM>3.0 不换行<TD NOWRAP>N3.0 储存格背景颜色<TD BGCOLOR=#$$$$$$>3.0 储存格横向连接<TD COLSPAN=?>3.0 储存格纵向连接<TD ROWSPAN=?>N1.1 储存格宽度<TD WIDTH=?> （以pixels为单位）N1.1 储存格宽度比率<TD WIDTH=%> （页宽为100%）3.0 表格标题<TH></TH> （跟<TD>一样，不过会对中并加粗）3.0 表格标题对齐<TH ALIGN=LEFT|RIGHT|CENTERVALIGN=TOP|MIDDLE|BOTTOM>3.0 表格标题不换行<TH NOWRAP>3.0 表格标题占几栏<TH COLSPAN=?>3.0 表格标题占几列<TH ROWSPAN=?>N1.1 表格标题宽度<TH WIDTH=?> （以pixels为单位）N1.1 表格标题比率宽度<TH WIDTH=%> （页宽为100%）3.0 表格抬头<CAPTION></CAPTION>3.0 表格抬头看齐<CAPTION ALIGN=TOP|BOTTOM>（在表格之上/之下）视框（定义与控制萤幕上的特定区域）--------------------------------------------------------------------------------N2.0 视框格式总定义<FRAMESET></FRAMESET> （取代<BODY>）N2.0 视框行长度分配<FRAMESET ROWS=,,,></FRAMESET>（pixels 或%）N2.0 视框行长度分配<FRAMESET ROWS=*></FRAMESET> （* = 相对大小）N2.0 视框栏宽度分配<FRAMESET COLS=,,,></FRAMESET>（pixels 或%）N2.0 视框栏宽度分配<FRAMESET COLS=*></FRAMESET> （* =相对大小）N2.0 定义个别视框<FRAME> （定义个别视框）N2.0 个别视框内容<FRAME SRC="URL">N2.0 个别视框名称<FRAME NAME="***"|_blank|_self|_parent|_top>N2.0 边缘宽度<FRAME MARGINWIDTH=?> （「左」与「右」边界）N2.0 边缘高度<FRAME MARGINHEIGHT=?> （「天顶」与「地底」边界）N2.0 卷动条<FRAME SCROLLING="YES|NO|AUTO">N2.0 不可改变大小<FRAME NORESIZE>N2.0 无视框时的内容<NOFRAMES></NOFRAMES>（如果浏览器不提供视框功能的话）杂项--------------------------------------------------------------------------------说明 （浏览器不会显示）档案型态声明<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML 2.0//EN">3.0 档案型态声明<!DOCTYPE HTML PUBLIC "-//W3O//DTD W3 HTML 3.0//EN"> 可搜寻<ISINDEX> （指示可搜寻的索引项）N1.0 提示<ISINDEX PROMPT="***"> （要求输入的提示文字）送出搜寻条件<A HREF="URL?***"></a> （其中的问号不是数字，而是「问号」）基本档案的URL <BASE HREF="URL"> （必须放在「文头」区段内）N2.0 基本视窗名称<BASE TARGET="***"> （必须放在「文头」区段内）相关性<LINK REV="***" REL="***" HREF="URL"> （必须放在「文头」区段内）背景资讯<META> （必须放在「文头」区段内）HTML标签HTML标签通常是英文词汇的全称（如块引用:blockquote）或缩略语（如“p”代表Paragragh），但它们的与一般文本有区别，因为它们放在单书名号里。