HTML語言剖析之HTML標(biāo)記一覽_第1頁
HTML語言剖析之HTML標(biāo)記一覽_第2頁
HTML語言剖析之HTML標(biāo)記一覽_第3頁
HTML語言剖析之HTML標(biāo)記一覽_第4頁
HTML語言剖析之HTML標(biāo)記一覽_第5頁
已閱讀5頁，還剩25頁未讀， 繼續(xù)免費閱讀

下載本文檔

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

文檔簡介

1、1、HTML語言剖析之Html簡介全寫： HyperText Mark-up Language 譯名： 超文件注標(biāo)式語言（譯名之一） 簡釋：一種為普通文件中某些字句加上標(biāo)示的語言，其目的在于運用標(biāo)記（tag）使文件達(dá)到預(yù)期的顯示效果。 HTML 是在 SGML 定義下的一個描述性語言，或可說 HTML 是 SGML 的一個應(yīng)用程式，HTML 不是程式語言，如 C+ 和 Java 之類，它只是標(biāo)示語言，基本上你只要明白了各種 標(biāo)記的用法便算學(xué)懂了 HTML，HTML 的格式非常簡單，只是由文字及標(biāo)記組合而成，于 編輯方面，任何文字編輯器都可以，只要能將文件另存成 ASCII 純文字格式即可，當(dāng)然

2、 以專業(yè)的網(wǎng)頁編輯軟件為佳。   閱讀須知： 這一篇【HTML剖析】偏重于標(biāo)記的介紹，考慮到易懂及每節(jié)的篇幅問題，我并不按 W3C 的 HTML 分類，這可令你更易選擇有興趣的標(biāo)記，其中只有【文件標(biāo)記】是必讀的，其 余可任意選擇。這一篇不會提及任何網(wǎng)頁編輯軟件，只要掌握了 HTML ，任何網(wǎng)頁 編輯工具都可以變成一把利器。   標(biāo)記寫法： 任何標(biāo)記皆由"<"及">"所圍住，如 <P> 標(biāo)記名與小于號之間不能留有空白字符。 某些標(biāo)記要加上參數(shù)，某些則不必。如 <font size=&qu

3、ot;+2">Hello</font> 參數(shù)只可加于起始標(biāo)記中。 在起始標(biāo)記之標(biāo)記名前加上符號"/"便是其終結(jié)標(biāo)記，如 </font> 標(biāo)記字母大小寫皆可。 圍堵標(biāo)記與空標(biāo)記： 標(biāo)記按型態(tài)分為圍堵標(biāo)記與空標(biāo)記 圍堵標(biāo)記 顧名思義，它以起始標(biāo)記及終結(jié)標(biāo)記將文字圍住，令其達(dá)到預(yù)期顯示效果。 例如 HTML Source ： <b>Creation of Webpage</b> is my favourite. 顯示成： Creation of Webpage is my favourite. 其中 <b>

4、;</b> 便稱為圍堵標(biāo)記。 它以起始標(biāo)記<b>及終結(jié)標(biāo)記</b>標(biāo)示文字 Creation of webpage ，令它顯示成粗體，兩者失其一都會發(fā)生錯誤顯示。 空標(biāo)記 是指標(biāo)記單獨出現(xiàn)，只有起始標(biāo)記沒有終結(jié)標(biāo)記。 例如 HTML Source： I love Creation of Webpage.<br>It's a wonderful place. 顯示成： I love Creation of Webpage. It's a wonderful place. 其中換行標(biāo)記<br>便屬空標(biāo)記。 它的作用便是將標(biāo)

5、記后所有東西顯示于下一行，可見終結(jié)標(biāo)記于它是沒意義的， 但有些人會為空標(biāo)記加上終結(jié)標(biāo)記，這是為方便記認(rèn)而己，對 HTML 沒有影響。2.標(biāo)記 類型 譯名或意義 作 用 備注 文件標(biāo)記 <HTML> 文件聲明 讓瀏覽器知道這是 HTML 文件   <HEAD> 開頭 提供文件整體資訊   <TITLE> 標(biāo)題 定義文件標(biāo)題，將顯示于瀏覽頂端   <BODY> 本文 設(shè)計文件格式及內(nèi)文所在   排版標(biāo)記 <!-注解-> 說明標(biāo)記 為文件加上說明，但不被顯示&#

6、160;  <P> 段落標(biāo)記 為字、畫、表格等之間留一空白行   <BR> 換行標(biāo)記 令字、畫、表格等顯示于下一行   <HR> 水平線 插入一條水平線   <CENTER> 居中 令字、畫、表格等顯示于中間 反對 <PRE> 預(yù)設(shè)格式 令文件按照原始碼的排列方式顯示   <DIV> 區(qū)隔標(biāo)記 設(shè)定字、畫、表格等的擺放位置   <NOBR> 不折行 令文字不因太長而繞行   <

