1、Good is good, but better carries it.精益求精，善益求善。html的主體標簽-html的主體標簽:格式：屬性描述link設定頁面默認的連接顏色alink設定鼠標正在單擊時的連接顏色vlink設定訪問后連接文字的顏色background設定頁面背景圖像bgcolor設定頁面背景顏色leftmargin設定頁面的左邊距topmargin設定頁面的上邊距bgproperties設定頁面背景圖像為固定，不隨頁面的滾動而滾動text設定頁面文字的顏色換行標簽:分段控制標簽：ALIGN是標簽的屬性,屬性有三個參數left,center,right4.原樣顯示文字標簽.居中

2、對齊標簽5.插入水平線標簽:屬性功能單位默認值size設置水平分隔線的粗細pixel(像素）2width設置水平分隔線的寬度pixel(像素）、%100%align設置水平分隔線的對齊方式centercolor設置水平分隔線的顏色blacknoshade取消水平分隔線的3d陰影6.署名標簽:標簽之間的文字顯示效果是斜體字。7.插入特殊符號：特殊或專用字符字符代碼特殊或專用字符字符代碼&空格8.標題文字標簽：格式：hnalign=參數標題內容R取值16值越大字體越小，align屬性其參數為left（左），enter（中)，right(右）。標簽本身具有換行的作用，標題總是從新的一行開始。9.文字

3、格式控制標簽:格式：fontface=值1size=size的取值為17color=值3文字屬性使用功能默認值face設置文字使用的字體宋體size設置文字的大小3color設置文字的顏色黑色10.特定文字樣式標簽:(1)粗體標簽:放在與標簽之間的文字將以粗體方式顯示。(2)斜體標簽:放在與標簽之間的文字將以斜體方式顯示。(3)下劃線標簽:放在與標簽之間的文字將以下劃線方式顯示。11.無序列表:的屬性type有三個選項,這三個選項都必須小寫:disc實心圓（默認）circle空心圓square小方塊格式1:第一項第二項第三項格式2第一項第二項第三項12.有序列表:的兩個屬性type和start

4、來完成的。start=編號開始的數字，在標簽中設定valuen改變列表行項目的特定編號。格式1第1項第2項第3項格式2第1項第2項第3項13.圖像插入標簽:格式：屬性描述Src圖像的url的路徑alt提示文字width寬度通常只設為圖片的真實大小以免失真,改變圖片大小最好用圖像工具.height高度通常只設為圖片的真實大小以免失真,改變圖片大小最好用圖像工具.dynsrcavi文件的url的路徑loop設定avi文件循環播放的次數loopdelay設定avi文件循環播放延遲start設定avi文件的播放方式lowsrc設定低分辨率圖片,若所加入的是一張很大的圖片，可先顯示圖片。usemap映像

5、地圖aligntop上對齊.middle居中對齊.bottom下對齊.left左對齊.right右對齊border邊框hspace水平間距vspace定義圖像頂部和底部的空白。vlign垂直間距14.建立超鏈接的標簽為和:格式為：超鏈接名稱target可能的值有：_blank打開一個新窗口_parent顯示在上一層窗口中_top顯示在最上層窗口name顯示在名字叫name的窗口中_self顯示在當前窗口,缺省的屬性1書簽鏈接：定位標記名。跳到要訪問的內容2.外部鏈接：格式：3.郵箱鏈接：語法：描述文字向好友發送郵件(抄送小李)郵件的參數參數描述subject電子郵件主題cc抄送收件人body主

6、題內容bcc暗送收件人15.建立表格.:標簽描述.用于定義一個表格開始和結束.表格中的文字將以粗體顯示，標簽必須放在標簽內.一組行標簽內可以建立多組由或標簽所定義的單元格.一組標簽將將建立一個單元格，標簽必須放在標簽內a)標簽屬性：屬性描述border：表格的邊框。cellspacing：單元格間距。cellpadding：單元格襯距。width：表格的寬度。width的取值還可以使用百分比height：表格的高度，取值方法同widthbgcolor：表格的背景色。單元格也可有此屬性。background：表格的背景圖。也有此屬性。bordercolor：表格的邊框顏色，取值同bgcolor。

7、bordercolorlight：亮邊框顏色，亮邊框指表格的左邊和上邊的邊框。bordercolordark：暗邊框顏色，暗邊框指表格的右邊和下邊的邊框。align：表格的對齊方式，值有left、center、right。b)標簽的屬性的參數設定（常用）：屬性描述align行內容的水平對齊valign行內容的垂直對齊bgcolor行的背景顏色bordercolo行的邊框顏色bordercolorlight行的亮邊框顏色bordercolordark行的暗邊框顏色c)和的屬性屬性描述width/height單元格的寬和高，接受絕對值（如80）及相對值（如80%）。colspan單元格向右打通的欄

