HTML標記速查手冊_第1頁
HTML標記速查手冊_第2頁
HTML標記速查手冊_第3頁
HTML標記速查手冊_第4頁
HTML標記速查手冊_第5頁
已閱讀5頁,還剩25頁未讀, 繼續(xù)免費閱讀

下載本文檔

版權說明:本文檔由用戶提供并上傳,收益歸屬內容提供方,若內容存在侵權,請進行舉報或認領

文檔簡介

1、HTML語法速查 返回本講是用戶在文件中使用HTML標記時參考手冊,除了特別注釋外,列出的所有標記都可用于Micmsoft Explorer3.0或Netscape Navigator3.0。注意,有些瀏覽器不支持列出的所有標記。對于這些內容及今后HTML標準的修改情況,請參考HTML標記使用文本、頭標。列表標記可以創(chuàng)建基本的HTML頁面,在屬性旁邊的(MS)符號表示它僅用于Microsoft Internet Ements標注 創(chuàng)建注解,也可用于隱含瀏覽器不支持的JavaScript程序新方式標注的表示方法我們在Internet上可以看到許多各式各樣的網(wǎng)頁,其實這些網(wǎng)頁

2、基本上都可以通過用HTML語言編寫程序來實現(xiàn)。聽到計算機語言,您可能會想要退避,其實您不要害怕,HTML的語法非常簡單。您可能會問,現(xiàn)在有關HomePage制作的工具軟件那么多,還需要花時間去了解HTML嗎?事實上,不管制作工具軟件如何先進,HomePage的制作仍然以HTML語法為基礎,所以要想在制作HomePage的時候能夠運用自如,還是得先花些時間認識一下HTML語法,這對您是會有幫助的。HTML的結構基本上,編輯HTML的工具只要是能將輸入的文字存成文本文件就可以了,因此您可以使用Windows 95的“記事本”來編輯HTML文件?,F(xiàn)在我們就以記事本來作為編輯HTML的工具吧!下面我們

3、舉一個簡單的HTML文件來作為說明的例子:最簡單的HTML文件這是第一層標題歡迎來到HTML的世界這是第一段這是第二段 這是一個簡單的HTML文件。文件中所有的“符號以及所包含的內容,我們都稱為是一個Tag(標簽),Tag通常是成雙成對的(但是也有少數(shù)例外),例如與就是。前面的Tag表示所指示效果的開始,后面的Tag則表示效果的結束,例子中每個Tag所代表的意義如下: :這組標簽表示的是整份文件的開始與結束,它的主要功能是告訴例覽器這是一份HTML文件,不過這組標簽是可以省略的。 :這組標簽內可放人文件標頭(Header)的資料,如下面要介紹的標題(Title)標簽。 :表示文件的標題,通常標

4、題會顯示在測覽器視窗的最上方。 :表示文件的主體,也就是想要顯示在瀏器中的文件內容。 :表示其內的文字為大標題,將會以最大字體顯示出來。 :用來表示一個段落的結束。 您可以在“記事本”中輸入上面范例的內容并且將它存成“.htm”文件,然后我們可以用任何一種瀏覽器來觀看這個文件的內容。由上面這個例子,想必您已經(jīng)大概知道HTML語言的特性了吧!下面讓我們來多認識一些HTML中其他Tag的功能。注意:在HTML語法中是沒有限制大小寫的,也就是說,或的寫法都是可以使用的,另外Tag與Tag之間的空格或空行并不會在瀏覽器中顯示出來,要想產十分段或空行的效果必須使用或等Tag。1.字體變化HTML語言也提

5、供了字體變化的效果。下面是一些與文字有關的Tag,有興趣的話請拿來試試看吧! 加底線打字機字體加上刪除線加大字體縮小字體將文字放在正常文字的右上方將文字放在正常文字的右下方讓文字閃爍標題字體的大小變化,n為16將文字置中!- 與- 之間可放注解文字,而且不會在測覽器上顯示出來加在文字后面,表示要換行加在一段文字后面,表示要分段 我們在后面還會遇到更多更富變化的Tag使用技巧,而且隨著HTML語言的發(fā)展,所能提供的功能將會越來越多。2.鏈接的功能HTML語言最特殊的地方就是它的鏈接能力,這種能力稱為“超文本鏈接”,或簡稱“鏈接”。其使用的方式如下: 鏈接對象代表文字或圖片 注意:我們可以將鏈接的