7、WBR> 建議折行 預(yù)設(shè)折行部位   字體標(biāo)記 <STRONG> 加重語氣 產(chǎn)生字體加粗 Bold 的效果   <B> 粗體標(biāo)記 產(chǎn)生字體加粗的效果   <EM> 強(qiáng)調(diào)標(biāo)記 字體出現(xiàn)斜體效果   <I> 斜體標(biāo)記 字體出現(xiàn)斜體效果   <TT> 打字字體 Courier字體，字母寬度相同   <U> 加上底線 加上底線 反對 <H1> 一級標(biāo)題標(biāo)記 變粗變大加寬，程度與級數(shù)反比 

8、;  <H2> 二級標(biāo)題標(biāo)記 將字體變粗變大加寬   <H3> 三級標(biāo)題標(biāo)記 將字體變粗變大加寬   <H4> 四級標(biāo)題標(biāo)記 將字體變粗變大加寬   <H5> 五級標(biāo)題標(biāo)記 將字體變粗變大加寬   <H6> 六級標(biāo)題標(biāo)記 將字體變粗變大加寬   <FONT> 字形標(biāo)記 設(shè)定字形、大小、顏色 反對 <BASEFONT> 基準(zhǔn)字形標(biāo)記 設(shè)定所有字形、大小、顏色 反對 <BIG> 字體加大 令字體

9、稍為加大   <SMALL> 字體縮細(xì) 令字體稍為縮細(xì)   <STRIKE> 畫線刪除 為字體加一刪除線 反對 <CODE> 程式碼 字體稍為加寬如<TT>   <KBD> 鍵盤字 字體稍為加寬，單一空白   <SAMP> 范例 字體稍為加寬如<TT>   <VAR> 變數(shù) 斜體效果   <CITE> 傳記引述 斜體效果   <BLOCKQUO

10、TE> 引述文字區(qū)塊 縮排字體   <DFN> 述語定義 斜體效果   <ADDRESS> 地址標(biāo)記 斜體效果   <SUB> 下標(biāo)字 下標(biāo)字   <SUP> 上標(biāo)字 指數(shù)（平方、立方等）   清單標(biāo)記 <OL> 順序清單 清單項目將以數(shù)字、字母順序排列   <UL> 無序清單 清單項目將以圓點排列   <LI> 清單項目 每一標(biāo)記標(biāo)示一項清單項目  

11、60;<MENU> 選單清單 清單項目將以圓點排列，如<UL> 反對 <DIR> 目錄清單 清單項目將以圓點排列，如<UL> 反對 <DL> 定義清單 清單分兩層出現(xiàn)   <DT> 定義條目 標(biāo)示該項定義的標(biāo)題   <DD> 定義內(nèi)容 標(biāo)示定義內(nèi)容   表格標(biāo)記 <TABLE> 表格標(biāo)記 設(shè)定該表格的各項參數(shù)   <CAPTION> 表格標(biāo)題 做成一打通列以填入表格標(biāo)題   <TR&

12、gt; 表格列 設(shè)定該表格的列   <TD> 表格欄 設(shè)定該表格的欄   <TH> 表格標(biāo)頭 相等于<TD>，但其內(nèi)之字體會變粗   表單標(biāo)記 <FORM> 表單標(biāo)記 決定單一表單的運作模式   <TEXTAREA> 文字區(qū)塊 提供文字方盒以輸入較大量文字   <INPUT> 輸入標(biāo)記 決定輸入形式   <SELECT> 選擇標(biāo)記 建立 pop-up 卷動清單   <

13、OPTION> 選項 每一標(biāo)記標(biāo)示一個選項   圖形標(biāo)記 <IMG> 圖形標(biāo)記 用以插入圖形及設(shè)定圖形屬性   連結(jié)標(biāo)記 <A> 連結(jié)標(biāo)記 加入連結(jié)   <BASE> 基準(zhǔn)標(biāo)記 可將相對 URL 轉(zhuǎn)絕對及指定連結(jié)目標(biāo)   框架標(biāo)記 <FRAMESET> 框架設(shè)定 設(shè)定框架   <FRAME> 框窗設(shè)定 設(shè)定框窗   <IFRAME> 頁內(nèi)框架 于網(wǎng)頁中間插入框架 IE <NOFRAMES>

