HTML基本语法汇总

1、HTML基本语法汇总如果你是刚刚学习制作自己的网页，则本文对你可能有所帮助。它列出了超文本标记语言HTML最基本的语法一、基本标记文件格式 （ 文件的开头与结尾 ）文头区段 （ 描述文件的信息 ）标题 （ 显示在 IE 的标题栏 ）基底网址 在 IE 中取得完整的文件或网址路径 例： CSS羊式表：例一、 bodybackground-attachment:fixed本例为固定背景图片例二、先在vhead区进行定义v!- .aafont-size:100;color:redbackground-color:pink .bbfont-size:50;color:#00ff00- v/style

2、在正文中用 class= 样式名，来调用 vp class=aa 字体和颜色的变化 v/p 正文区段 vbodyv/body（ 放此文件的内容 ） 文字颜色 vbody text=? （RGB 色码 ） 打开窗口提示信息： vbody onload=alert（info1） 点击关闭窗口 va href=javascript:window.close（）点击关闭窗口 v/a关闭窗口提示信息： vbody onunload=alert（info2）标题 vh?v/h（?=16, 改变标题字的大小 ）标题对齐 vh align=right,left,centerv/h字加大 vbigv/big字变

3、小 vsmallv/small粗体字 vbv/b斜体字 viv/i底线字 vuv/u上标字 vsupv/sup下标字 vsubv/sub文字对中 vcenterv/center基本字体大小 vbasefont size（ 取值范围从 1 到 7，默认值为 3）改变字体大小 vfont size=?v/font（?=17）字体颜色 vfont color=#rrggbbv/font（RGB 色码 ）指定字型 vfont face=?v/font（?= 宋体，楷体等 ）二、超链结网址链结 va href=URLv/a 设定锚点 va name=?v/a（? 以容易记为原则 ） 链结到锚点 va h

4、ref=#?v/a（ 同一份文件 ） va href=URL#?v/A（ 锚点不同文件 ） 显示图形 vimg src=URLv/a图形位置 vimg src=URL align=top,bottom,middle,left,right（分别为上、下、中、左、右的位置 ）图形取代文字 vimg src=URLalt=?（ 无法显示图形时用 ）图形尺寸 vimg src=URL width=? height=?（? 以像素为单位 ） 连结图形边线 vimg src=URLborder=?（? 以像素为单位 ） 图形四周留白 vimg src=URLhspace=? vspace=?（? 以像素为

5、单位 ）三、区段划分段落 vpv/p （font 标签自动分段）断行 vbr关闭换行 vnobrv/nobr 保留段落格式 vprev/pre 区块v/div 不能含有P标签 横线 vhr横线厚度hr size=?（?以像素为单位） 横线长度hr width=?（?以像素为单位） 横线长度hr width=?%（?与页宽相比较） 实横线hr noshade（无立体效果） 实线颜色hr color=?（RGB 色码）四、背景图案颜色及音乐背景图案 vbody background=image_file bgproperties=fixed图形文件格式为 gif 和 jpg,后面的背景颜色vbod

6、y bgcolor=#rrggbb（RGB色码）fixed为浮水印效果背景文字颜色vbody text=#rrggbb（RGB 色码）未链结点颜色vbody link=#rrggbb（RGB 色码）已链结点颜色vbody vlink=#rrggbb（RGB 色码）正在链结点颜色vbody alink=#rrggbb（RGB 色码）背景音乐 vbgsound src=music_file Loop=?/-1 加在 vhead或 vbody中均可，？为次数，1 为循环例：vbgsound src=star.mid Loop=-1支持.mid 及.wav 等格式五、表格的使用基本组成：vtable

7、border=? height=? width=? bgcolor=?border=?框线宽度，单位为点数，0 为不显示框线。vcaption.v/caption表格标题文字height=? width=? 为高度和宽度，点和百分比vtrbgcolor=?表格的背景色，亦可加到 vtr 或vtd内vtd.vtdv/trvtrvtd.vtdv/tr v/tablevtable bordercolor=? bordercolordark=? bordercolorlight=?框线、暗面、亮面的颜色vtable align=left|center|right表格的水平对齐（左、中、右）（可制作成浮

