HTML基本语法汇总大全

第1页共11页HTML基本语法汇总如果你是刚刚学习制作自己的网页，则本文对你可能有所帮助。它列出了超文本标记语言HTML最基本的语法一、基本标记文件格式html/html(文件的开头与结尾)文头区段head/head(描述文件的信息)标题title/title(显示在IE的标题栏)基底网址basehref=URLtarget=Frame_name在IE中取得完整的文件或网址路径例：basehref=61.158.10.5/llzhitarget=ContentCSS样式表：例一、stylebody{background-attachment:fixed}/style本例为固定背景图片例二、先在head区进行定义styletype=text/css!--.aa{font-size:100;color:redbackground-color:pink}.bb{font-size:50;color:#00ff00}--/style在正文中用class=样式名，来调用pclass=aa字体和颜色的变化/p正文区段body/body(放此文件的内容)文字颜色bodytext=?(RGB色码)打开窗口提示信息：bodyonload=alert('info1')点击关闭窗口ahref=javascript:window.close()点击关闭窗口/a关闭窗口提示信息：bodyonunload=alert('info2')标题h?/h(?=1~6,改变标题字的大小)标题对齐halign=right,left,center/h字加大big/big字变小small/small粗体字b/b斜体字i/i底线字u/u上标字sup/sup下标字sub/sub文字对中center/center基本字体大小basefontsize(取值范围从1到7，默认值为3)改变字体大小fontsize=?/font(?=1~7)字体颜色fontcolor=#rrggbb/font(RGB色码)指定字型fontface=?/font(?=宋体，楷体等)二、超链结网址链结ahref=URL/a设定锚点aname=?/a(?以容易记为原则)链结到锚点ahref=#?/a(同一份文件)ahref=URL#?/A(锚点不同文件)显示图形imgsrc=URL/a图形位置imgsrc=URLalign=top,bottom,middle,left,right(分别为上、下、中、左、右的位置)图形取代文字imgsrc=URLalt=?(无法显示图形时用)图形尺寸imgsrc=URLwidth=?height=?(?以像素为单位)连结图形边线imgsrc=URLborder=?(?以像素为单位)图形四周留白imgsrc=URLhspace=?vspace=?(?以像素为单位)三、区段划分段落p/p（font标签自动分段）断行br关闭换行nobr/nobr保留段落格式pre/pre第2页共11页区块div/div不能含有P标签横线hr横线厚度hrsize=?(?以像素为单位)横线长度hrwidth=?(?以像素为单位)横线长度hrwidth=?%(?与页宽相比较)实横线hrnoshade(无立体效果)实线颜色hrcolor=?(RGB色码)四、背景图案颜色及音乐背景图案bodybackground=image_filebgproperties=fixed图形文件格式为gif和jpg,后面的背景颜色bodybgcolor=#rrggbb(RGB色码)fixed为浮水印效果背景文字颜色bodytext=#rrggbb(RGB色码)未链结点颜色bodylink=#rrggbb(RGB色码)已链结点颜色bodyvlink=#rrggbb(RGB色码)正在链结点颜色bodyalink=#rrggbb(RGB色码)背景音乐bgsoundsrc=music_fileLoop=?/-1加在head或body中均可，？为次数，－1为循环例：bgsoundsrc=star.midLoop=-1支持.mid及.wav等格式五、表格的使用基本组成：tableborder=?height=?width=?bgcolor=?border=?框线宽度，单位为点数，0为不显示框线。caption.../caption表格标题文字height=?width=?为高度和宽度，点和百分比trbgcolor=?表格的背景色，亦可加到tr或td内td...td....../trtrtd...td....../tr....../tabletablebordercolor=?bordercolordark=?bordercolorlight=?框线、暗面、亮面的颜色tablealign=left|center|right表格的水平对齐（左、中、右）（可制作成浮动表格）tablecellspacing=?cellpadding=?单元格间、单元格与数据的间隙tablebackground=image_file表格的背景图片，亦可加到th或td中th.../th标题行与td类似，只是默认为粗体居中对齐。tablerules=none|rows|cols|all表格内框线，不显示｜水平线｜垂直线｜所有线tablerowspan=?colspan=?行或列的合并六、输入特殊符号特殊符号HTML表示法＠©<>"&&回车 七、字幕文字marqueemarquee字幕文字内容/marqueemarqueebgcolor=?字幕文字的背景色marqueeheight=?width=?字幕文字范围的大小marqueebehavior=scroll|slide|alternate显示方向：循环｜到一边停｜左右移动marqueedirection=left|rightloop=n|-1scrollamount=?scrolldelay=?滚动方向、次数、第3页共11页速度及延迟八、自动更新及自动转向（转向例子）自动更新:metahttp-equiv=refreshcontent=valuevalue为时间“秒”自动转向:metahttp-equiv=refreshcontent=value;url=filename_URL如：metahttp-equiv=refreshcontent=5;url=九、设定默认语系metahttp-equiv=Content-Typecontent=text/html;charset=gb2312十、局部套用的CSS（一般用在div区块或span对象标记标签中，也可用于a或p标签中格式如下：DIVSTYLE=color:blue;font-size:20pt;margin-left:15px局部样式样式属性值说明color设定颜色，颜色名或＃十六进制数background设定背景颜色，同上font-size设定字体尺寸，直接指定点数ptfont-family设定使用的字体，例如：楷体line-height设定网页的行距，可用点数pt或百分比margin-left|right|top|bottom设定网页的左、右、上、下边界，用象素px表示text-decortion下划线，加用underline，不加用nonetext-transform设定文字转换，uppercase大写，capitalize首字大写cursor设定光标显示的外观形状十一、内嵌式的CSS：一般在head中定义，在body中引用1重新设定body标记的样式：在body前定义CSS样式STYLETYPE=text/cssBODY{font-size:10pt;font-famliy:楷体_GB2312;line-height:120%;}SPAN{font-size:20pt;font-family:宋体;}/STYLE2重新设定p标记样式STYLETYPE=txet/cssP{font-size:12pt;color:yellow;background-color:blue;line-height:25px;}/STYLE3重新设定超级链接标记的样式STYLETYPE=text/cssA:link{font-size:9pt;color:blue;text-decoration:none}未查看的链接A:active{font-size:9pt;color:green;text-decoration:none}准备查看的链接A:visited{font-size:9pt;color:yellow;text-decoration:none}已经查看过的链接A:hover{font-size:9pt;color:red;text-decoration:underline}当鼠标移到链接上时/STYLE4自定义名称的样式（用以“.”开头的名称定义，用class=名称，来引用。可用于fonth?PA及DIV等标记中，示例STYLETYPE=text/css.smallblue{font-size:9pt;color:blue}.bigred{font-size:25pt;color:red}/STYLE第4页共11页H2CLASS=bigred....../H2FONTCLASS=smallblue....../FONT5绝对位置的编排(引用方法与4相同）STYLETYPE=text/css.bigtitle{position:absolute;top:80pt;left:50pt;visibility:visible;z-index:1;background-color:blue;color:yellow;font-size:19pt}/STYLE程序码属性值说明positionabsolute|relative|static定位方式为绝对、相对和静态lfetpt|百分比|auto左边界距离，象素、百分比或自动toppt|百分比|auto上边界距离，象素、百分比或自动widthpt|百分比|auto显示宽度，象素、百分比或自动heightpt|百分比|auto显示高度，象素、百分比或自动z-indexauto|整数显示网页元素重叠时的顺序编号visibilityvisible|hidden是否显示此元素，显示或隐藏十二、外部链接的CSS：将各种样式标记储存成一个独立的“.CSS”文件；套用方法：在HEAD中用下面的命令引用之：LINKREL=stylesheetHREF=css_fileTYPE=text/css如：“temp.css”设定标签如下BODY{font-size:10pt;font-family:楷体_GB2312;line-height:120%}SPAN{font-size:20pt;font-family:宋体}P{font-size:12pt;color:yellow;background-color:blue;line-height:25px}A:link{font-size:9pt;color:blue;text-decoration:none}A:active{font-size:9pt;color:green;tex