14、; 不支援框架 設(shè)定當(dāng)瀏覽器不支援框架時的提示   影像地圖 <MAP> 影像地圖名稱 設(shè)定影像地圖名稱   <AREA> 連結(jié)區(qū)域 設(shè)定各連結(jié)區(qū)域   多媒體 <BGSOUND> 背景聲音 于背景播放聲音或音樂 IE <EMBED> 多媒體 加入聲音、音樂或影像   其他標(biāo)記 <MARQUEE> 走動文字 令文字左右走動 IE <BLINK> 閃爍文字 閃爍文字 NC <ISINDEX> 頁內(nèi)尋找器 可輸入關(guān)鍵字尋找于該一頁 反對

15、 <META> 開頭定義 讓瀏覽器知道這是 HTML 文件   <LINK> 關(guān)系定義 定義該文件與其他 URL 的關(guān)系   StyleSheet <STYLE> 樣式表 控制網(wǎng)頁版面   <span> 自訂標(biāo)記 獨立使用或與樣式表同用   注： 表示該標(biāo)記屬圍堵標(biāo)記，即需要關(guān)閉標(biāo)記如 </標(biāo)記>。 表示該標(biāo)記屬空標(biāo)記，即不需要關(guān)閉標(biāo)記。 IE 表示該標(biāo)記只適用于 Internet Explorer。 NC 表示該標(biāo)記只適用于 Netscape Commu

16、nicator。 反對 表示該標(biāo)記不為 W3C 所贊同，通常這標(biāo)記是 IE 或 NC 自訂，且己為眾所支 持，只是 HTML 標(biāo)準(zhǔn)中有其它同功能或更好的選擇。 棄用 表示該標(biāo)記己為 W3C 所棄用，是過時的標(biāo)記，但 HTML 具向下兼容的特 性，不用擔(dān)心新瀏覽器不支援舊標(biāo)記。 新 表示該標(biāo)記是 HTML 4.0 中新增的。3、HTML語言剖析之文件標(biāo)記 <HTML> ； <HEAD> ； <TITLE> ； <BODY> 欲明白本篇【HTML剖析】之標(biāo)記分類請看 【標(biāo)記一覽】。 亦請先明白圍堵標(biāo)記與空標(biāo)記的分別請看 【HTML概念】。 HTML

17、基本架構(gòu)： 以下 HTML Source Code 便是一份 HTML 文件的基本架構(gòu) ： <HTML> <HEAD> <TITLE> 網(wǎng)頁的標(biāo)題 </TITLE> </HEAD> <BODY> 網(wǎng)頁的內(nèi)容，很多標(biāo)記都作用于此 </BODY> </HTML>  特點解說： 整份文件處于標(biāo)記<HTML>與</HTML>之間。 <HTML>用以聲明這是 HTML 文件，讓瀏覽器認(rèn)出并正確處理此 HTML 文件。 文件分兩部分，由<HEAD&g

18、t;至</HEAD>稱為開頭，<BODY>至</BODY>稱本文。 基本上兩者各有適用的標(biāo)記，如<TITLE>只可出現(xiàn)于開頭部分。 開頭部分用以存載重要資訊，而只有本文部分會被顯示。 所以大部分標(biāo)記會運用于本文部分。 <TITLE>所標(biāo)示的是文件的標(biāo)題。 會出現(xiàn)于瀏覽器頂部及為別人 Bookmark 時的名稱，所以每頁有不同而明確的標(biāo)題 是需要的。 上述標(biāo)記中只有<BODY>具參數(shù)設(shè)定。 <BODY> 之參數(shù)設(shè)定： 例子： <BODY text="#000000" link="

19、;#0000FF" alink="#FF0000" vlink="#0000FF" background="bg1.gif" bgcolor="#FFFFFF" leftmargin=2 topmargin=2 bgproperties="fixed"> text="#000000" 用以設(shè)定文字顏色。 #000000 代表黑色，亦可以采用顏色的名稱，即 text="black" 。各種顏色的值及名稱可參考【調(diào)色原理】一節(jié)。 link=&q

20、uot;#0000FF" 設(shè)定一般文字連結(jié)顏色。 alink="#FF0000" 設(shè)定剛按下時文字連結(jié)顏色。 vlink="#0000FF" 設(shè)定連結(jié)后的顏色。（被按過）。 background="bg1.gif" 設(shè)定背景墻紙。GIF 或 JPEG 皆可，可以是絕對途徑或相對途徑。 bgcolor="#FFFFFF" 設(shè)定背景顏色。當(dāng)己設(shè)定背景墻紙時會失去作用，除非墻紙有透明部分。 leftmargin=2 設(shè)定整份文件顯示畫面的左方邊沿空間，單位為像素。 只適用于IE topmargin=2 設(shè)定整份

