HTML標記大全_第1頁
HTML標記大全_第2頁
HTML標記大全_第3頁
HTML標記大全_第4頁
HTML標記大全_第5頁
已閱讀5頁，還剩5頁未讀， 繼續(xù)免費閱讀

下載本文檔

版權(quán)說明：本文檔由用戶提供并上傳，收益歸屬內(nèi)容提供方，若內(nèi)容存在侵權(quán)，請進行舉報或認領(lǐng)

文檔簡介

1、一、HTML標記注釋：紅色字體為標記和其必不可少的屬性；綠色字體為標記中的屬性，可任意選取所需要的屬性； 天藍色字體為自由填充的屬性值； 黑色字體為補充內(nèi)容及對標識和描述內(nèi)容的注解1、HTML標記語法：<標記名稱 屬性1名=屬性1值 屬性2名=屬性2值 >標記在表示HTML文檔內(nèi)容結(jié)構(gòu)和含義的時候，通常有兩種方式，我們分別稱單標記和雙標記。表1：HTML定義的用于描述頁面整體結(jié)構(gòu)的四種標記<HTML> <HEAD> <TITLE> (加入網(wǎng)頁的標題)</TITLE> </HEAD> <BODY> </BO

2、DY> </HTML>2、<BODY>的屬性BGCOLOR=" 顏色" (設(shè)置背景顏色) BACKGROUND=" 圖片名" (設(shè)置背景圖片) BGPROPERTIES="FIXED" (設(shè)置背景圖片固定不變) TEXT="顏色 " (設(shè)置文本顏色) LINK="顏色" (默認鏈接) VLINK="顏色" (當鼠標按下時的鏈接) ALINK="鏈接按鈕" (當鼠標松開后的鏈接) TOPMARGIN=距離 (文本距頂部的距離)

3、LEFTMARGIN=距離 (文本距左邊的距離)3、設(shè)置播放器，必須在BODY的雙標記中存在設(shè)置背景音樂：<BGSOUND SRC="地址" (歌名或視頻名) LOOP=“循環(huán)次數(shù)”>插入視頻音頻文件：（FLASH等）<EMBED SRC="地址" (歌名或視頻名) WIDTH=寬度 HEIGHT=高度 (調(diào)整播放器的寬度和高度) HIDDEN="TRUE"(隱藏播放器) LOOP=”循環(huán)次數(shù)”>4、如何使網(wǎng)頁在網(wǎng)站的排名靠前，其必須在HEAD中存在 <META NAME="KEYWORD&qu

4、ot; CONTENT="描述網(wǎng)站內(nèi)容 "> (用于標記搜索引擎在搜索該頁面時所取出的關(guān)鍵詞)<META NAME="DESCRIPTION" COUNT="描述網(wǎng)頁內(nèi)容" >（用來標記描述內(nèi)容）<META NAME="AUTHOR" CONTENT="作者名稱" >（用來標記文檔的作者）<META HTTP-EQUIV="CONTENT-TYPE" CONTENT= "TEXT/HTML; CHARSET =GB2312&quo

5、t;>（用來標記你的頁面的解碼方式）<META HTTP-EQUIV="REFRESH" CONTENT="5;URL= Http:/www.baidu .com">(用來自動刷新網(wǎng)頁)5、標題字體表2：語法:<H* ALIGN=“對齊位置”> </H*>說明:其中*可以選擇16，且按順序字體從大到小顯示；ALIGN屬性值可以選擇“l(fā)eft”、“center”、“right”三個中間的一個。一個標題占一個獨立段，字體自動顯示為黑體且不容不同大小的字體6、文章字體表3：語法:<FONT SIZE=“大小” C

6、OLOR=“顏色” FACE=“字體樣式”> </FONT>說明:其中SIZE屬性可以選擇17；COLOR屬性值可以選擇RGB值或者預(yù)定義顏色名稱。常用的顏色名稱有：black（黑）,white（白）,red（紅）,green（綠）,blue（藍）,yellow（黃）,aqua（淺綠）,fuchsia（紫紅）,gray（灰）,Lime（橙）,maroon（栗色）,purple（紫）,olive（橄欖）,silver（銀色）FACE 屬性值為設(shè)置不同的字體，必須是在瀏覽器中安裝相應(yīng)字體后才可以使用7、物理字體表4：語法:<B> </B> 或<str

7、ong></strong><I> </I>或em或cite<U> </U>說明:B標記用來指示以粗體字顯示文本I標記用來指示以斜體字顯示文本 U標記用來指示為文本加上下劃線語法:<SUP> </SUP><SUB></SUB><STRIKE> </STRIKE>說明:SUP標記指示以上標方式顯示文本SUB標記指示以下標方式顯示文本STRIKE標記用來指示在文本的正中央畫一條刪去線語法:<BIG> </BIG><SMALL>