6、對象分為兩種:“絕對路徑”與“相對路徑”,絕對路徑指的是網(wǎng)址,或稱URL(如:http/);而相對路徑則是指位于某一文件目錄下的HTML文件(如:himlexample.him)。3.加入圖片HTML的另一個特色就是可以讓我們加入許多的圖片,使文件看起來更豐富。加入圖片所使用的語法是這個Tag,讓我們看看下面這個實際的例子吧。 如果要調整圖片的位置則可以用下面的語法:圖片左邊靠齊。:圖片居中。:圖片右邊靠齊。 注意:在HomePage中只能顯示GIF或JPG格式的圖片,因此您必須先將其他格式的圖片存成這兩種文件格式才能加以運用。另外,我們也可以將圖片變成HomePage的背景。在B0DY的Ta

7、g中指定背景的語法: 4.加入顏色當然,HTML也提供了設定色彩的功能,在HTML中,顏色的設定是以16位的RCB值來表示。什么是RGB?RGB代表的是光的三原色,R(Red)紅色、G(Green)綠色、B(Blue)藍色。這三種顏色由于混合比例的不同,就會形成各種不同的顏色。在RGB值中共有6個數(shù)字,每種原色各占兩個,00代表最暗的顏色,而FF則代表最亮的顏色。例如#123456,其中12是紅色的值,34是綠色的值,56是藍色的值。以下是幾個比較常用的顏色對照表:英文色名 中文色名 RGB值 英文色名 中文色名 RGB值 Black 黑色 #000000 Green 綠色 #008000 S

8、ilver 銀色 #C0C0C0 Lime 萊姆綠色 #00FF00 Gray 灰色 #808080 Oliver 橄欖綠色 #808000 White 白色 #FFFFFF Yellow 黃色 #FFFF00 Maroon 栗子色 #800000 Navy 海軍藍色 #000080 Red 紅色 #FF0000 Blue 藍色 #0000FF Purple 紫色 #800080 Teal 藍綠色 #008080 Fuchsia 櫻紅色 #FF00FF Aqua 水藍色 #00FFFF 現(xiàn)在我們要將三段文字分別以不同的顏色表示,可以用下面的方式來表達:黑色黃色水藍色 您也可以指定背景的顏色,例

9、如您想用黑色作為背景,就可以使用下面的語法: 一、結構標記標記 屬性 功能 括人全部HTML文件內容 括人HTML頭文件內容 括人HTML文件主體部分(文本和標記) BACKGROUND= 頁面背景中名稱或圖像的URL標題 BGCOLOR= 頁面背景顏色 TEXT= 頁面文字顏色 LINK= 不是緊隨其后的顏色 ALINK= 激活的鏈接顏色 VLINK= 緊隨其后的鏈接顏色 BGROPERTIES=(MS) 背景圖像屬性。目前僅允許的值是FlXED,它用于防止背景圖像滾動 TOPMARGIN=(MS) 頁面上邊空白,以像素表示 BOTTOMMARGIN=(MS) 頁面底部空白,以像素表示 標明

10、當前文件的全部URL。這個可選擇標記與一起使用 HREF= 此文件的全部URL 標明此文件是一個允許查詢的網(wǎng)關腳本 PROMPT= 查詢域提示 ACT10N= 查詢的字符串應能通過的網(wǎng)關程序 標明在此丈檔與其他丈檔之間的鏈接件通常被用作HTML制作工具, 表示從此丈檔到另一個文檔的鏈接例如,可以在文件中創(chuàng)建一個多重鏈接。一般不常用 HREF= 當鏈接激活時,調用文檔的URL NAME= 如果允許考慮一個錨點,它是一個錨點名稱 REL= 當前文件與鏈接文件的關系,例如”TOC或”Glossary REV= 在當前文件與鏈接文件之間的相反關系 URN= 統(tǒng)一資源數(shù)(URN),它與HREF中的URL