8、动表格）vtable cellspacing=? cellpadding=?单元格间、单元格与数据的间隙vtable background=image_file表格的背景图片，亦可加到vth或vtd中vth.v/th标题行与vtd类似，只是默认为粗体居中对齐。vtable rules=none|rows|cols|all表格内框线，不显示|水平线|垂直线|所有线vtable rowspan=? colspan=? 行或列的合并六、输入特殊符号特殊符号HTML表示法& copy;v& It;>II& quot;& amp;回车& nbsp;七、字幕文字vmarqueevmarquee字幕文

9、字内容 v/marqueevmarquee bgcolor=?字幕文字的背景色vmarquee height=? width=?字幕文字范围的大小vmarquee behavior=scroll|slide|alternate显示方向：循环|至U边停|左右移动vmarquee direction=left|right loop=n|-1 scrollamount=? scrolldelay=?滚动方向、次数、速度及延迟八、 自动更新及自动转向（ 转向例子）自动更新:vmeta http-equiv=refresh content=value value为时间 “秒”自动转向：vmeta htt

10、p-equiv=refresh content=value;url=filename_URL如:九、设定默认语系vmeta http-equiv=Content-Type content=text/html;charset=gb2312十、局部套用的 CSS（ 般用在区块或对象标记标签中，也可用于或标签中格式如下：局部样式样式属性值说明color设定颜色，颜色名或#十六进制数background设定背景颜色，同上font-size设定字体尺寸，直接指定点数ptfont-family设定使用的字体，例如：楷体line-height设定网页的行距，可用点数pt或百分比margin-left|rig

11、ht|top|bottom设定网页的左、右、上、下边界，用象素px表示text-decortion下划线，加用 underline，不加用 nonetext-transform设定文字转换，uppercase 大写，capitalize首字大写cursor设定光标显示的外观形状十、内嵌式的 CSS 一般在中定义，在中引用1重新设定标记的样式：在前定义CSS样式vSTYLE TYPE=text/cssBODYfont-size:10pt;font-famliy:楷体 _GB2312;line-height:120%;SPANfont-size:20pt;font-family:宋体;2重新设定标

12、记样式vSTYLE TYPE=txet/cssPfont-size:12pt;color:yellow;background-color:blue;line-height:25px;3重新设定超级链接标记的样式 vSTYLE TYPE=text/css未查看的链接准备查看的链接已经查看过的链接当鼠标移到链接上时A:linkfont-size:9pt;color:blue;text-decoration:none A:activefont-size:9pt;color:green;text-decoration:none A:visitedfont-size:9pt;color:yellow;t

13、ext-decoration:none A:hoverfont-size:9pt;color:red;text-decoration:underline v/STYLE4自定义名称的样式（用以“.”开头的名称定义，用class=名称，来引用可用于vfontvh?vPvA及vDIV等标记中，示例vSTYLE TYPE=text/css.smallbluefont-size:9pt;color:blue.bigredfont-size:25pt;color:redv/STYLE vH2 CLASS=bigredv/H2 vFONT CLASS=smallbluev/FONT5绝对位置的编排（引用方

14、法与4相同）vSTYLE TYPE=text/css.bigtitleposition:absolute;top:80pt;left:50pt;visibility:visible; z-index:1;background-color:blue;color:yellow;font-size:19ptv/STYLE程序码属性值说明positionabsolute|relative|static定位方式为绝对、相对和静态lfetpt|百分比|auto左边界距离，象素、百分比或自动toppt|百分比|auto上边界距离，象素、百分比或自动widthpt|百分比|auto显示宽度，象素、百分比或自动

15、heightpt|百分比|auto显示高度，象素、百分比或自动z-indexauto|整数显示网页元素重叠时的顺序编号visibility visible|hidden是否显示此元素，显示或隐藏十二、外部链接的CSS将各种样式标记储存成一个独立的“ .CSS文件； 套用方法：在VHEAD中用下面的命令引用之：vLINK REL=stylesheet HREF=css_file TYPE=text/css如口：“temp.css 设定标签如下BODYfont-size:10pt;font-family:楷体 _GB2312;line-height:120%SPANfont-size:20pt;font-family:宋体Pfont-size:12pt;color:yellow;background-color:blue;line-height:25px A:linkfont-size:9pt;color:blue;text-decoration:noneA:activefo