8、</SMALL>說明:BIG標記指示增大文字的字號SMALL 標記只是減小文字字號8、字符實體在往HTML文檔中寫入特殊字符，如“”、“”、“&”、“ ”等要使用特殊的代碼，瀏覽器會用HTML命令對這些特殊代碼進行翻譯。往網(wǎng)頁中輸入特殊字符，需在HTML代碼中加入以&開頭的字母組合或以&#開頭的數(shù)字。9、對齊方式表6：語法:<DIV ALIGN=“對齊位置”> </DIV><CENTER> </CENTER>說明:ALIGN屬性可以用“l(fā)eft”、“center”、“right”，分別對應(yīng)于將標記中間的字符塊按

9、照左、中、右對齊。這個標記沒有屬性，其作用是將標記中間的字符居中對齊，其作用和<DIV ALIGN=“center”></DIV>一樣。表7：語法:<P ALIGN=“對齊位置”> </P>說明:<P>用于換行，意同于回車兩次。<P>和<DIV>中的ALIGN屬性的屬性值一樣，也是取“l(fā)eft”、“center”、“right”三個值，分別對應(yīng)將中間的字體左、中、右對齊。10、文字移動表8:語法:<MARQUEE DIRECTION=“移動方向” BEHAVIOR=“移動方式” LOOP=“移動次數(shù)” S

10、CROLLAMOUNT=“字體循環(huán)移動的速度” SCROLLDELAY=“字體循環(huán)移動的延時” HEIGHT=“高度” WIDTH“寬度” BGCOLOR“背景顏色” HSPACE=“垂直空白距離”VSPACE=“水平空白距離”> </MARQUEE>說明:DIRECTION屬性的屬性值是取“l(fā)eft”、“right”, “up”, “down”四個值，分別對應(yīng)將中間的字體向左、右、上、下移動；BEHAVIOR屬性的屬性值是取“scroll”、“slide”、“alternate”三個值，分別對應(yīng)將中間的字體循環(huán)移動、只移動一次、在屏幕中間來回移動；LOOP屬性的屬性值是取一

11、個數(shù)值，表示將中間的字體循環(huán)移動的次數(shù)；SCROLLAMOUNT屬性的屬性值是取數(shù)字值，對應(yīng)將中間的字體循環(huán)移動的速度，數(shù)值越大，表示速度越快；SCROLLDELAY屬性的屬性值是取數(shù)字值，對應(yīng)將中間的字體循環(huán)移動的延時，設(shè)置這個參數(shù)也會影響到文字移動的速度；HEIGHT屬性的屬性值是取數(shù)字值，這個屬性控制了文字移動面積的高度；WIDTH屬性的屬性值是取數(shù)字值，這個屬性控制了文字移動面積的寬度；BGCOLOR屬性的屬性值可以取RGB值，或者用預(yù)定義值，它控制了移動文字的背景顏色；HSPACE和VSPACE：滾動對象周圍的文字或圖像是與滾動背景緊密連接的，使用它們用來設(shè)置它們之間的空白空間11、

12、文字中行的控制表9:語法:<P ALIGN=“對齊位置”> </P>說明:其中ALIGN屬性的屬性值可以取“l(fā)eft”、“center”、“right”三個值中的值，這個屬性控制了段落中的文字在Web頁面中的對齊方式。需要注意的是有些瀏覽器不支持右對齊方式。 表10：語法:<BR>說明:這個標記是單標記。換行標記，意同于回車一次。12、列表l 無序列表表11：語法:<UL TYPE=“強調(diào)符類型” COMPACT> </UL>說明:TYPE屬性可以分別取三個值“disc”、“square”、“circle”，（在某些瀏覽器中，TYPE

13、屬性的值必須使用小寫瀏覽器才可以識別）它是用來控制強調(diào)符風格的屬性，三個值分別對應(yīng)實心圓點，實心方塊，空心圓圈。需要說明的是有些瀏覽器不支持該屬性。COMPACT屬性是個無值屬性（名稱標記），用來使列表的表項用緊湊格式顯示。l 有序列表表12：語法:<OL TYPE=“強調(diào)符類型” START=“” COMPACT> </OL>說明:TYPE屬性可以分別取五個值“1”、“a”、“A”、“i”、“I”，用來控制強調(diào)符風格的屬性，五個值分別對應(yīng)數(shù)字、小寫字母、大寫字母、小寫羅馬數(shù)字、大寫羅馬數(shù)字。START屬性是一個數(shù)字，表示從第幾個數(shù)字（字母）開始計數(shù)。COMPACT屬性

