下载文档原格式
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中的主要标签有这些：文件开始标签“html〞、文件头部标签“head〞、文件主体标签“body〞。
如果想具体了解HTML 中主要标签有哪些，那无妨接着往下看吧!一、HTML中主要标签有哪些1、文件开始标签“html〞在HTML文件中，最先出现的是HTML标签就是“html〞，它表示这是HTML文件，它是双标签，首标签和尾标签分别位于文件的最前面和最后面，文件所有标签和文本都包涵在其中，该标签不带任何属性。
2、文件头部标签“head〞“head〞表示文件头部的标签，它是双标签，它包涵文件的标题、编码方式及URL等信息，可省略。
3、文件主体标签“body〞“body〞表示文件主体内容，它是双标签。
文件头部标签用以存储重要信息，而只有主体部分会被显示，所以大部分标记都位于文件主体部分。
该标签可带属性。
二、网页〔制定〕的常用文字标签1、标题文字标签“hn〞“hn〞为标题文字标签，它是一个双标签，其作用是设置网页中的标题文字。
“hn〞标签一共6级，“h1〞和“h1〞之间的文字是第1级标题，“h6〞和ch6〞之间的文字是第6级标题，由“hl〞到“h6〞逐渐变小。
每个标题标记所标示的字句将独占一行且上下留一空白行。
“hn〞有一个属性align，其属性可选值为：right、left、center。
2、文字格式控制标签“font〞“font〞为文字格式控制标签，它是一个双标签，其作用是设置文字的字体、大小和颜色。
“font〞的属性有face、size、color。
face：设定文字字体，其属性为字体名称。
size：设定文字大小，取值1~7，默认值为3。
也可用“+〞“-〞来设置相对值。
color：设定文字颜色。
可以用和#nnnnnn，也可以采纳颜色的名称。
三、页面布局常用标签1、换行标签“br〞“br〞为换行标签，它是一个单标签，作用是令其后的内容在下一行显示。
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标记标签:!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⽂件<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="">,设置页⾯的左边距.。
例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属生来设置段落的对齐方式。
<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>表示一段用户应该对其没有什么其他解释的文本。
【前端HTML 】常⽤标签及属性路径r相对路径绝对路径标签ⅡⅢⅢⅡ<small>small⼩号字<strong>strong加重语⽓<sub>SUBscript下标<sup>SUPerscript上标<u>Underline下划线列表标签<ul>Unorder List⽆序列表块标签<ol>Order List有序列表块标签<li>LIst列表项⽬块标签<dl>Define List定义列表块标签<dt>Define Title定义标题块标签<dd>Define Describtion定义描述块标签表格相关<table>表格块标签<tr>Table Row表⾏块标签<td>Table Data cell单元格<th>Table Head表头<caption>caption标题<thead>Table head表头部分<tbody>Table body主体部分<tfoot>Table foot底部业脚部分表单相关<form>form表单<input>input表单元素(输⼊框)空标签<select>select选择(下拉框)<option>option选项(下拉列表项)<textarea>text area⽂本域框架相关<frameset>frame set框架集<frame>frame框架空标签<iframe>iframe内嵌框架容器<div>division 分隔(容器标签(块))<span>span跨度(容器标签(⾏内))标签分类标签名英⽂英⽂含义标签类型备注属性属性名英⽂英⽂含义取值应⽤场景备注src SouRCe资源位置资源的路径border border边框数字(像素) size size尺⼨数字(像素) width width宽度数字(像素) height height⾼度数字(像素)bgcolor BackGroundCOLOR背景颜⾊颜⾊值：red或#ffffffbackground background背景图⽚图⽚路径list-style list-style设置列表的所有属性列表list-style-image list-style-image将图像设置为列表项标记Noneurl列表list-style-type list-style-type设置列表项标记的类型Disc(实⼼圆)Cirle(空⼼圆)Square(实⼼⽅块)列表line-height line-height⾏⾼(⾏间距)数字(像素)布局多⾏⽂本text-align text-align对齐⽅式Left、right、center各种元素对齐letter-spacing letter-spacing字符间距数字(像素)加⼤字符间间隔text-decoration text-decoration⽂本修饰Underline、none加下划线、中划线等margin-top(right、bottom、left)margin外边距数字(像素)padding-top(right、bottom、left)padding内边距数字(像素)Ⅱbottom 、left)displaydisplay改变块级元素与⾏内元素的默认显⽰⽅式block(⾏变块)inline(块变⾏)none(该元素不显⽰在⽹页中)position position 定位static(静态定位)relative(相对定位)absolute(绝对定位)fixed(固定定位)⽤于定位float float 浮动None 、left 、right clearclear处理浮动塌陷left(清除左边浮动)right(清除右边浮动)both(清除两边浮动)none(不清除浮动)type type 列表类型Disc(实⼼圆)Cirle(空⼼圆)Square(实⼼⽅块)⽤于列表alignalign对齐Left 、right 、center top 、middle 、bottom 段落内容⽔平对齐⽂字与图⽚垂直对齐type type 表单元素类型text(⽂本)checkbox(复选)radio(单选)password(密码)file(⽂件)submit(提交)reset(重置)button(按钮)image(图⽚按钮)hidden(隐藏)表单元素method method 表单数据的提交⽅式get postalt alter 改变、替换(图⽚不显⽰时提⽰信息)图⽚cellpadding cell padding 单元格内边距数字表格cellspacing cell spacing 单元格之间距离数字表格href Hypertext REFerence 超⽂本引⽤(跳转到⽂件位置)relRELationship关系(⽤于定义链接的⽂件和HTML ⽂档之间的关系)StyleSheet 样式表link 链接⼀个⽂件时target target ⽬标(⽹页打开的位置)_blank(新窗⼝打开)_self(⾃⾝窗⼝打开)_top(以整个浏览器作业作为窗⼝显⽰新页⾯)_parent(在⽗窗⼝中打开新的页⾯)colspan COLumn span 单元格跨列数字(跨的列数)表格rowspan row span 单元格跨⾏数字(跨的⾏数)表格readonly read only 只读value value 输⼊框的初始值maxlength max length 最⼤长度scrolldelay scroll delay 滚动延时<m arquee>directiondirection⽅向(滚动⽅向)<m arquee属性名英⽂英⽂含义取值应⽤场景备注块级标签<div>、<h1>~<h6>、<p>、<hr>、<ul>、<li>、<ol>、<dl>、<dt>、<dd>、<table>⾏级标签<a>、<font>、<img>、<input>、<select>、<textarea>、<label>、<span>ⅡⅡ选择器简单选择器属性选择器复合选择器关系选择器伪类选择器ⅡⅢⅢⅢⅢⅢ伪类：（不存在的类，特殊的类）⼀般是使⽤:开头，⽤来描述⼀个标签元素的特殊状态（很像是类）。
HTML语言基本标签：创建一个HTM L文档 <html></html>设置文档标题以及其他不在W E B网页上显示的信息 <head></head>设置文档的可见部分 <body></body>标题标签将文档的题目放在标题栏中<title></title>文档整体属性设置背景颜色，使用名字或十六进制值 <body bgcolor=?>设置文本文字颜色，使用名字或十六进制值 <body text=?>设置链接颜色，使用名字或十六进制值 <body link=?>设置已使用的链接的颜色，使用名字或十六进制值 <body vlink=?>设置正在被击中的链接的颜色，使用名字或十六进制值 <body alink=?> 文本标签创建预格式化文本 <pre></pre>创建最大的标题<h1></h1>创建最小的标题<h6></h6>创建黑体字 <b></b>创建斜体字 <i></i>创建打字机风格的字体 <tt></tt>创建一个引用，通常是斜体 <cite></cite>加重一个单词（通常是斜体加黑体） <em></em>加重一个单词（通常是斜体加黑体） <strong></strong>设置字体大小，从1到7 <font size=?></font>设置字体的颜色，使用名字或十六进制值 <font color=?></font>链接创建一个超链接<a href="URL"></a>创建一个自动发送电子邮件的链接 <a href="mailto:EMAIL">.... </a> 创建一个位于文档内部的靶位<a name="NAME"></a>创建一个指向位于文档内部靶位的链接 <a href="#NAME"></a>格式排版创建一个新的段落 <p>将段落按左、中、右对齐 <p align=?>插入一个回车换行符 <br>从两边缩进文本<blockqu ote></blockqu ote>创建一个定义列表 <dl></dl>放在每个定义术语词之前 <dt>放在每个定义之前 <dd>创建一个标有数字的列表 <ol></ol>放在每个数字列表项之前，并加上一个数字<li>创建一个标有圆点的列表 <ul></ul>放在每个圆点列表项之前，并加上一个圆点<li>一个用来排版大块HTML段落的标签，也用于格式化表<div align=?>图形元素添加一个图像<img src="name">排列对齐一个图像：左中右或上中下<img src="name" align=?>设置围绕一个图像的边框的大小 <img src="name" border=?>加入一条水平线<hr>设置水平线的大小（高度） <hr size=?>设置水平线的宽度（百分比或绝对像素点） <hr width=?>创建一个没有阴影的水平线<hr noshade>表格创建一个表格<table></table>开始表格中的每一行 <tr></tr>开始一行中的每一个格子 <td></td>设置表格头：一个通常使用黑体居中文字的格子 <th></th>表格属性设置围绕表格的边框的宽度<table border=#>设置表格格子之间空间的大小<table cellspa cing=#>设置表格格子边框与其内部内容之间空间的大小 <table cellpad ding=#>设置表格的宽度－用绝对像素值或文档总宽度的百分比 <table width=# or %> 设置表格格子的水平对齐（左中右） <tr align=?> or <td align=?>设置表格格子的垂直对齐（上中下） <tr valign=?> or <td valign=?>设置一个表格格子应跨占的列数（缺省为1） <td colspan=#>设置一个表格格子应跨占的行数（缺省为1） <td rowspan=#>禁止表格格子内的内容自动断行回卷 <td nowrap>窗框放在一个窗框文档的<body>标签之前，也可以嵌在其他窗框文档中<frameset></framese t>定义一个窗框内的行数，可以使用绝对像素值或高度的百分比 <framese trows="value,value">定义一个窗框内的列数，可以使用绝对像素值或宽度的百分比 <framese tcols="value,value">定义一个窗框内的单一窗或窗区域 <frame>定义在不支持窗框的浏览器中显示什么提示<noframe s></noframe s>窗框属性规定窗框内显示什么HTML文档 <frame src="URL">命名窗框或区域以便别的窗框可以指向它<frame name="name">定义窗框左右边缘的空白大小，必须大于等于1<frame marginw idth=#>定义窗框上下边缘的空白大小，必须大于等于1<frame marginh eight=#>设置窗框是否有滚动栏，其值可以是"yes","no","auto"，缺省时一般为"a uto" <frame scrolli ng=VALUE>禁止用户调整一个窗框的大小<frame noresiz e>表单对于功能性的表单，一般需要运行一个CGI小程序，HTML仅仅是产生表单的表面样子。
⼀、HTML中常⽤标签及属性⼀、HTML基础语法 ---> 单标签、双标签、块级元素、⾏内元素 单双标签其实就是HTML⽂档中标签书写的格式，页⾯中最常见的是双标签； 单标签就是只有⼀个标签，也就是⼀个空元素：meta、img、hr、br 双标签有开始标签和结束标签 块级元素：独占⼀⾏，对宽⾼的属性值⽣效，如果不给宽度，块级元素就默认浏览器的宽度，（即就是100%宽） 例如：div p ul h1~h6 ..... ⾏内元素：对宽⾼属性值不⽣效，完全靠内容撑开宽⾼，可以跟其他标签存在⼀⾏ 例如：span b strong em a img input ...... ⾏内块元素：结合⾏内和块级元素的特点，不仅对宽⾼的属性值⽣效，还可以跟多个标签存在⼀⾏ 例如：input img⼆、HTML中常⽤标签 ---> ⽂档头部<!DOCTYPE html><!-- 申明，这⾏以下的⽂档都是html⽂档 --><html lang="en"><head><!-- 设置字符集编码 --><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><!-- 定义⽹页头部 --><title>Document</title><!-- link标签引⼊外部⽂件 rel定义⽂档与被链接⽂档的关系 shortcut icon:链接图⽚ type规定链接⽂档的类型 image/x-icon 图⽚类型 --><link rel="shortcut icon" type="image/x-icon" href=""><!-- link标签引⼊外部⽂件 rel定义⽂档与被链接⽂档的关系 stylesheet:层叠样式表 type规定链接⽂档的类型 text/css CSS样式表 --><link rel="stylesheet" type="text/css" href=""></head><body></body></html>三、HTML中常⽤标签 ---> ⽂本标签级属性<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title></head><body><!-- 块级元素，段落标签 text-indent:段落缩进 1个em就是1个字体的长度; --><!-- font-size:字体⼤⼩设置 1px⼀个像素点⼤⼩;color:字体颜⾊;font-weight:bold 字体加粗;font-family:字体类型 --><p style="text-indent: 2em;font-size:15px;color: red;font-weight: bold;font-family: monospace;"></p><!-- ************ --><!-- ⾏内元素标签 --><!-- 斜体标签1 --><em></em><!-- 斜体标签2 --><i></i><!-- 删除线标签 --><del></del><span></span><!-- ************ --><!-- 换⾏标签，单标签，内部没有属性，上⾯的段落、⾏内标签可以通过br换⾏ --><br><!-- 预格式标签，保留⽂本中的换⾏或者空格 --><pre></pre><!-- 标题标签，h1~h6，块级元素，从⼤到⼩，h1最⼤ --><!-- text-align:设置⽂本位置 left:靠左 center:居中 right:靠右 --><h1 style="text-align: center;"></h1><!-- background:背景颜⾊ height:标签⾼度 line-height:设置⾏⾼ --><h2 style="background: pink;height: 50px;line-height: ;"></h2><h3></h3><h4></h4><h5></h5><h6></h6></body></html>四、HTML中常⽤标签 ---> 超链接<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><style type="text/css">/* 去掉a链接下划线 */a{text-decoration: none;}/* 伪属性，⿏标移上字体变红,下划线显⽰ */a:hover{color: red;text-decoration: underline;}div{height: 1000px;background: pink;width:400px;}</style></head><body><!-- 链接标签 href:链接地址，"#"本页⾯跳转，默认⾃带下划线 --><a href="#">我是⼀个链接</a><!-- 图⽚链接 --><a href=""><img src="" alt=""></a><!-- 设置锚点定位 --><a href="top">页⾯顶部</a><div></div><a href="" id="top">回到顶部</a></body></html>五、HTML中常⽤标签 ---> 列表标签<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>列表标签</title><style type="text/css">/* 清空li样式；⽂化素质宽⾼；设置边框线 */ul li{list-style: none;height: 40px;width: 200px;border: 1px solid #ccc;margin: 5px 0px;text-align:center;line-height: 40px;} /* 设置前⾯样式为图⽚，但是⽆法调整图⽚与⽂字的间距 */ul li{list-style: url(图⽚地址);}/* 伪元素；在⽂字前⾯设置图⽚与⽂字的间距 */ul li::before{content: url(图⽚地址);margin-right: 30px;}/* 伪元素；在⽂字前⾯设置图⽚与⽂字的间距 */ul li::after{content: url(图⽚地址);}</style></head><body><!-- 有序列表 --><ol><li>web前端</li><li>JavaScript</li><li>jQuery</li></ol><!-- ⽆序列表 --><ul><li>西⽠<ul><li>有籽西⽠</li><li>⽆籽西⽠</li></ul></li><li>苹果</li><li>西柚</li></ul></body></html>六、HTML中常⽤标签 ---> form表单<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>form表单</title><style type="text/css">/* padding内边距 */input{height: 8px;width: 258px;border: 1px solid #ccc;margin-top: 20px;padding: 20px;} /* border: none去掉按钮⾃带的边框线 */button{height: 50px;width: 300px;margin-top: 20px;background: #FF6A00;border: none;color: #fff;} </style></head><body><!-- method在后端传输数据⽤到,传值⽅式get/post --><!-- action传值url地址 --><form method="" action=""><!-- type类型，输⼊域的类型：text⽂本型，password密码类型 --><!-- placeholder⽂本框内部的提⽰信息 --><input type="text" name="username" placeholder="请输⼊⽤户名"><br><input type="password" name="pwd" placeholder="请输⼊⽤密码"><br><button>登陆</button></form></body></html>七、HTML中常⽤标签 ---> 表格（table）<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>表格</title><style type="text/css">/* 清除默认样式 */*{margin: 0px;padding: 0px;}/* border-collapse: collapse;合并多余的边框线 */table{border: 1px solid #ccc;border-collapse: collapse;}tr th{height: 200px;border: 1px solid #ccc;width: 100px;}tr td{height: 200px;border: 1px solid #ccc;width: 100px;}</style></head><body><table><!-- 表头定义⽤th --><tr><th>1</th><th>2</th><th>3</th><th>4</th><th>5</th></tr><!-- 定义⾏⽤tr --><tr><!-- 定义列⽤td --><!-- colspan="5"合并5列 --><td colspan="5"></td></tr><tr><!-- 定义列⽤td --><!-- rowspan="2"合并两⾏，同时删除合并⾏的列 --><td rowspan="2"></td><td></td><td></td><td></td><td></td></tr><tr><td></td><td></td><td></td><td></td></tr></table></body></html>。