11、有很大的區(qū)別 TITLE= 與丈檔鏈接的標題 獲得文件的方法,例如:FTP,Gopher等 METHODS= 標明文件的meta信息(文件本身信息),例如,尋找工程的關鍵詞,用于獲得丈檔、時間期限等的特殊HTTP頭標。Meta信息通常是以關鍵字數(shù)值形式成對使用,用在文件的標記HEAD中 HTTP-EOUIV= 用作為矚性值的同一名子創(chuàng)建新一個新的HTTP頭標。例如, HTTP-EQUIV=Expires。標頭的值由內容的矚性定義 NAME= 如果meta的數(shù)據(jù)通常以關鍵字數(shù)值成對使用,NAME表示關鍵字,例如,作者和ID CONTENT= 成對使用的關鍵數(shù)值的內容(或由HTTP-EQUlV指明

12、的HTTP頭標) 標明與此文件相關的下一文件,(可能被一工具定義用于嚴格管理HTTP文件)。 NEXTID被認為無用 二、頭標和標題標記 屬性 功能 第一層頭標 第二層頭標 第三層頭標 第四層頭標 第五層頭標 第六層頭標 標明文件標題。在(HEAD)中使用 所有的標題目錄都具有以下屬性:ALIGN= 可能的值為CENTER,LEFT,和RIGNT 四、鏈接標記 屬性 功能 用HREF的屬性,創(chuàng)建與另一個文件鏈接的文件,使用NAME的屬性,創(chuàng)建另一個可被鏈接的文件 HREF= 當鏈接被激活時,調用文件的URL NAME= 錨名 REL= 鏈接文件與當前文件的關系,例如:TOC或Glossary,

13、 REL=并不常用 REV= 當前文件與鏈接文件反向的連接關系(不常用) URN= 統(tǒng)一資源數(shù)(URN),與URL最明顯的不同是存的HREF TITLE= 被鏈接文件標題(不常用) METHODS= 獲得文件的方法,例如:FTP,Gopher,等(不常用) TARGET= 與文件相鏈接的顯示的幀名 三、段落的區(qū)域標記 屬性 功能 一般段落,結束的標題為可選擇 ALIGN= 文本對齊為中心CENTEL左(LEFT)或右(RIGHT) 格式化文本區(qū)域 ALIGN= 文本中心(CENTER)、左(LEFT)或右(RIGHT)對齊 五、列表標記 屬性 功能 有序(接數(shù)字)列表 TYPE= 列表標識的數(shù)

14、字類型可能值為A,a,i,I和l START= 列表的啟始值 無序列表 TYPE= 使用加重列表符號標明列表項??赡艿闹礑ISC,CIRCLE(或ROUND),和SQUARE 菜單列表項 列表目錄,項數(shù)一般小于20字符 與,或一起使用的列表項 TYPE= 標記列表項使用的加重符號或數(shù)字值,可能值為:DISC,CIRCLE(或POUND)SQUARE,A,a,I,i,和l VALUE= 列表項數(shù)字值(影響列表項和所有在對此屬性以下的內容) 定義或詞匯列表 COMPACT= 該屬性使列表占用較少空白空間 定義術語,作為定義列表的一部分 定義術語的相關定義,作為定義列表的一部分 六、字符格式標記 屬

15、性 功能 強調(通常用斜體) 進一步強調(通常用黑體) 代碼樣例(通常用Courier體) 打印文本(通常用Courier體) 變量值或其它值的保存場所 式樣文本(一般不常用) 術語定義 引用 黑體字 斜體字 打印(等寬)字體 預格式文本(線的精確端點和空白將被保存通常用等寬字體補償) 比正常稍大的文字 比正常稍小的文字 下標 上標 在文字問加一劃去線 七、其他要素標記 屬性 功能 SIZE= 水平線 SIZE= 線的長度,以像素表示 WIDTH= 線的寬度,以像素或與文本的寬度百分比表示 ALIGN= 在頁面中線的對齊方式,可能的值為LEFT,RIGHT和CENTER NOSHADECOLO