21、文件顯示畫面的上方邊沿空間。 只適用于IE bgproperties="fixed" 固定背景墻紙，當(dāng)卷動文字時墻紙不會跟著卷動。 只適用于IE 標(biāo)記及參數(shù)之字母大小都可以。4、HTML語言剖析之排版標(biāo)記 <!-注解-> ； <P> ； <BR> ； <HR> ； <CENTER> ； <PRE> ； <DIV> ； <NOBR> ； <WBR> ；  <!-注解->： Top 像很多電腦語言一樣，HTML 文件亦提供注解功能。瀏覽器會

22、忽略此標(biāo)記中的文字（可以 是很多行）而不作顯示，一般使用目的： 為文中不同部份加上說明，方便日后修改。 這對較復(fù)雜或非私人網(wǎng)頁尤其重要，它不單是提醒自已，亦提醒你的同事這部分 做什么、那部分做什么。 例子： <!-由這處開始是產(chǎn)品訂購表格-> 用作版權(quán)聲明。 假如你不希望別人使用或復(fù)制你的網(wǎng)頁，可加上警告字眼。 例子： <!-本文版權(quán)為 1998, Creation of Webpage 所擁有，未經(jīng)許，請勿抄摘-> <P> ： Top <P>稱為段落標(biāo)記。作用：為字、畫、表格等之間留一空白行。 本來<P>是一圍堵標(biāo)記，標(biāo)于一段落的頭

23、尾，但從 HTML 2.0 開始己不需要</P>作結(jié)尾。 <P> 的常用參數(shù)： 如：<p align="center"> align="center" 可選值：right, left, center。 內(nèi)定值： align="left" 例子： 原始碼 Here is the text for my paragraph. It does't matter how long it is, how many space are between the words or when I decide

24、 to hit the return key. It will create a new paragraph only when I begin the tag with another one. <P>Here's the next paragraph.  顯示結(jié)果 Here is the text for my paragraph. It does't matter how long it is, how many space are between the words or when I decide to hit the return k

25、ey. It will create a new paragraph only when I begin the tag with another one. Here's the next paragraph. <BR> ： Top <BR>稱為換行標(biāo)記。作用：令字、畫、表格等顯示于下一行。 由于瀏覽器會自動忽略原始碼中空白和換行的部分，這令到<BR>成為最常用的標(biāo)記之 一。因為無論你在原始碼中編好了多漂亮的文章，若不適當(dāng)?shù)丶由蠐Q行標(biāo)記或段落標(biāo)記， 瀏覽器只會將它顯示成一大段。 錯誤示范：（郵局可不會接受一行過的地址） 原始碼 566 E Bosto

26、n Post RD Mamaroneck NY 10543-9982 United States of America  結(jié)果 566 E Boston Post RD Mamaroneck NY 10543-9982 United States of America  正確例子： 原始碼 566 E Boston Post RD <BR>Mamaroneck NY 10543-9982 <BR>United States of America  結(jié)果 566 E Boston Post RD Mamarone

27、ck NY 10543-9982 United States of America   <HR> ： Top <HR>稱為水平線。作用：插入一條水平線。 <HR> 之參數(shù)修改： 以： <HR align="LEFT" size="2" width="70%" color="#0000FF" noshade> 為例。 align="LEFT" 設(shè)定線條置放位置，可選擇：left；right；center 三種設(shè)定值。 size=&

28、quot;2" 設(shè)定線條厚度，以像素作單位，內(nèi)定為 2。 width="70%" 設(shè)定線條長度，可以是絕對值（以像素作單位）或相對值，內(nèi)定為 100%。 color="#0000FF" 只適用于IE 設(shè)定線條顏色，內(nèi)定為黑色。 #0000FF 代表藍(lán)色，亦可以采用顏色的名稱，即 text="blue" 。 noshade 設(shè)定線條為平面顯示，若刪去則具陰影或立體，這是內(nèi)定值。 例子： 原始碼 <HR> <HR align="LEFT" size="4"> <

29、;HR align="LEFT" size="2" width="70%" color="#0000FF" noshade> <HR align="LEFT" size="4" width="70" color="#008000">  顯示結(jié)果 - <CENTER> ： Top <CENTER>稱為居中標(biāo)記。作用：令字、畫、表格等顯示于中間。 這標(biāo)記原先是 Netscape