8、數rowspan單元格向下打通的列數align單元格內字畫位置（水平），可選值為：left,center,rightvalign單元格內字畫位置（垂直），可選值為：top,middle,bottombgcolor單元格的底色bordercolor單元格邊框顏色bordercolorlight單元格邊框向光部分的顏色bordercolordark單元格邊框背光部分的顏色background單元格背景圖片d)跨行跨列屬性跨多列的語法：跨多行的語法：16.框架集控制屬性描述border設置邊框粗細,默認是5象素.bordercolor設置邊框顏色frameborder指定是否顯示邊框：0代表不顯示邊

9、框，1代表顯示邊框cols用象素數和%分割左右窗口,*表示剩余部分rows用象素數和%分割上下窗口,*表示剩余部分framespacing=5表示框架與框架間的保留空白的距離noresize設定框架不能夠調節，只要設定了前面的，后面的將繼承17.框架窗口屬性描述src指示加載的url文件的地址bordercolor設置邊框顏色frameborder指示是否要邊框,1顯示邊框，0不顯示（不提倡用yes或no）border設置邊框粗細name指示框架名稱,是連結標記的target所要的參數noresize指示不能調整窗口的大小,省略此項時就可調整,scrolling指示是否要滾動條,auto根據需

10、要自動出現,Yes有,No無marginwidth設置內容與窗口左右邊緣的距離，默認為1marginheight設置內容與窗口上下邊緣的邊距，默認為1width框窗的寬及高默認為width=100height=100align可選值為left,right,top,middle,bottom18.浮動窗口的參數設定格式:屬性含義src浮動窗框中的要顯示的頁面文件的路徑，可以是相對或絕對。name此框窗名稱，這是連結標記的target參數所要的，align可選值為left,right,top,middle,bottom，作用不大height框窗的高，以pixels為單位。Width框窗的寬，以pi