16、R=(MS) 使繪制的線為實線,而不是透明線水平線顏色 線斷 CLEAR= 使文本在圖像周圍停止轉行,可能的值為:RIGHT,LEFT,和ALL 使文本在頁面邊緣換行 必要時在此點處換行 用于長引用或引用文 有關文件作者簽名和一般信息 使正文或圖像對中 用敏感的方式使文本不斷閃爍 改變文本的顯示字體 SIZE= 字形的大小從1到7。默認值為3也可定義與當前字體相關值。例如:+2 COLOR= 改變文本的顏色 FACE= 若能在用戶系統(tǒng)找到使用的字體,使用該字體名,多個字體名可用逗號隔開。使用在列表中找到的第一個字體將被使用 為當前頁設置字體的缺省字形大小 SIZE= 字體大小在缺省數(shù)值從1到7

17、默認為值為3 八、圖像、聲音和嵌入媒體標記 屬性 功能 在文件中嵌入圖像 ISMAP 此圖像是可單擊的圖像 SRC= 圖像的URL ALT= 在不支持圖像的瀏覽器中測覽正文字符串 ALIGN= 決定指定圖像的對齊方式,若為LEFT或RIGHT,圖像將左列或右列對齊,所有的文字放在圖像的旁邊。TOP,MIDDLE,BOTTOM,或僅在Netscape中的TEXTTOP,ABSMIDDL, BASELINE和ABSBOTTOM決定了圖像和在同一行中文本的對齊方式 VSPACE= 在圖像和文本上邊或圖像和文本下邊的空白 HSPACE= 在圖像和文本左邊或圖像和文本右邊的空白 WIDTH= 圖像寬度,

18、以像素表示。如果寬度不是實際寬度,圖像按比例進行了縮放 HEIGHT= 圖像高度,以像素表示。如果高度不是實際高度,圖像按比例進行了縮放 BORDER= 在圖像周圍按指定像素畫一邊框,一但圖像被鏈接,與邊框鏈接的BORDER值將變?yōu)槿笔≈?LOWSRC= 圖像在SRC中被指定前,第一次裝入圖像的路徑和URL,LOWSRC的值通常比實際圖像值小或比實際圖像分辨率低 USEMAP= 圖像映射名,特指客戶方圖像映射與(MAP)與連用 DYNSRC= (MS) 視頻片段或VRML世界的地址(動態(tài)來源) CONTROLS= (MS) 與DYNSRC連用,一套內置視頻播放控制系統(tǒng) LOOP= (MS) 視

19、頻片段循環(huán)括放次數(shù)(-1或INFINITE表示無限循環(huán)) START= (MS) 當動態(tài)視頻片段開始播放時,有效的選項是FILEOPEN(當頁面顯示時播放)或MOUSEOVER(當光標移過視頻區(qū)域時播放) (MS) 當頁面顯示時,播放聲音文件 SRC= (MS) 嵌入WAV的URL,AU,或MIDI聲音文件的URL LOOP= (MS) 視頻片段循環(huán)播放次數(shù)(-1或INFINITE,表示無限循環(huán)) script程序翻譯器 LANGUAGE= 目前Netscape僅支持JAVASCRIPT,Microsoft支持JAVASCRIPT和VBSCRIPT SRC= 包含script程序文件的URL

20、在文件中嵌入圖像、音頻Java小應用程序或ActiveX控制 注意:標記的使用還沒有最后落實,可以查閱,獲得HTML3.2標準版支持的最新屬性內容。 插入一個自運行Java小應用程序 CLASS= 小應用程序名稱 SRC= 能找到的編譯過的小應用程序所在目錄的URL(在http:/mysite/myapplets/中應當以/作為結束符標記,不必包含用CLASS矚性定義的實際小程序名) ALIGN= 指明小程序應當與它下面任何丈本的對齊方式,當前值為TOP,MIDDLE和BOTTOM WIDTH= 小程序輸出區(qū)域寬度,以像素為單位 HEIGHT= 小程序輸出區(qū)域高