30、所定義，后來其它瀏覽器都支持它，但你會發(fā)現(xiàn)很多標(biāo)記已有 align="CENTER" 的參數(shù)，<CENTER>似乎多馀了，事實上它還是常用的標(biāo)記之一，其簡單 易用，常用于文字上，對于己加有 align="CENTER" 參數(shù)的 <TABLE> 標(biāo)記亦要不厭其煩 地加上居中標(biāo)記，因有狻多瀏覽器不支持<TABLE> 標(biāo)記中的 align="CENTER" 參數(shù)。 例子： 原始碼 <CENTER>Chris's First Homepage</CENTER> <CEN

31、TER>What's new</CENTER> <CENTER>My profile</CENTER>  結(jié)果 Chris's First Homepage What's new My profile   <PRE> ： Top <PRE>稱為預(yù)設(shè)格式標(biāo)記。作用：令文件按照原始碼的排列方式顯示。 這標(biāo)記允許保留你于原始碼中輸入的空白及 Return。細(xì)看以下例子你便可體會到此標(biāo)記的 威力。除了運用一大堆表格標(biāo)記之外你只有采用這標(biāo)記才能有此效果。 能以<PRE&

32、gt;標(biāo)記產(chǎn)生對效果，或產(chǎn)生多于一行的空白才算上乘！ 例子： 原始碼         <pre>        Creation of Webpage Log Analysis I        Composer Learning  459 407 480 522 547 586 673        HTML Advance

33、d      200 268 296 358 385 453 506</pre>顯示結(jié)果                  Creation of Webpage Log Analysis I                Composer Learning  459 407 480 5

34、22 547 586 673        HTML Advanced      200 268 296 358 385 453 506 <DIV> ： Top <DIV>稱為區(qū)隔標(biāo)記。作用：設(shè)定字、畫、表格等的擺放位置。 <DIV>應(yīng)用于 Style Sheet（式樣表）方面會更顯威力，它最終目的是給設(shè)計者另一種組織 能力，有 Class ; Style ; title ; ID 等屬性，將會于【Style Sheet】一節(jié)才作詳述，這處只介紹 一個屬性設(shè)定

35、。 以 <DIV align="center"> 為例： align="center" 可選值：center ; left ; right 。決定字、畫、表格等居中、靠左或靠右。 <DIV align="center"> 的作用和居中標(biāo)記 <CENTER>一樣，前者是由 HTML3.0 開始 的標(biāo)準(zhǔn)，后者是通用己久的標(biāo)示法。 例子： 原始碼 <DIV align="center">Chris's First Homepage <br>What

36、9;s new <br>My profile</DIV>  結(jié)果 Chris's First Homepage What's new My profile <NOBR> ： Top <NOBR>稱為不折行標(biāo)記。作用：令某些文字不因太長而繞行，一顯示于同一行或下一 行。它對住址、數(shù)學(xué)算式、一行數(shù)字、程式碼等尤為有用。 例子：（其中 Chris's Creation of Webpage 將不被分開而顯示于同一行。） 碼 If you want to know how to create you own h

37、omepage quickly, don't miss <NOBR>Chris's Creation of Webpage</NOBR> which will help you a lot.  結(jié)果 If you want to know how to create you own homepage quickly, don't miss Chris's Creation of Webpage which will help you a lot.   <WBR> ： Top <WB

38、R>稱為建議折行標(biāo)記。作用：預(yù)設(shè)折行部位。 它沒有侵犯到 <BR> 的責(zé)任，只是作建議而已，若觀者的系統(tǒng)解像度夠高的話，那么它是 不會折行的。 例子：（若不加<WBR>標(biāo)記，整個網(wǎng)址會顯示于下一行。） 原始碼 Please visit my other homepage which locate at There are many softwares for download. I think you will really love that place.  結(jié)果 Please visit my other homepage which lo

39、cate at There are many softwares for download. I think you will really love that place.5、HTML語言剖析之字體標(biāo)記 <STRONG> <B> <I> <EM> <VAR> <CITE> <DFN> <ADDRESS> <TT> <SAMP> <CODE> <KBD> <U> <STRIKE> <BIG> <SMALL>

40、; <SUP> <SUB> <H1> <H2> <H3> <H4> <H5> <H6> <FONT> <BASEFONT>  實體標(biāo)記與邏輯標(biāo)記 ： Top 這一節(jié)【字體標(biāo)記】你必須先明白實體標(biāo)記與邏輯標(biāo)記的分別，否則你會迷惑于為何不同 的標(biāo)記卻有相同的效果。兩者分別有以下兩處： 實體標(biāo)記有固定的顯示效果，邏輯標(biāo)記則依不同瀏覽器而不同。 例如邏輯標(biāo)記的 <EM> 由于瀏覽器的不同它所標(biāo)示的文字不一定出現(xiàn)斜體效果， 它可能是加底線、粗體或反白等，

