HTML语言语法大全.docx
HTML语言语法大全批注<!>跑马灯vmarquee>.v/marquee> 普通卷动<marquee behavior=slide>/marquee滑动<marquee behavior二scroll./marquee预设卷动 <marquee behavior二Hternate>./marquee来回卷动 <marquee direction二down./marquee向下卷动 <marquee direction=up>.v/marquee>向上卷动<marquee direction二right>v/marquee>向 右卷动<marquee direction=1eft5></marquee>向 左卷动<BASEFONT SIZE>更改预设字形大小 <BGSOUND SRC>力口入背景音乐<BIG>显示大字体<BLINK>闪烁的文字<BODY TEXT LINK VLINK> 设定文字颜色<BODY>显示本文<BR>换行<CAPTION ALIGN>设定表格标题位置<CAPTION>. </CAPTION>为表格加上标题<CENTER>向中对齐 <CITE>. <CITE>用于引经据典的文字<CODE>. </CODE>用于列出一段程序代码 <COMMENT>. </COMMENT> 加上批注<DD>设定定义列表的工程解说<DFN>. </DFN>显示“定义'文字<DIR>. </DIR>列表文字卷标<DL>. </DL>设定定义列表的标签<DT>设定定义列表的工程 <EM>强调之用<FONT FACE>任意指定所用的字形<FONT SIZE>设定字体大小 <FORM ACTION>设定户动式窗体的处理方式 <FORM METHOD>设定户动式窗体之数据传送方式<FRame MARGINHEIGHT>设定窗口的上下边界 <FRame MARGINWIDTH>设定窗口的左右边界 <FRame NAME>为分割窗口命名 <FRame NORESIZE>锁住分割窗口的大小 <FRame SCROLLING>设定分割窗口的滚动条 <FRame SRC>将HTML文件加入窗口 <FRameSET COLS>将窗口分割成左右的子窗口 <FRameSET ROWS>将窗口分割成上下的子窗口 <FRameSET>. </FRameSET> 划分分割窗口<H1>-<H6>设定文字大小 <HEAD>标示文件信息<HR>加上分网格线 <HTML>文件的开始与结束<1>斜体字<IMG ALIGN>调整图形影像的位置<IMG ALT>为你的图形影像加注<IMG DYNSRC LOOP> 加入影片<IMG HEIGHT WIDTH>插入图片并预设图形大小<IMG HSPACE>插入图片并预设图形的左右边界<IMG LOWSRO 预载图片功能<IMG SRC BORDER>设定图片边界<IMG SRC>插入图片 <IMG VSPACE>插入图片并预设图形的上下边界<INPUT TYPE NAME value>在窗体中加入输入字段 <ISINDEX>定义查询用窗体 <KBD>. </KBD>表示使用者输入文字<LI TYPE>. </LI>列表的工程（可指定符号）<MARQUEE>跑马灯效果<MENU>. </MENU>条列文字卷标<meta NAME="REFRESH” CONTENT URL> 自动更新文 件内容<MULTIPLE>可同时选择多项的列表栏 <NOFRame>定义不出现分割窗口的文字 <0L>. </0L>有序号的列表 <OPTION>定义窗体中列表栏的工程VP ALIGN设定对齐方向 <P>分段PERSON/PERSON显示人名<PRE>使用原有排列<SAMP>. </SAMP>用于引用字 <select >.</select >在窗体中定义列表栏<SMALL>显示小字体<STRIKE>文字加横线<STRONG>用于加强语气<SUB>下标字 <SUP>上标字<TABLE BORDER=n>调整表格的宽线高度 <TABLE CELLPADDING>调整数据域位之边界 <TABLE CELLSPACING>调整表格线的宽度 <TABLE HEIGHT>调整表格的高度 <TABLE WIDTH>调整表格的宽度 <TABLE>.</TABLE>产生表格的卷标 <TD ALIGN>调整表格字段之左右对齐 <TD BGCOLOR>设定表格字段之背景颜色<TD COLSPAN ROWSPAN>表格字段的合并<TD NOWRAP>设定表格字段不换行<TD VALIGN>调整表格字段之上下对齐<TD WIDTH>调整表格字段宽度<TD>. </TD>定义表格的数据域位 <TEXTAREA NAME ROWS COLS>窗体中加入多少列的文字输入栏<TEXTAREA WRAP>决定文字输入栏是自动否换行定义表格的标头字段<TITLE>文件标题<TR>. </TR>定义表格美一行<TT>打字机字体<U>文字加底线<UL TYPE>. </UL>无序号的列表（可指定符号）<var>.</var>用于显示变量BlockQuotc文本缩进表示颜色的有三种方式;1 , 16进制颜色代码语法：#RRGGBB例:<font color="#ffOOOO">Ife</font>2 , 10进制RGB码语法：RGB ( RRR , GGG , BBB )例：<font color="rgb(255,000,000)">Ife</font>3,直接用颜色的英文名称例:<font color二“red”>红色v/font><body>.v/body>属性可分为三种：包括：bgcolor,background2,文字属性：包括：text,link,alink,vlink,3,留白属性:其中分为：leftmargin,topmargin.bgcolor背景色语法格式：<body bgcolor=H#ffOOOOH> .background背景图案。语法格式：body background二"uiT> ,text文本颜色（非连接文字颜色）.link连接文字颜色（可连接文字颜色）.alink活动连接文字颜色（正被点击的可连接文字的颜色）<marquee loop=2>./marquee卷动次数<marquee width=180>.v/marquee>设定宽度<marquee height=30>.v/marqiiee>设定高度<marquee bgcolor二FFOOOO>/marquee设定背景颜色<marquee scrollamount=30>.v/marquee>设定滚动速度<marquee scrolldelay=300>v/marquee>设定卷动时间<marquee onmouseover二"this.stop()”>.v/marquee>鼠标 经过上面时停止滚动<marquee onmouseover="this.start()”>./marquee鼠标 离开时开始滚动v!>字体效果vh1>.v/h1>标题字(最大) vh6>v/h6>标题字（最小）.vlink已访问连接文字颜色）（已经点击访问过的可连接文 字的颜色）语法格式：body text="color" link="color" alink="color" vlink="color">.leftmargin页面左侧的留白距离 .topmargin页面顶部的留白距离语法格式：<body leftmargin="value" topmargin="value">注：value为长度值为数字align属性语法：vh2 align="？”>文字v/h2>其属性有三种：left靠左,center居中,right靠右<p> v/p>为段落标记，可利用以上属性对整个段落进行设置b>为换行标记vnobr>v/nobr>为不换行标记放在文字两边即可例:<body>vh3>江南逢李龟年v/h3>vp>歧王宅里寻常见vbr>催九堂前几度闻vbr>正是江南好风景vbr>落花时节又逢君v/p></body>预格式化：<pre></pre>浏览是效果和编写是效果格式一样列表分为1无序列表又称符号列表语法格式:点Crcle空心<ul type="">type的属性可选直disc实心圆点,square实心方框vli> 文字 v/li> vli> 文字 v/li></ul>2有序列表语法格式<ol type=H?H startH?H> vli> 文字vli> 文字 v/li></ol>type的值是编号字符可选的有,l.start为起始值例：如果start为3是那么将从3开始，而 且必须是数字。3定义列表vdl>定义列表标记vdt>标示定义条目vdd>标示定义内容语法格式：<dl> vdt> 文字 v/dt>vdd>文字内容v/dd></dl>连接和图像语法格式：<a hre仁地址/”地址/url” name="?" target="?" title="?">. </a>属性：href连接目标值可以是url地址也可以是连接锚点<a hre仁地址/”地址/uiT>.v/a>或者<a href二地址/”地址/锚点”>.</>name连接名称语法格式：<a name="锚点名称”>.v/a>例:<a name="abcdcf>.</a>连接到该锚点的连接那么应是:<a name=,#abcdef,>.</a> target目标窗口语法格式：<a hre仁地址/”地址/urFtarget="_blank|_self|_farent|_top|windownameH>.</a>-blank翻开新窗口self当前窗口翻开一下两个仅在框架叶面中应用_parent当前窗口的父级窗口（上一级）翻开 _top在最高一级的窗口翻开 windowname已命名的窗口或框架中翻开连接title连接提示<a h ref=" :/ crazy tri be. n et" title 二”翻开狂人部落的 首页，狂人部落v/a>图像vimg> 语法格式:<img src二地址/”地址/uiT ak“？" width="?"height="?" border="?" align="?">border属性定义图片边框的宽度，默认值为0 align属性设置图片旁边文字的位置语法格式：vimg src二地址/"地址/” align"">可选值有：top图片和文字顶部对齐middle图片和文字居中对齐 bottom图片和文字底边对齐（默认）left图片居左对齐，文字沿图片绕排 right图片居右对齐，文字沿图片绕排absmiddle图片对齐到目前文字行绝对中央absbottom图片对齐到目前文字行绝对底部文字的排版不换行空白标记 font元素语法格式：<font face="字体名称” size="字体大小" color=“字体颜色”,字体大小可选值为17 ,默认为3例：font face=“黑体" size="4" color="#ffOOff">.</font>水平线vhr>语法格式:vhr width="宽度" align="对齐方式默认居中center" size="水平线厚度默认为2" color="颜色" noshade>noshade无阴影，既实线层div>vspan>两种元素vdiv>是块级元素，和段落元素vp>相似，不同的是两个<div> 元素之间不会产生两个vp>元素之间的空行，vspan>是行内元素，可以定义段落中局部文字的属性语法格式：<div align="" style="">.</div>align设置层中元素的水平对齐方式stule设置元素应用css规范的属性 vdiv>兼容性比vspan>要好一点，最好使用<div>表格 语法格式<table width="" bgcolor二"“ background”' border二"” cellspacing丁 cellpadding="H><tr>.<td>.</td>.</tr></table> border边框宽度默认值为0 ,既没有边框 cellspacing表格中单元格的边距大小，默认值为两个像素cellpadding表格中单元格之间的间距大小，默认值为两个 像素tr元素语法格式:vb>v/b>粗体字strong/strong粗体字（强调）（同上效果略同）<i>v/i>斜体字 vem>.v/em>斜体字（强调）vdfn>v/dfn>斜体字俵示定义）vu>.v/u> 底线vins>.v/ins>底线俵示插入文字）vstri ke> v/stri ke> 横线vs>v/s>删除线vdel>v/del>删除线（表示删除） vkbd>v/kbd>键盘文字<tr align="” bgcolor="H>.</tr>align属性对齐方式可选值如下：left,center,tight,默认为leftbgcolor指定该行的背景颜色td元素语法格式：<td width=”宽度" heights高度” align="水平对齐方式” valign二”垂直对齐方式" bgcolor="" background”' rowspan=H 单元格的行跨度” colapan="单元格的列跨度”>.</td>align 属性的可选值有：left,center,rightvalign 属性的可选值有：top,middle,bottomrowspan和colapan跨行和跨列的数量，默认为1框架vframeset>v/framset> 框架组标记vframe>v/frame> 框架标 1己语法格式：<frameset><frame></frame><frame></frame></franeset> <frameset></frameset>7L# （双标签）语法格式：border=H"<frameset cols="" rows="H frameborder=framespacing=H"></frameset>属性：cols垂直切割口（如左右分割两个K3口）接受整数值，百分数，* （*代表占用余下空间）数值的个数代表分成的局部 数目，要以逗号分隔。例：cols="30,*,50%”可以切成三个视 第一局部是30像素（pixels ）为绝对分割，第二局部是当分配 完第一和第三视图后剩下的空间，第三局部那么占整个窗口的50% 宽度，为相对分割。rows就是横向切割，将窗口上下分开，数值设置同上。以上两属性尽量不要在同一个vframeset标记中，因为王 井（netscape ）不支持，尽量采用多重分割。frameborder设置框架的边框，其值有0不要边框，1要 边框。border设置框架边框厚度framespacing表示框架与框架间保存空白的距离 frame 元素（单标签）语法格式<frame name=H" src=地址/”地址/url” scrolling="yes/no” noresize>属性：name框架名称，指定框架来做连接的目标窗口。src框架中要显示的网页文当url地址，每个个框架要对应 一个html文挡。scrolling是否显示滚动条,yes/no,auto是自动。noresize设置不让使用者改变这个框架的大小，noframe 元素指定当使用了框架的页面在不支持框架的浏览器中翻开时 显小的信息语法格式:<noframe></noframe>表单 vform>v/form>语法格式<form action=Hurl" method="get/post"><input type=submit><input type=reset></form>method有两种提交方式get,postaction是指明处理该表单的程序位置，这样表单所填的资 料才能传给cgi做处里，可设定此参数为action="mailto:lwr8494163 "这样此表单所填的资料将 会发送到这个邮箱地址。method是指传送信息给cgi等网络程序的方式。可选post 方法，get方法，post方法容许传送大量信息。get方法只接 受低于1k的信息。申请表单用的是post搜索引擎用的是getinput元素语法格式:<input type="">type属性的可选值有：text单行文本框属性：name文本框名称value文本框的初始值 size文本框的长度maxlength可输入字符串最大的长度radio单项选择框属性：name单项选择框名称value内部值checked默认选定checkbox复选框属性：name复选框名称value内部值checked默认选定reset重置按钮submit确定按钮属性：name按钮名称value显示在按钮上的文字 password密石马框属性与文本框的属性完全相同file文件域属性：name文件域名称size文件域的长度maxlength文件域可接受的字符数量的上限hidden隐藏域属性：name隐藏域名称value内定值 image图片域它.属性：name所要代表的按钮，可以是submitjeset,或其src按钮图片的url地址列表框select语法格式<select><option>.</option></select>select元素语法格式：select name=HH size=',Hmultiple></select>name指定列表框的名字size指定列表框显示列表项的条数，如果指定了该参数， select元素是个列表，否那么是一个下拉列表框multiple指定了这个参数，那么表示该列表框可选择多项， 否那么只可选择一项option属性语法格式：option value="" selected></option>value该列表项的值selected如果设定了这个参数，默认为选定这一项多行文本框vtextarea><textarea name=H" cols="" rows=""wrap="off/physical/virtual"></textarea>属性：<tt>. </tt> 打字体定宽度字体（在文件中空白、换行、定位功能有效）plaintext/plaintext固定宽度字体（不执行标记符号）<listing>.</listing> 固定宽度小字体<font color=OOffOO>v/font>字体颜色 <font size=1>v/font>最小字体<font style =,font-size:100 px'>v/font>无限增大<!>区断标记vhr>水平线<hr size='9'>水平线（设定大小） <hr width=，80%，>水平线（设定宽度）name文本框的名称 cols文本框的宽度rows文本框的高度wrap文本框的折行方式可选值有：off不保存换行信息physical强迫浏览器在发送信息到web服务器端时必须将 多行文本框的文字一行一行的送出，virtual送出连续成串的字除非使用者按回车。css层叠样式表引入层叠样式表的方法包括：1，外联式样式表 2,内嵌样式表4,导入样式表外联式样式表例：<head><link rel="stylesheet" href=地址/“地址/地址/css/default.css”></head><body> </body></html>属性:rel用来说明vlink>元素在这里要完成的任务是连接 一个独立的css文件。而href属性给出了所要连接css文件的 url地址内嵌式样式表: 例:<html><head><style type=Htext/css"><i tdfont:9pt;color:red.fonti 05font: 10.5pt;color:blue></style></head><body>.</body>元素内定格式：<p style="font-size: 10.5pt">导入式样式表<html><head><style type=Htext/cssH><i- import url(css/home.css);></style> <body></body>css的优先级越接近目标的样式定义优先级越高，高优先级样式将继承 低优先级样式的未重叠定义但覆盖重叠的定义如果4种样式表对同一元素定义了不同的样式，那么他们 的优先级顺序从高到低是，元素内定，内嵌样式表，导入样式 表，外联样式表。css结构例:tdfont-size:10.5pt;color:#666666css样式包含两个基础局部，选择符 vtd> 和声明font-size:10.5pt;color:#666666声明也有两局部组成: 属性 font-size,color 和值 10.5pt,#666666选择符分为6种1元素选择符当页面上多个元素的样式相同时，可以将多个元素放在一 起定义，中间以逗号分开 例：td,p,li,input,selectfont-size:12px;2class（类）选择符例:<head><title>.</title><style type="text/css">.redfont-size: 10.5pt;color:#ff0000></style></head><body bgcolor="#ffffff"><p class=“red”>土大夫井冈山地方官v/p>vp>九连环离开计划v/p></body>还有一种方法就是限定可以应用它的页面元素例:<head><title></title><style type="text/css">h1.redcolor:#ffOOOO></style></head><body bgcolor="#ffffff"><p class="red">士大夫井冈山地方官</p><h1 class="red”>九连环离开计划v/h1></body>3 id选择符与class选择附类似，只是把换成#例:<body><head><style type=ntext/css"><i #selectfont-size:18px;color:#0000ff></style></head><body><table width="250" border="1" height="50"><tr><td align="center" id="select">id 选择符v/td></tr></table></body></html>我们看到在调用ID选择附时与CLASS选择附类似，只是 将classF”换成了 id="",方便页面脚本语言的调用4关联选择符<body><head><style type=ntext/cssH><i- td pfont-size: 18px;color:#0000ff<hr color=，ffOOO（X>水平线（设定颜色） vbr>（换行）vnobr>.v/nobr> 水域（不换行）vp>.v/p>水域（段落）<center> .</center> 置 中<!>连结格式<base hre仁地址/地址（预设好连结路径）<a href=地址/地址v/a>外部连结 <a hre仁地址/地址target='_blank'>v/a>外部连结（另开新口）<a巾&£=地址/地址targe仁top'>v/a>外部连结（全窗口连结）<a hre仁地址/地址targe仁'页框名'>v/a>外部连结（在指定</style></head><body><table width="250" border="1" height="50"><tr><td align="center”>vp>关联选择符v/p>v/td></tr></table><p>关联选择符v/p> </body>我们设定了在元素中vtd>的元素vp>所包含文字的样式, 只有在两个条件都满足是，样式在会起作用，5伪类选择符是只能用在css选择符里，而不能用在html代码中的选择 符例：<html><head><style type="text/css"><i a:linkcolor:#000000 a:visitedcolor:#cccccca:hovercolor:#ffOOOO a:activecolor:#ooooff></style></head><body><p><a hre仁地址/”地址/地址#”>关联选择符v/a>vp><p><a href二地址/”地址/地址#”>关联选择符v/a>vp><p><a hre仁地址/”地址/地址#”>关联选择符v/a>vp><p><a href二地址/”地址/地址#”>关联选择符v/a>vp></body>正确的顺序是a:linka:visiteda:hover否那么会引起页面上连 接颜色混乱6伪元素选择符与伪类选择符定义类似，目前被大多数浏览器支持的有两 个：首行伪元素(first-line )和首字符伪元素(firstletter)是用来 实现首行大写和首行下沉效果的例：首行<html><head><style> p:first-linecolor:red;font-size:20pt</style></hesd><body><p>dfgsadfgsdfgsdfgsdfgsdfgsdfgsdfgsdfgsdfgsdf.</p></body></html>长度随浏览器长度随浏览器口大小而改变首字首字<head><style>p:first-lettercolor:red;font-size:50pt;float:left;></style></hesd><body><p>dfgsadfgsdfgsdfgsdfgsdfgsdfgsdfgsdfgsdfgsdf.</p></body></html>以上两种都只能应用于块状元素上css规那么一继承例:<html><head><style type=Htext/css"><i tdfont-size:12ptpcolor:red></style></hesd><body><table width="300" border二"1" height=M150"><tr><td align="center"><p>css 规那么 v/p></td></table></body></html>vp>为最高级vtd>次一级两种css用在一个属性元素上, 相同的覆盖，不同的继承，二组合例:tdfont-size: 12 pt p1 font-size: 12pt组合后td,.p1 font-size: 12pt三层叠在样式里定义过后，在表格属性中又定义一次<html><head><style type="text/css"><L- redcolor:#ff0000 limportant</style></hesd><body><table width="300" border="1" height="150"><tr><td align="center" style="color:#OOOOff" class二“red”>决撒 地方官v/td></tr></table></body></html> css单位分四大类：页框连结）<!>贴图/音乐<img src=地址/图片地址贴图<img src二地址/图片地址width='180'>设定图片宽度<img src=地址/图片地址heigh仁'30'>设定图片高度<img src=地址/图片地址ak'提示文字'>设定图片提示文 字<img src二地址/图片地址border=T>设定图片边框<bgsound src=地址/MID音乐文件地址背景音乐设定<!>表格语法<table aling=left>.v/table>表格位置，置左 <table aling=center,v/table>表格位置，置中1长度单位数值可以是整数，小数，正数，负数，0 ,后加单位（负 值不要轻易使用）换算关系：1in（英寸）=6pc（派）1in（英寸）=72pt（磅） 1 in（英寸尸2.54（厘米）化171（厘米）=10|7101（毫米）1cm（厘米尸0.3937（英寸） 1pt（磅尸1/72in（英寸尸0.2478mm（毫米） 1pc（派）=1/6in（英寸尸我国新四号铅字的尺寸 2百分比单位3颜色单位4 url单位table background二图片路径.v/table背景图片的URL= 就是路径网址table border二边框大小v/table设定表格边框大小（使用数字）table bgcolor=颜色码v/table设定表格的背景颜色table borderclor二颜色码v/table设定表格边框的颜色table borderclordark=颜色码./匕1316设定表格暗边框 的颜色table borderclorligh仁颜色码v/table设定表格亮边框的颜色table cellpadding=参数v/table指定内容与网格线之 间的间距（使用数字）table cellspacing=参数.v/table指定网格线与网格线之间的距离（使用数字）table cols二参数.v/table指定表格的栏数<table frame=参数/table设定表格外框线的显示方式<table width=宽度./table指定表格的宽度大小（使用数字）<table heigh仁高度v/table>指定表格的高度大小（使用数字）<td colspan=参数v/td>指定储存格合并栏的栏数（使用数字）<td rowspan=参数v/td>指定储存格合并列的列数（使用数字）<!>分割窗口<frameset cols二”20%,*”>左右分割，将左边框架分割大小为 20%右边框架的大小浏览器会自动调整<frameset rows="20%,*，上下分割,将上面框架分割大小 为20%下面框架的大小浏览器会自动调整<frameset cols二"20%,*”>分割左右两个框架 <frameset cols=”20%,*,20%”>分割左中右三个框架v分割上下两个框架vframeset rows二"20%,*,20%”>分害1上中下三个框架<!-.> 批汪<A HREF TARGET>指定超级链接的分割< A hre仁地址/地址#锚的名称指定锚名称的超级链接A HREF>指定超级链接< A NAME二锚的名称,被连结点的名称ADDRESS./ADDRESS,用来显示电子邮箱地址<B>粗体字 <BASE TARGET>指定超级链接的分割窗口