11、xels為單位。marginwidth該插入的文件與框邊所保留的空間。marginheight該插入的文件與框邊所保留的空間。frameborder使用1表示顯示邊框，0則不顯示。（可以是yes或no）scrolling使用Yes表示容許卷動（內定），No則不容許卷動。19.表單標簽form/form語法：FORMname=“form_name”ACTION=“URL”METHOD=“GET|POST”/FORMName：定義表單的名稱Method:定義表單結果從瀏覽器傳送到服務器的方式，默認參數為：get；Action：用來指定表單處理程序的位置(asp等服務器端腳本處理程序）20.文本框文

12、本框是一種讓訪問者自己輸入內容的表單對象，通常被用來填寫單個字或者簡短的回答，如姓名、地址等。代碼格式：inputtype=“text”name=“.”size=“.”maxlength=“.”value=“.”type=“text”定義單行文本輸入框；name屬性定義文本框的名稱，要保證數據的準確采集，必須定義一個獨一無二的名稱；size屬性定義文本框的寬度，單位是單個字符寬度；maxlength屬性定義最多輸入的字符數。value屬性定義文本框的初始值21.密碼框密碼框是一種特殊的文本框，它的不同之處是當輸入內容時，均以*表示，以保證密碼的安全性。格式：23.按鈕類型：普通按鈕、提交按鈕、

13、重置按鈕。普通按鈕當type的類型為button時，表示該輸入項輸入的是普通按鈕。語法格式：Value:表示顯示在按鈕上面的文字。普通按鈕經常和腳本一起使用。提交按鈕通過提交(inputtype=submit)可以將表單(Form)里的信息提交給表單里action所指向的文件。例句：重置按鈕當type的類型為reset時，表示該輸入項輸入的是重置按鈕，單擊按鈕后，瀏覽器可以清除表單中的輸入信息而恢復到默認的表單內容設定。語法格式：24.單選框和復選框單選框格式：Checked:表示此項默認選中Value表示選中后傳送到服務器端的值。Name表示單選框的名稱，如果是一組單選項，name屬性的值相

14、同有互斥效果。復選框語法格式：Checked:表示此項默認選中Value表示選中后傳送到服務器端的值。Name表示復選框的名稱，如果是一組單選項，name屬性的值相同亦不會有互斥效果。25.文件輸入框當type=“file”時，表示該輸入項是一個文件輸入框，用戶可以在文件輸入框的內部填寫自己硬盤中的文件路徑，然后通過表單上傳。語法格式：26.下拉框(Select)既可以用做單選，也可以用做復選。單選例句如下：蘋果桔子芒果如果要變成復選，加muiltiple即可。用戶用Ctrl來實現多選。，用戶還可以用size屬性來改變下拉框的大小。27.多行輸入框(textarea)多行輸入框(textare

15、a)主要用于輸入較長的文本信息。例句如下其中cols表示textarea的寬度，rows表示textarea的高度28.滾動字幕.align:對齊方式LEFT，CENTER，RIGHT，TOP，BOTTOMbehavior:用于設定滾動的方式，主要由三種方式：behavior=scroll:表示由一端滾動到另一端；behavior=slide:表示由一端快速滑動到另一端，且不再重復；behavior=alternate:默認值表示在兩端之間來回滾動。direction:left(默認值)左;right右;up上;down下;bgcolor:背景顏色height:高度weight:寬度Hspac

16、e/vspace:分別用于設定滾動字幕的左右邊框和上下邊框的寬度。scrollamount:滾動的速度scrolldelay:延遲時間loop:循環次數；onmouseover:鼠標觸發事件-當用戶將鼠標指針移動到對象內時觸發onmouseout:鼠標滑出事件-當用戶將鼠標指針移出對象邊界時觸發這里要用到的是this.start()與this.stop()意思就是鼠標移到marquee的內容上的時候停止循環，鼠標移開marquee又開始移動。innercode:設置或獲取位于對象起始和結束標簽內的codeinnerText:設置或獲取位于對象起始和結束標簽內的文本scrollLeft:設置或獲

17、取位于對象左邊界和窗口中目前可見內容的最左端之間的距離scrollTop:設置或獲取位于對象最頂端和窗口中可見內容的最頂端之間的距離。scrollDelay:設置或獲取字幕滾動的速度，要創建垂直滾動的字幕，請將其scrollLeft屬性設定為0，要創建水平滾動的字幕，請將其scrollTop屬性設定為0，這將覆蓋任何腳本設置scrollHeight:獲取對象的滾動高度scrollAmount:設置或獲取介于每個字幕繪制序列之間的文本滾動像素數offsetTop:獲取對象相對于版面或由offsetTop屬性指定的父坐標的計算頂端位置offsetLeft:獲取對象相對于版面或由offsetPare

18、nt指定的父坐標的計算左側位置offsetHeight:獲取對象相對于版面或由父坐標offsetParent指定的父坐標的高度。setInterval:交互時間。它從載入后,每隔指定的時間就執行一次表達式clearInterval:使用setInterval方法取消先前開始的間隔事件。29.嵌入多媒體文件1、自動播放：語法：autostart=true、falsetrue：音樂文件在下載完之后自動播放；false：音樂文件在下載完之后不自動播放。示例：2、循環播放：語法：loop=正整數、true、false屬性值為正整數值時，音頻或視頻文件的循環次數與正整數值相同；屬性值為true時，音頻或

19、視頻文件循環；屬性值為false時，音頻或視頻文件不循環。示例：3、面板顯示：語法：hidden=ture、no說明：該屬性規定控制面板是否顯示，默認值為no。ture：隱藏面板；no：顯示面板。示例：4、開始時間：語法：starttime=mm:ss（分：秒）說明：該屬性規定音頻或視頻文件開始播放的時間。未定義則從文件開頭播放。示例：5、音量大小：語法：volume=0-100之間的整數說明：該屬性規定音頻或視頻文件的音量大小。未定義則使用系統本身的設定。示例：6、容器屬性：語法：height=#width=#說明：取值為正整數或百分數，單位為像素。該屬性規定控制面板的高度和寬度。heigh

20、t：控制面板的高度；width：控制面板的寬度。示例：7、容器單位：語法：units=pixels、en說明：該屬性指定高和寬的單位為pixels或en。示例：8、外觀設置：語法：controls=console、smallconsole、playbutton、pausebutton、stopbutton、volumelever說明：該屬性規定控制面板的外觀。默認值是console。console：一般正常面板；smallconsole：較小的面板；playbutton：只顯示播放按鈕；pausebutton：只顯示暫停按鈕；stopbutton：只顯示停止按鈕；volumelever：只顯示

21、音量調節按鈕。示例：9、對象名稱：語法：name=#說明：#為對象的名稱。該屬性給對象取名，以便其他對象利用。示例：10、說明文字：語法：title=#說明：#為說明的文字。該屬性規定音頻或視頻文件的說明文字。示例：11、前景色和背景色：語法：palette=color|color說明：該屬性表示嵌入的音頻或視頻文件的前景色和背景色，第一個值為前景色，第二個值為背景色，中間用|隔開。color可以是RGB色（RRGGBB）也可以是顏色名，還可以是transparent（透明）。示例：12、對齊方式：語法：align=top、bottom、center、baseline、left、right、t

22、exttop、middle、absmiddle、absbottom說明：該屬性規定控制面板和當前行中的對象的對齊方式。center：控制面板居中；left：控制面板居左；right：控制面板居右；top：控制面板的頂部與當前行中的最高對象的頂部對齊；bottom：控制面板的底部與當前行中的對象的基線對齊；baseline：控制面板的底部與文本的基線對齊；texttop：控制面板的頂部與當前行中的最高的文字頂部對齊；middle：控制面板的中間與當前行的基線對齊；absmiddle：控制面板的中間與當前文本或對象的中間對齊；absbottom：控制面板的底部與文字的底部對齊。30.IE中的背景音

23、樂31.樣式類1.常規類格式：選擇符.類名屬性：值對2.一般類格式：.類名屬性：值對3.ID類格式：類名屬性：值對32.樣式表的引入內嵌樣式(InlineStyle)這里使用了內嵌樣式內部樣式表(InternalStyleSheet)H1.mylayoutborder-width:1;border:solid;text-align:center;color:red這個標題使用了內部樣式表。外部樣式表(ExternalStyleSheet)用文本編輯器(NotePad)建立一個叫*的文件，擴展名為.css。文件內容如下：H1.mylayoutborder-width:1;border:solid

24、;text-align:center;color:red調用這個標題使用了外部樣式表。33.字體屬性字體名稱屬性(font-family)Pfont-family:”NewcenturySchoolbook”,華文彩云,黑體,楷體字體大小屬性(font-size)font-size:16pt最常用的就是pt和px(pixel)字體風格屬性(font-style)font-sytle:italic屬性值可選：normal,italic,oblique。normal是缺省值，italic,oblique都是斜體顯示。字體濃淡屬性(font-weight)這個屬性常用值是normal和bold，no

25、rmal是缺省值。字體變量屬性(font-variant)這個屬性有兩個值，normal和small-caps，normal是缺省值。small-caps表示小的大寫字體。34.文本屬性文本對齊屬性(textalign：)left(居左，缺省值)right(居右)center(居中)justify(兩端對齊).p2text-align:right文本修飾屬性(text-decoration)none(無，缺省值)underline(下劃線)overline(上劃線)line-through(當中劃線)示例代碼如下：.p2text-decoration:underline文本縮進屬性(text-

26、indent)length(長度，可以用絕對單位(cm,mm,in,pt,pc)或者相對單位(em,ex,px)percentage(百分比，相當于父對象寬度的百分比)示例代碼如下：.p1text-indent:8mmHYPERLINK/css_examples/036_text_indent.htmlt_parent行高屬性(line-height)normal(缺省值)length(長度，可以用絕對單位(cm,mm,in,pt,pc)或者相對單位(em,ex,px)percentage(百分比，相當于父對象高度的百分比)示例代碼如下：.p1line-height:1cmHYPERLINK/

27、css_examples/034_line_height.htmlt_parent字間距屬性(letter-spacing)normal(缺省值)length(長度，可以用絕對單位(cm,mm,in,pt,pc)或者相對單位(em,ex,px)示例代碼如下：.p1letter-spacing:3mmHYPERLINK/css_examples/035_letter_spacing.htmlt_parent顏色屬性(color)示例代碼如下：.p1color:grayHYPERLINK/css_examples/032_color.htmlt_parent背景顏色屬性(background-co

28、lor)bodybackground-color:#99FF00;背景圖片屬性(background-image)35.CSS偽類1.錨(a)偽類a:linkcolor:#FF0000/*未被訪問的鏈接紅色*/a:visitedcolor:#00FF00/*已被訪問過的鏈接綠色*/a:hovercolor:#FFCC00/*鼠標懸浮在上的鏈接橙色*/a:activecolor:#0000FF/*鼠標點中激活鏈接藍色*/HYPERLINK/css_examples/042_pseudo_class_a.htmlt_parent2class偽類a.c1:linkcolor:#FF0000/*未被訪

29、問的鏈接紅色*/a.c1:visitedcolor:#00FF00/*已被訪問過的鏈接綠色*/a.c1:hovercolor:#FFCC00/*鼠標懸浮在上的鏈接橙色*/a.c1:activecolor:#0000FF/*鼠標點中激活鏈接藍色*/36.Css濾鏡Alpha濾鏡透明度語法：FILTER：ALPHA(opacity=opacity,finishopacity=finishopacity,style=style,startx=startx,starty=starty,finishx=finishx,finishy=finishy)Opacity代表透明度等級，可選值從0到100，0代

30、表完全透明，100代表完全不透明。Style參數指定了透明區域的形狀特征。其中0代表統一形狀；1代表線形；2代表放射狀；3代表長方形。Finishopacity是一個可選項，用來設置結束時的透明度，從而達到一種漸變效果，它的值也是從0到100。StartX和StartY代表漸變透明效果的開始坐標，finishX和finishY代表漸變透明效果的結束坐標。Blur濾鏡模糊效果語法：對于HTML：ilter:blur(add=add,direction=direction,strength=strength)“ADD”參數是一個布爾判斷“TRUE（默認）”或者“FALSE”。它指定圖片是否被改變成

31、印象派的模糊效果。模糊效果是按順時針的方向進行的，“DIRECTION”參數用來設置模糊的方向。其中0度代表垂直向上，然后每45度為一個單位。它的默認值是向左的270度。“STRENGTH“值只能使用整數來指定，她代表有多少像素的寬度將受到模糊影響。默認是5個。FlipH,FlipV濾鏡語法：filter:filph,filter:filpv分別是水平反轉和垂直反轉，Chroma濾鏡透明色語法：filter:chroma(color=color)使用”Chroma屬性可以設置一個對象中指定的顏色為透明色，參數COLOR即要透明的顏色。DropShadow濾鏡陰影效果語法：filter:drop

32、shadow(color=color,offx=ofx,offy=offy,positive=positive)“DropShaow顧名思義就是添加對象的陰影效果。其工作原理是建立一個偏移量，加上較深。Color代表投射陰影的顏色，offx和offy分別是X方向和Y方向陰影的餓偏移量。Positive參數是一個布爾值，如果為“TRUE（非0）”，那么就為任何的非透明像素建立可見的投影。如果為“FASLE（0）”，那么就為透明的像素部分建立透明效果Glow濾鏡發光的效果語法：filter:glow(color=color,strength)當對一個對象使用glow屬性后，這個對象的邊緣就會產生類似發光的效果。“COLOR”是指定發光的顏色，“STRENGTH”則是強度的表現，可以從1到255之間的任何整數來指定這個力度。Gray,Invert,Xray濾鏡語法：filter:gray,filter