41、所以這一節(jié)是以它們在 IE 和 NC 中的效果作介 紹。 多個實體標(biāo)記亦可有效標(biāo)示同一字句，邏輯標(biāo)記則通常于舊瀏覽器不能有效顯示多 重的標(biāo)示。 例如兩個邏輯標(biāo)記 <EM> 及 <STRONG> 同時標(biāo)示一字句于舊瀏覽器常失去作用。 實體標(biāo)記有： <I> <B> <U> 邏輯標(biāo)記有： <STRONG> <EM> <VAR> <CITE> <DFN> <ADDRESS> <CODE> <KBO> <SAMP> <TT>

42、若要求真確的效果當(dāng)然以實體標(biāo)記為佳。 <STRONG> <B> ： Top 兩者皆能產(chǎn)生字體加粗的效果，但必須注意的是當(dāng)文件被設(shè)為 gb2312 Encoding 時，兩者所 標(biāo)示的中文字不會于 Netscape Netvigator 顯示粗體效果。 例子： （第一行是沒有任何字體標(biāo)記的，作對照之用） HTML Source Code （原始碼） 瀏覽器顯示結(jié)果 Creation of Webpage <br><STRONG>Creation of Webpage</STRONG> <br><B>Creatio

43、n of Webpage</B>  Creation of Webpage Creation of Webpage Creation of Webpage  <I> <EM> <VAR> <CITE> <DFN> <ADDRESS>： Top 這些標(biāo)記于 Internet Explorer 都產(chǎn)生斜體效果，而只有 </DFN> 于 Netscape Netvigator 失去作 用。這些標(biāo)記中只有 <ADDRESS> 較為特別，因它包括換行效果所以

44、不必在它前面加上 <BR> 標(biāo)記。 例子： HTML Source Code （原始碼） 瀏覽器顯示結(jié)果 <I>Creation of Webpage</I> <br><EM>Creation of Webpage</EM> <br><VAR>Creation of Webpage</VAR> <br><CITE>Creation of Webpage</CITE> <br><DFN>Creation of Webpage<

45、;/DFN> <ADDRESS>Creation of Webpage</ADDRESS>  Creation of Webpage Creation of Webpage Creation of Webpage Creation of Webpage Creation of Webpage Creation of Webpage <TT> <SAMP> <CODE> <KBD> <U> <STRIKE> <BIG> <SMALL> <SUP&

46、gt; <SUB> Top 為方便對照及記認(rèn)，所以把十個標(biāo)記于在一起介紹。 <TT> <SAMP> <CODE> <KBD> 可令每字母有相等寬度且每字母之間的距離稍為加 寬。但于 NC 不見得如此。 <U> 是加底線的標(biāo)記，一些特別的瀏覽器并不支援，因顧慮到與連結(jié)混淆。 <STRIKE> 加上刪除線的標(biāo)記。 <BIG> 令字體加大。 <SMALL> 令字體變細(xì)。 <SUB> 為下標(biāo)字， <SUP> 則為上標(biāo)字，僅剩的數(shù)學(xué)標(biāo)記。 例子： （第一行是沒有任何字體標(biāo)記

47、的，作對照之用） HTML Source Code （原始碼） 瀏覽器顯示結(jié)果 Creation of Webpage <br><TT>Creation of Webpage</TT> <br><SAMP>Creation of Webpage</SAMP> <br><CODE>Creation of Webpage</CODE> <br><KBD>Creation of Webpage</KBD> <br><U>Creatio

48、n of Webpage</U> <br><STRIKE>Creation of Webpage</STRIKE> <br><BIG>Creation of Webpage</BIG> <br><SMALL>Creation of Webpage</SMALL> <br>12345<SUB>7</SUB> 6789<SUP>9</SUP>  Creation of Webpage Creation

49、 of Webpage Creation of Webpage Creation of Webpage Creation of Webpage Creation of Webpage Creation of Webpage Creation of Webpage Creation of Webpage 123457 67899  <H1> <H2> <H3> <H4> <H5> <H6>： Top 這些是標(biāo)題標(biāo)記，由 <H1> 至 <H6> 變粗變大加寬的程度逐漸減小。每個標(biāo)題標(biāo)

50、記所標(biāo)示 的字句將獨占一行且上下留一空白行。 例子： 原始碼 <H1>Header Level 1</H1> <H2>Header Level 2</H2> <H3>Header Level 3</H3> <H4>Header Level 4</H4> <H5>Header Level 5</H5> <H6>Header Level 6</H6>  顯示結(jié)果 Header Level 1Header Level 2Header Le