14、是個無值屬性（名稱標記），用來使列表的表項用緊湊格式顯示。表13：語法:<LI TYPE=“強調(diào)符類型”> </LI>說明:TYPE屬性是可選的，一般情況下是不需要的，因為在整體列表定義時應(yīng)該已經(jīng)定義完畢，只有在極少數(shù)情況下，需要使不同表項的強調(diào)符不同，才有必要在這里定義這個屬性。屬性值的選擇和前面列表的屬性選項一致。l 定義列表：表14：語法:<DL COMPACT> </DL>說明:COMPACT屬性是個無值屬性（名稱標記），用來使列表的表項用緊湊格式顯示。表15：語法:<DT> </DT>說明:<DT>標

15、記用于標注需要定義的術(shù)語表16：語法:<DD> </DD>說明:<DD>標記用于標注該術(shù)語的定義表17：無序列表有序列表定義列表<UL TYPE=“強調(diào)符類型” ><LI TYPE=“強調(diào)符類型”> </LI> <LI> </LI> <LI > </LI> </UL><OL TYPE=“強調(diào)符類型” START=“從哪開始計數(shù)” > <LI TYPE=“強調(diào)符類型”> </LI><LI> </LI> &l

16、t;LI > </LI></OL><DL> <DT><DD> </DD></DT> </DL>13、預(yù)格式化表18：語法:<PRE> </PRE>說明:<PRE>標記用于使瀏覽器原封不動地顯示預(yù)先編排好格式的一段文本14、鏈接超鏈接是WWW的基礎(chǔ)，也是其核心。表19：語法:<A HREF=“url#name” TARGET=“鏈接打開的位置”></A>說明:HREF部分中url后邊跟的“name”部分是指定頁面的指定部分的標識，用“#

17、”分割url和指定部分標識。TARGET參數(shù)定義了鏈接打開的位置。TARGET 取值：target="_blank"   將鏈接的內(nèi)容打開在新的瀏覽器窗口中。  target="_new"      將鏈接的內(nèi)容打開在新的瀏覽器窗口中。       target="_parent"  將鏈接的內(nèi)容當成文件的上一個畫面。   &#

18、160;   target="_self"    將鏈接的內(nèi)容顯示在當前窗口中。(默認值)       target="_top"     將框架中鏈接的畫面內(nèi)容，顯示在沒有框架的視窗中。（即除去了框架）  target="myLocation" myLocation的取值可以是 frameName/IframeName/ChildWindowName

19、60;                   其意義是：將鏈接的內(nèi)容在某個框架的頁面打開，或者在已經(jīng)打開的某個子窗口打開。定義頁內(nèi)錨點<A name=“錨點的名稱”> </a> 建立某位置錨點<A HREF=“#錨點的名稱” ></A> 連接到該位置錨點A、相對地址：描述了從一個頁面到另一個頁面的路徑，而不是Internet的完整地址。B、絕對地址：描述的不是兩

20、個文件相對的路徑關(guān)系，它描述的是兩個文件相對于根的關(guān)系C、物理地址：是使用文件存放在硬盤上的位置的路徑來描述文件的方式。15、插入圖片大多數(shù)的瀏覽器都支持兩種圖形格式：GIF（圖形互換格式）和JPEG（聯(lián)合圖像專家組）。表20：語法:<IMG SRC=“圖片來源” ALIGN=“對齊方式” BORDER=“邊框線寬度” ALT=“鼠標放在圖片上時，框內(nèi)顯示的內(nèi)容”> 飛WIDTH=“圖寬” HEIGTH=“圖高” VSPACE=“與文字的垂直邊距” HSPACE=“與文字的水平邊距”說明:SRC表示圖片的來源（存放路徑）；ALIGN屬性標識了圖片在頁面中的對齊方式；BORDER屬性

21、標識了圖片的邊框線的寬度；ALT屬性是在圖片顯示后，對圖片的一段描述。16、水平線表21：語法:<HR ALIGN“對齊方式” WIDTH=“寬度” SIZE=“粗細” NOSHADE>說明:ALIGN屬性用來設(shè)置水平標尺線的對齊方式WIDTH屬性用來設(shè)置水平標尺線在水平方向上的寬度SIZE屬性設(shè)置水平標尺線的粗細，單位是像素數(shù)NOSHADE屬性是一個名稱記號，用于取消水平標尺線的陰影。17、表格表格中由行和列分隔成的格子稱為表元（cell）,是矩形區(qū)域，它可以包含文本，圖像和HTML標記。用以分隔表元的行列線則稱為表格的邊框線（border）,表元的內(nèi)容分成兩類，一類是表頭，一類