21、度,以像素為單位 指定的程序參數(shù)(通常在標記和中使用) NAME= 所給小應用程序和ActiveX控制的信息類型 VALUE= 所給小應用程序和ActiveX控制的實際信息值 REF= 表明此標記 包含對象的地址和位置 (僅在Netscape中使用) 以插入應用的形式嵌入可以閱讀可以顯示的文件 注意:除了以下這些標準屬性外,還可以指定小應用程序的特定屬性,這些內容可以由插入的程序進行翻譯,插入的程序以嵌入對象的方式顯示。 SRC= 嵌入文件的URL WIDTH= 嵌入對象的寬度,以像素表示 HEIGHT= 嵌入對象的高度,以像素表示 ALIGN= 決定媒體窗口的對齊方式,取值與標記相同 VSP

22、ACE= 媒體與文本上邊及下邊的空白區(qū)域 HSPACE= 媒體與丈本左邊及右邊的空白區(qū)域 BORDER= 在媒體周圍以像素為單位按給定尺寸繪制邊框 以交互式文本和圖像方式為沒有進行嵌入安裝的用戶提供顯示 客戶方的圖像映射,可參考。包含一個或更多的標記 在客戶圖像映射中,定義可單擊的鏈接 SHAPE= 可單擊的區(qū)域形狀,目前僅支持RECT COORDS= 在圖像中,可單擊的上、下、左區(qū)域坐標 HREF= 當該區(qū)域被單擊時,應裝入URL NOHREF= 當該圖像區(qū)域被單擊時,表明無其他事件發(fā)生 九、表單標記 屬性 功能 表示輸入表單 ACTION= 處理此輸入表單script程序的URL METH

23、OD= 表示表單輸入如何送至服務器的網(wǎng)關,可能值為GET或POST ENCTYPE= 通常有值/x-www-form-urlencoded對于裝載文件,使用multipart/form-data NAME= 能夠涉及表單的命名,命名用JavaScript書寫 表單的輸入要素 TYPE= 輸入的控件類型。可能的值為CHECKBOX,HIDNEN,RADIO,RESET,SUBMIT,TEXT,SENDFILE,或IMAGE NAME= 項目名稱,進入網(wǎng)關script程序的名稱,作為命名/數(shù)值對形式的一部分 VALUE= 作為一個文本或隱藏控件的缺省值。作為復選框,單選按鈕,在表單中提交值,作為復

24、位或提交按鈕,由按鈕自身標識 SRC= 圖像源文件 CHECKED 對于復選框和單選按鈕,表示控件已被檢查 SIZE= 字符及文本控件的尺寸 MAXLENGTH= 在控件中可輸入文本的最大字符數(shù) ALIGN= 對于表單中的圖像,確定丈本和圖像的對齊方式(與標記類似) 表示表格單元中的多行丈本,包括缺省文本 NAME= 進入網(wǎng)關script程序的名稱,作為命名/數(shù)值對形式的一部分 ROWS= 文本區(qū)域的顯示行數(shù) COLS= 文本域的顯示列(字符)數(shù) WRAP= 控制文本轉行,可能的值為OFF,VIRTUAL,PHYSICAL 創(chuàng)建一菜單或可能選項的滾動列表 NAME=進入網(wǎng)關script程序的名