51、vel 3Header Level 4Header Level 5Header Level 6 <FONT> <BASEFONT>： Top 這一節(jié)只有這兩個標(biāo)記具參數(shù)設(shè)定，且兩者的參數(shù)設(shè)定是一樣的，都是負(fù)責(zé)設(shè)定文字的大 小、字形及顏色，但各有用處，且看以下比較： <BASEFONT> 可以用于文件的開頭部分，即 <HEAD> 與 </HEAD> 之間的位置，將 影響全文字句，是一個空標(biāo)記，用以改變字體顯示的內(nèi)定值。 <FONT> 是應(yīng)用于文件的內(nèi)文部分，即 <BODY> 與 </BODY> 之間的

52、位置，只影響 所標(biāo)示的字句，是一個圍堵標(biāo)記。 兩標(biāo)記可同時存在，唯沒被 <FONT> 所標(biāo)示的字句才直接受 <BASEFONT> 所影 響，而 <FONT> 本身亦受 <BASEFONT> 的影響。 <FONT>的參數(shù)設(shè)定： 例子： <font face="Arial" size="+2" color="#008000">Creation of Webpage</font> face="Arial" 設(shè)定文字的字形。Arial 是常

53、用的一種，請不要使用 Window 內(nèi)建字 形以外的字形。于沒有設(shè)定為 Gb2312 Encoding 的中文網(wǎng)頁，Netscape Netvigator 不會顯示此標(biāo)記 所指明的任何中文字形。 size="+2" 設(shè)定文字的大小。其值可以是絕對或相對， 絕對的意思便是標(biāo)記自己決定文字的大小，不受 <BASEFONT> 的影響，如 size="5" 表示其大小便是 5， 而html內(nèi)定值為 3，即 size="3"和沒有設(shè)定是一樣的。 相對的意思便是在內(nèi)定值 3 的基礎(chǔ)上增加或減少大小級數(shù)，如 size="+2&

54、quot; 便等同絕 對表示法的 size="5"，但若已設(shè)定 <BASEFONT size="n"> 則其實際大小便是 n+2 不 再是 3+2 了。<BASEFONT>只有絕對表示法。 color="#008000" 設(shè)定文字的顏色。#008000 表示綠色 例子： 原始碼 <font size="+1">I love Creation of Webpage</font> <br><font size="+2" color=&

55、quot;#800080">I love Creation of Webpage</font> <br><font face="Times New Roman" size="5" color="#008000">I love Creation of Webpage</font>  顯示結(jié)果 I love Creation of Webpage I love Creation of Webpage I love Creation of Webpage6、

56、HTML語言剖析之清單標(biāo)記 <OL> <LI> <UL> <MENU> <DIR> <DL> <DT> <DD>   <OL> <LI> : <OL>稱為順序清單標(biāo)記。<LI>則用以標(biāo)示清單項目。 所謂順序清單就是在每一項前面加上 1,2,3. 等數(shù)目，又稱編號清單。 <OL> 的參數(shù)設(shè)定（常用）： 例如： <ol type="i" start="4"></ol&

57、gt; type="i" 設(shè)定數(shù)目款式，其值有五種，請參考 右表，內(nèi)定為 type="1"。 start="4" 設(shè)定開始數(shù)目，不論設(shè)定了哪一數(shù) 目款式，其值只能是 1,2,3. 等整 數(shù)，內(nèi)定為 start="1"。 Type Numbering style 1 arabic numbers 1, 2, 3, . a lower alpha a, b, c, . A upper alpha A, B, C, . i lower roman i, ii, iii, . I upper roman I, II, II

58、I, . <LI> 的參數(shù)設(shè)定（常用）： 例如： <li type="square" value="4"> type="square" 只適用于非順序清單，設(shè)定符號款式，其值有三種，如下，內(nèi)定為 type="disc"： 符號  是當(dāng) type="disc" 時的列項符號。 符號  if" width=10 height=10 border=0> 是當(dāng) type="circle" 時的列項符號。

59、符號  是當(dāng) type="square" 時的列項符號。 value="4" 只適用于順序清單，設(shè)定該一項的數(shù)目，其後各項將以此作為起始數(shù)目而遞增， 但前面各項則不受影響，其值只能是 1,2,3. 等整數(shù)，沒有內(nèi)定值。 例子： HTML Source Code （原始碼） 瀏覽器顯示結(jié)果 My best friends: <ol> <li>Michelle Wei <li>Michael Wan <li>Gloria Lam </ol>  My best