22、是表數(shù)據(jù)。l 表格的定義表22：語法:<TABLE BORDER=“邊框的粗細” BORDERCOLOR=“邊框線的顏色” BGCOLOR=“背景顏色” BACKGROUND=“背景圖片” ALIGN=“位置” WIDTH=“寬度” HEIGHT=“高度” CELLSPACING=“表元間距” CELLPADDING=“表元內(nèi)容與邊框的距離”> </TABLE>說明:TABLE 標記定義了一個表格的開始，表格的所有內(nèi)容，都在這一對雙標記中間。BORDER屬性設(shè)置表格的邊框的粗細；BORDERCOLOR屬性表示邊框線的顏色；BGCOLOR屬性控制表格的背景顏色；BACKG

23、ROUND屬性定義了表格的背景圖片；ALIGN屬性控制表格在頁面中的位置；WIDTH和HEIGHT屬性表示表格的寬度和高度；CELLSPACING表示的是表元和表元之間的距離；CELLPADDING表示表元內(nèi)部內(nèi)容和這個表元邊框之間的距離。l 標題的定義表23：語法:<CAPTION ALIGN“水平對齊方式” VALIGN“垂直對齊方式”></CAPTION>說明:CAPTION標記定義了一個表格的標題ALIGN屬性設(shè)置表格標題的水平對齊,取值有l(wèi)eft、right、center；VALIGN屬性設(shè)置表格標題的垂直對齊，取值有top、bottom，分別是將標題設(shè)置在表

24、格的上部和下部。l 表行定義表24：語法:<TR ALIGN“水平對齊方式” WIDTH=“寬度” HEIGHT=“高度”> </TR>說明:TR標記定義了一個表行，這行表的內(nèi)容都寫在這對雙標記中間。l 表頭的定義表25:語法:<TH WIDTH=“寬度” HEIGHT=“高度” BACKGROUND=“背景圖片” BGCOLOR=“背景顏色” ALIGN=“水平對齊方式” VALIGN=“垂直對齊方式” COLSPAN=“行合并格數(shù)” ROWSPAN=“列合并格數(shù)”> </TH>說明:TH標記定義了一個表頭，表頭的內(nèi)容都寫在這對雙標記中間。表頭

25、可以看作是行或列的標題。標記中的WIDTH和HEIGHT屬性分別設(shè)置了表頭的寬度和高度；BACKGROUND和BGCOLOR屬性定義了表頭的背景圖形和背景顏色；ALIGN、VALIGN屬性表示表頭內(nèi)容在本表頭中的水平和垂直對齊方式；COLSPAN和ROWSPAN兩個屬性定義了和表頭相鄰的表頭（表元）的合并方法，在需合并的表頭的最左上角的表頭的<TH>標記中定義。l 表單元的定義表26：語法:<TD WIDTH=“寬度” HEIGHT=“高度” BACKGROUND=“背景圖片” BGCOLOR=“背景顏色” ALIGN=“水平對齊方式” VALIGN=“垂直對方式” COLS

26、PAN=“行合并格數(shù)” ROWSPAN=“列合并格數(shù)”> </TD>說明:TD標記定義了一個表數(shù)據(jù)，表數(shù)據(jù)的內(nèi)容都寫在這對雙標記中間。WIDTH和HEIGHT屬性分別設(shè)置了表數(shù)據(jù)的寬度和高度BACKGROUND和BGCOLOR屬性定義了表數(shù)據(jù)的背景圖形和背景顏色ALIGN、VALIGN屬性表示表數(shù)據(jù)內(nèi)容在本表數(shù)據(jù)中的水平對齊方式和垂直對齊方式。COLSPAN和ROWSPAN兩個屬性定義了和表數(shù)據(jù)相鄰的表數(shù)據(jù)（表元）的合并方法。l 列表的基本結(jié)構(gòu)表27：列表的基本結(jié)構(gòu)<TABLE> <TR> <TH> </TH>或者<TD&

27、gt;</TD> </TR>. <TR> <TH> </TH>或者<TD> </TD> </TR></TABLE>18、表單l 表單定義表28：語法:<FORM NAME=“命名” ACTION=“提交路徑” METHOD“傳遞方式”ENTYPE=“編碼方式” TARGET=“目標窗口打開方式”> </FORM> 說明:FORM標記定義一個頁面中的一個表單。NAME用于命名；ACTION屬性用來指定當表單被提交時要接受的文件的路徑；METHOD屬性用于指定提交表單的方法，其取值為GET或POST，默認為GET，GET為地址傳值，將數(shù)據(jù)放在URL后面?zhèn)鬟f，長度有限，但會自動保存數(shù)據(jù)，POST 傳輸數(shù)據(jù)安全，但不能保存數(shù)據(jù)。get的方式是將表單控件的name/value信息經(jīng)過編碼之后，通過URL發(fā)送(你可以在地址欄里看到)。而post則將表單的內(nèi)容通過http發(fā)送，你在地址欄看

溫馨提示

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

評論

0/150

提交評論