25、稱,作為命名/數(shù)值對形式的一部分 SIZE= 顯示的元素數(shù)目,若SIZE值存在,選擇部分變成滾動列表。若SIZE值不存在,選擇部分為彈出式菜單 MULTIPLE 允許從列表中進行多重選擇 表示在元素中的可能選項 SELECTED 包含該屬性時,將在列表被選為缺省值 VALUE= 當表單提交時,著被選中,提交該值 十、表格標記 屬性 功能 創(chuàng)建一個包含標題()和任意行數(shù)()的表格 BORDER= 說明畫的表格包含或不包含邊框。在Netscape中,BORDER中的值表示框的寬度 CELLSPACING= 在表格單元之間的空白總數(shù) CELLPADDING= 在表格單元邊緣和單元內容之間的空格數(shù) W

26、IDTH= 頁面中表格的寬度。該值可給出確切像素值或按頁面寬度的百分比給出 ALIGN= (MS) 對齊方式(工作方式同IMGALIGN),取值為LEFT或RIGHT BGCOLOR= 表格中所有單元的背景顏色,不包含自身的BACLGROUND或BGCOLOR屬性 BACKGROUND=(MS) 表格中所有單元的背景圖像,不包含自身的BACKGROUND或BGCOLOR屬性 BORDERCOLOR= (MS) 邊框顏色(與BORDER=一起使用)三維邊框顏色較輕部分(與BORDER=一起使用) BORDERCOLORLIGHT=(MS) 三維邊框顏色較重部分(與BORDER=一起使用) BOR

27、DERCOLORDARK=(MS) 在表格中文本的對齊方式,取值為TOP和BOTTOM VALIGN=(MS) 顯示表格的外部邊框的控制。取值為void(無邊框),above(僅有頂框),below(僅有底框),hsides 有頂框和底框),lhs(左邊框),rhs(右邊框),vsides(左右邊框)和box(所有邊框) FRAME=(MS) 顯示表格內部的邊框控制。取值為none,basic(僅在THEAD、TBODY和TFOOT之間的規(guī)則)rows(僅有水平邊框),cols(僅有垂直邊框),和all 表格標題 ALIGN= 標題位置??赡艿娜≈禐門OP和BOTTOM 定義表格的一行,包括頭

28、標和數(shù)據(jù)(標記和) ALIGN= 行單元內容的水平對齊方式,可能取值為LEFT,RIGHT和CENTER VALIGN= 行單元內容的豎直對齊方式,可能的值為TOP,MIDDLE,BOTTOM和BASELINE BGCOLOR= 行中所有單元的背景顏色,不包含自身的BACKGROUND或BGCOLOR屬性 BACKGROUND=(MS) 行中所歹單元的背景圖像,不包含自身的BACKGROUND或BGCOLOR屬性 BORDERCOLOR=(MS) 邊框顏色 (與BORDER=一起使用) BORDERCOLORLIGHT=(MS) 三維框的顏色較輕部分(與BORDER=一起使用) BORDERC

29、OLORDARK=(MS) 三維邊框顏色較重部分(與BORDER=一起使用) 定義表頭單元 ALIGN=單元內容水平對齊,可能的取值為LEFT,RIGHT和CENTER VALIGN=單元內容豎直對齊,可能的取值為TOP,MIDDLE,BOTTOM和BASELINE ROWSPAN= 單元行數(shù)的延伸 COLSPAN=” 單元列數(shù)的延伸 NOWRAP= 對單元中的內容不自動換行 WIDTH=單元中列的寬度。該值可按確切的像素值或按頁面寬度的百分比給出 BGCOLOR= 表格單元的背景顏色 BACKGROUND=(MS) 表格單元內圖像的背景顏色 BORDERCOLOR=(MS) 邊框顏色 (與BORDER=一起使用) BORDERCOLORLIGHT=(

溫馨提示

  • 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請聯(lián)系上傳者。文件的所有權益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁內容里面會有圖紙預覽,若沒有圖紙預覽就沒有圖紙。
  • 4. 未經(jīng)權益所有人同意不得將文件中的內容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲空間,僅對用戶上傳內容的表現(xiàn)方式做保護處理,對用戶上傳分享的文檔內容本身不做任何修改或編輯,并不能對任何下載內容負責。
  • 6. 下載文件中如有侵權或不適當內容,請與我們聯(lián)系,我們立即糾正。
  • 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論