60、friends: Michelle Wei Michael Wan Gloria Lam <UL> ： <UL>稱為無序清單標(biāo)記。 所謂無序清單就是在每一項前面加上 、 等符號，故又稱符號清單。 <UL> 的參數(shù)設(shè)定（常用）： 例如： <UL type="square"> type="square" 設(shè)定符號款式，其值有三種，如下，內(nèi)定為 type="disc"： 符號  是當(dāng) type="disc" 時的列項符號。 符號  是

61、當(dāng) type="circle" 時的列項符號。 符號  是當(dāng) type="square" 時的列項符號。 注意：由于 <UL> 及 <LI> 都有 type 這個參數(shù)，兩者盡可能選用其一。 例子： HTML Source Code （原始碼） 瀏覽器顯示結(jié)果 My Homepages: <ul> <li>Penpals Garden <li>ICQ Garden <li>Software City <li>Creation of Webpage <

62、;/ul>  My Homepages: Penpals Garden ICQ Garden Software City Creation of Webpage <MENU> <DIR> ： 這兩個標(biāo)記都不為 W3C 所贊同，希望用者能以 <ul> 及 <ol> 代之。 <MENU> 及 <DIR>，基本上它和 <ul> 是一樣的，在一些特別的瀏覽器可能表現(xiàn)出 <ol> 的 效果，于舊版的 IE 或 NC 標(biāo)記 <DIR> 不顯示符號或數(shù)目。兩標(biāo)記的用法與 &l

63、t;ul> 完全一 樣。 例子： HTML Source Code （原始碼） 瀏覽器顯示結(jié)果 My Homepages: <dir> <li>Penpals Garden <li>ICQ Garden <li>Software City <li>Creation of Webpage </dir>  My Homepages: Penpals Garden ICQ Garden Software City Creation of Webpage <DL> <DT> <

64、;DD> : <DL>稱為定義清單標(biāo)記。 <DT> 用以標(biāo)示定義條目，<DD> 則用以標(biāo)示定義內(nèi)容。 所謂定義清單就是一種分二層的項目清單，其不故符號及數(shù)目。 三個標(biāo)記都沒有常用的參數(shù)。而 <DT> <DD> 可以獨立使用，只是一些舊的瀏覽器并不支 援，如 IE 3.0。常用的如 <DD> 標(biāo)記可用以制造段落第一個字前面的空白。 例子： 原始碼 <dl> <dt>How to use Definition List <dd>First, you should not place p

65、aragraph tag right after or before a list structure or between the items of a list. In cerntain contexts, use of extra paragraph tags should always be avoided, when you realize this concept, it is quit easy to write a HTML. <dt>Other things to know <dd>We usually put only ONE Definition

66、tag following the Definition Term tag, more than one DD tag is not recommanded. Besides, unlike Definition List is a nonempty tag, both Definition Term and Definition Description are empty tags. </dl>  顯示結(jié)果 How to use Definition List First, you should not place paragraph tag right af

67、ter or before a list structure or between the items of a list. In cerntain contexts, use of extra paragraph tags should always be avoided, when you realize this concept, it is quit easy to write a HTML. Other things to know We usually put only ONE Definition tag following the Definition Term tag, mo

68、re than one DD tag is not recommanded. Besides, unlike Definition List is a nonempty tag, both Definition Term and Definition Description are empty tags.7、HTML語言剖析之表格標(biāo)記 表格標(biāo)記 <TABLE> <TR> <TD> <TH> <CAPTION>   <TABLE> <TR> <TD> ： Top 這三個標(biāo)記是定義表

69、格的最重要的標(biāo)記，可以說只學(xué)這三個己足夠。 <TABLE>是一個容器標(biāo)記，意思是說它用以聲明這是表格而且其他表格標(biāo)記只能在他的 范圍內(nèi)才適用，屬容器標(biāo)記的還有其他。 <TR>用以標(biāo)示表格列（row） <TD>用以標(biāo)示儲存格（cell） <TABLE> 的參數(shù)設(shè)定（常用）： 例如： <table width="400" border="1" cellspacing="2" cellpadding="2" align="CENTER" valig

70、n="TOP" background="myweb.gif" bgcolor="#0000FF" bordercolor="#FF00FF" bordercolorlight="#00FF00" bordercolordark="#00FFFF" cols="2"> width="400" 表格寬度，接受絕對值（如 80）及相對值（如 80%）。 border="1" 表格邊框厚度，不同瀏覽器有不同的內(nèi)定值，故請指明

溫馨提示

  • 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)方式做保護(hù)處理，對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯，并不能對任何下載內(nèi)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容，請與我們聯(lián)系，我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時也不承擔(dān)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論