[工學(xué)]html 語(yǔ)言學(xué)習(xí)教程.doc_第1頁(yè)
[工學(xué)]html 語(yǔ)言學(xué)習(xí)教程.doc_第2頁(yè)
[工學(xué)]html 語(yǔ)言學(xué)習(xí)教程.doc_第3頁(yè)
[工學(xué)]html 語(yǔ)言學(xué)習(xí)教程.doc_第4頁(yè)
[工學(xué)]html 語(yǔ)言學(xué)習(xí)教程.doc_第5頁(yè)
已閱讀5頁(yè),還剩25頁(yè)未讀, 繼續(xù)免費(fèi)閱讀

下載本文檔

版權(quán)說(shuō)明:本文檔由用戶(hù)提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請(qǐng)進(jìn)行舉報(bào)或認(rèn)領(lǐng)

文檔簡(jiǎn)介

1、 HTML語(yǔ)言剖析之Html簡(jiǎn)介全寫(xiě): HyperText Mark-up Language譯名: 超文件注標(biāo)式語(yǔ)言(譯名之一)簡(jiǎn)釋?zhuān)阂环N為普通文件中某些字句加上標(biāo)示的語(yǔ)言,其目的在于運(yùn)用標(biāo)記(tag)使文件達(dá)到預(yù)期的顯示效果。HTML 是在 SGML 定義下的一個(gè)描述性語(yǔ)言,或可說(shuō) HTML 是 SGML 的一個(gè)應(yīng)用程式,HTML 不是程式語(yǔ)言,如 C+ 和 Java 之類(lèi),它只是標(biāo)示語(yǔ)言,基本上你只要明白了各種 標(biāo)記的用法便算學(xué)懂了 HTML,HTML 的格式非常簡(jiǎn)單,只是由文字及標(biāo)記組合而成,于 編輯方面,任何文字編輯器都可以,只要能將文件另存成 ASCII 純文字格式即可,當(dāng)然 以專(zhuān)業(yè)的網(wǎng)頁(yè)編輯軟件為佳。 閱讀須知:這一篇【HTML剖析】偏重于標(biāo)記的介紹,考慮到易懂及每節(jié)的篇幅問(wèn)題,我并不按 W3C 的 HTML 分類(lèi),這可令你更易選擇有興趣的標(biāo)記,其中只有【文件標(biāo)記】是必讀的,其 余可任意選擇。這一篇不會(huì)提及任何網(wǎng)頁(yè)編輯軟件,只要掌握了 HTML ,任何網(wǎng)頁(yè) 編輯工具都可以變成一把利器。 標(biāo)記寫(xiě)法:任何標(biāo)記皆由所圍住,如 標(biāo)記名與小于號(hào)之間不能留有空白字符。某些標(biāo)記要加上參數(shù),某些則不必。如 Hello參數(shù)只可加于起始標(biāo)記中。在起始標(biāo)記之標(biāo)記名前加上符號(hào)/便是其終結(jié)標(biāo)記,如 標(biāo)記字母大小寫(xiě)皆可。 圍堵標(biāo)記與空標(biāo)記:標(biāo)記按型態(tài)分為圍堵標(biāo)記與空標(biāo)記圍堵標(biāo)記顧名思義,它以起始標(biāo)記及終結(jié)標(biāo)記將文字圍住,令其達(dá)到預(yù)期顯示效果。例如 HTML Source : Creation of Webpage is my favourite.顯示成: Creation of Webpage is my favourite.其中 便稱(chēng)為圍堵標(biāo)記。它以起始標(biāo)記及終結(jié)標(biāo)記標(biāo)示文字 Creation of webpage ,令它顯示成粗體,兩者失其一都會(huì)發(fā)生錯(cuò)誤顯示??諛?biāo)記是指標(biāo)記單獨(dú)出現(xiàn),只有起始標(biāo)記沒(méi)有終結(jié)標(biāo)記。例如 HTML Source:I love Creation of Webpage.Its a wonderful place.顯示成:I love Creation of Webpage.Its a wonderful place.其中換行標(biāo)記便屬空標(biāo)記。它的作用便是將標(biāo)記后所有東西顯示于下一行,可見(jiàn)終結(jié)標(biāo)記于它是沒(méi)意義的, 但有些人會(huì)為空標(biāo)記加上終結(jié)標(biāo)記,這是為方便記認(rèn)而己,對(duì) HTML 沒(méi)有影響。2、 HTML語(yǔ)言剖析之HTML標(biāo)記一覽標(biāo)記 類(lèi)型 譯名或意義 作 用 備注文件標(biāo)記 文件聲明 讓瀏覽器知道這是 HTML 文件 開(kāi)頭 提供文件整體資訊 標(biāo)題 定義文件標(biāo)題,將顯示于瀏覽頂端 本文 設(shè)計(jì)文件格式及內(nèi)文所在 排版標(biāo)記 說(shuō)明標(biāo)記 為文件加上說(shuō)明,但不被顯示 段落標(biāo)記 為字、畫(huà)、表格等之間留一空白行 換行標(biāo)記 令字、畫(huà)、表格等顯示于下一行 水平線(xiàn) 插入一條水平線(xiàn) 居中 令字、畫(huà)、表格等顯示于中間 反對(duì) 預(yù)設(shè)格式 令文件按照原始碼的排列方式顯示 區(qū)隔標(biāo)記 設(shè)定字、畫(huà)、表格等的擺放位置 不折行 令文字不因太長(zhǎng)而繞行 建議折行 預(yù)設(shè)折行部位 字體標(biāo)記 加重語(yǔ)氣 產(chǎn)生字體加粗 Bold 的效果 粗體標(biāo)記 產(chǎn)生字體加粗的效果 強(qiáng)調(diào)標(biāo)記 字體出現(xiàn)斜體效果 斜體標(biāo)記 字體出現(xiàn)斜體效果 打字字體 Courier字體,字母寬度相同 加上底線(xiàn) 加上底線(xiàn) 反對(duì) 一級(jí)標(biāo)題標(biāo)記 變粗變大加寬,程度與級(jí)數(shù)反比 二級(jí)標(biāo)題標(biāo)記 將字體變粗變大加寬 三級(jí)標(biāo)題標(biāo)記 將字體變粗變大加寬 四級(jí)標(biāo)題標(biāo)記 將字體變粗變大加寬 五級(jí)標(biāo)題標(biāo)記 將字體變粗變大加寬 六級(jí)標(biāo)題標(biāo)記 將字體變粗變大加寬 字形標(biāo)記 設(shè)定字形、大小、顏色 反對(duì) 基準(zhǔn)字形標(biāo)記 設(shè)定所有字形、大小、顏色 反對(duì) 字體加大 令字體稍為加大 字體縮細(xì) 令字體稍為縮細(xì) 畫(huà)線(xiàn)刪除 為字體加一刪除線(xiàn) 反對(duì) 程式碼 字體稍為加寬如 鍵盤(pán)字 字體稍為加寬,單一空白 范例 字體稍為加寬如 變數(shù) 斜體效果 傳記引述 斜體效果 引述文字區(qū)塊 縮排字體 述語(yǔ)定義 斜體效果 地址標(biāo)記 斜體效果 下標(biāo)字 下標(biāo)字 上標(biāo)字 指數(shù)(平方、立方等) 清單標(biāo)記 順序清單 清單項(xiàng)目將以數(shù)字、字母順序排列 無(wú)序清單 清單項(xiàng)目將以圓點(diǎn)排列 清單項(xiàng)目 每一標(biāo)記標(biāo)示一項(xiàng)清單項(xiàng)目 選單清單 清單項(xiàng)目將以圓點(diǎn)排列,如 反對(duì) 目錄清單 清單項(xiàng)目將以圓點(diǎn)排列,如 反對(duì) 定義清單 清單分兩層出現(xiàn) 定義條目 標(biāo)示該項(xiàng)定義的標(biāo)題 定義內(nèi)容 標(biāo)示定義內(nèi)容 表格標(biāo)記 表格標(biāo)記 設(shè)定該表格的各項(xiàng)參數(shù) 表格標(biāo)題 做成一打通列以填入表格標(biāo)題 表格列 設(shè)定該表格的列 表格欄 設(shè)定該表格的欄 表格標(biāo)頭 相等于,但其內(nèi)之字體會(huì)變粗 表單標(biāo)記 表單標(biāo)記 決定單一表單的運(yùn)作模式 文字區(qū)塊 提供文字方盒以輸入較大量文字 輸入標(biāo)記 決定輸入形式 選擇標(biāo)記 建立 pop-up 卷動(dòng)清單 選項(xiàng) 每一標(biāo)記標(biāo)示一個(gè)選項(xiàng) 圖形標(biāo)記 圖形標(biāo)記 用以插入圖形及設(shè)定圖形屬性 連結(jié)標(biāo)記 連結(jié)標(biāo)記 加入連結(jié) 基準(zhǔn)標(biāo)記 可將相對(duì) URL 轉(zhuǎn)絕對(duì)及指定連結(jié)目標(biāo) 框架標(biāo)記 框架設(shè)定 設(shè)定框架 框窗設(shè)定 設(shè)定框窗 頁(yè)內(nèi)框架 于網(wǎng)頁(yè)中間插入框架 IE 不支援框架 設(shè)定當(dāng)瀏覽器不支援框架時(shí)的提示 影像地圖 影像地圖名稱(chēng) 設(shè)定影像地圖名稱(chēng) 連結(jié)區(qū)域 設(shè)定各連結(jié)區(qū)域 多媒體 背景聲音 于背景播放聲音或音樂(lè) IE 多媒體 加入聲音、音樂(lè)或影像 其他標(biāo)記 走動(dòng)文字 令文字左右走動(dòng) IE 閃爍文字 閃爍文字 NC 頁(yè)內(nèi)尋找器 可輸入關(guān)鍵字尋找于該一頁(yè) 反對(duì) 開(kāi)頭定義 讓瀏覽器知道這是 HTML 文件 關(guān)系定義 定義該文件與其他 URL 的關(guān)系 StyleSheet 樣式表 控制網(wǎng)頁(yè)版面 自訂標(biāo)記 獨(dú)立使用或與樣式表同用 注: 表示該標(biāo)記屬?lài)聵?biāo)記,即需要關(guān)閉標(biāo)記如 。 表示該標(biāo)記屬空標(biāo)記,即不需要關(guān)閉標(biāo)記。IE 表示該標(biāo)記只適用于 Internet Explorer。NC 表示該標(biāo)記只適用于 Netscape Communicator。反對(duì) 表示該標(biāo)記不為 W3C 所贊同,通常這標(biāo)記是 IE 或 NC 自訂,且己為眾所支 持,只是 HTML 標(biāo)準(zhǔn)中有其它同功能或更好的選擇。棄用 表示該標(biāo)記己為 W3C 所棄用,是過(guò)時(shí)的標(biāo)記,但 HTML 具向下兼容的特 性,不用擔(dān)心新瀏覽器不支援舊標(biāo)記。新 表示該標(biāo)記是 HTML 4.0 中新增的。3、 HTML語(yǔ)言剖析之文件標(biāo)記 ; ; ; 欲明白本篇【HTML剖析】之標(biāo)記分類(lèi)請(qǐng)看 【標(biāo)記一覽】。亦請(qǐng)先明白圍堵標(biāo)記與空標(biāo)記的分別請(qǐng)看 【HTML概念】。 HTML 基本架構(gòu):以下 HTML Source Code 便是一份 HTML 文件的基本架構(gòu) : 網(wǎng)頁(yè)的標(biāo)題 網(wǎng)頁(yè)的內(nèi)容,很多標(biāo)記都作用于此 特點(diǎn)解說(shuō):整份文件處于標(biāo)記與之間。用以聲明這是 HTML 文件,讓瀏覽器認(rèn)出并正確處理此 HTML 文件。文件分兩部分,由至稱(chēng)為開(kāi)頭,至稱(chēng)本文?;旧蟽烧吒饔羞m用的標(biāo)記,如只可出現(xiàn)于開(kāi)頭部分。開(kāi)頭部分用以存載重要資訊,而只有本文部分會(huì)被顯示。所以大部分標(biāo)記會(huì)運(yùn)用于本文部分。所標(biāo)示的是文件的標(biāo)題。會(huì)出現(xiàn)于瀏覽器頂部及為別人 Bookmark 時(shí)的名稱(chēng),所以每頁(yè)有不同而明確的標(biāo)題 是需要的。上述標(biāo)記中只有具參數(shù)設(shè)定。 之參數(shù)設(shè)定:例子:text=#000000用以設(shè)定文字顏色。 #000000 代表黑色,亦可以采用顏色的名稱(chēng),即 text=black 。各種顏色的值及名稱(chēng)可參考【調(diào)色原理】一節(jié)。link=#0000FF設(shè)定一般文字連結(jié)顏色。alink=#FF0000設(shè)定剛按下時(shí)文字連結(jié)顏色。vlink=#0000FF設(shè)定連結(jié)后的顏色。(被按過(guò))。background=bg1.gif設(shè)定背景墻紙。GIF 或 JPEG 皆可,可以是絕對(duì)途徑或相對(duì)途徑。bgcolor=#FFFFFF設(shè)定背景顏色。當(dāng)己設(shè)定背景墻紙時(shí)會(huì)失去作用,除非墻紙有透明部分。leftmargin=2設(shè)定整份文件顯示畫(huà)面的左方邊沿空間,單位為像素。 只適用于IEtopmargin=2設(shè)定整份文件顯示畫(huà)面的上方邊沿空間。 只適用于IEbgproperties=fixed固定背景墻紙,當(dāng)卷動(dòng)文字時(shí)墻紙不會(huì)跟著卷動(dòng)。 只適用于IE標(biāo)記及參數(shù)之字母大小都可以。4、 HTML語(yǔ)言剖析之排版標(biāo)記 ; ; ; ; ; ; ; ; ; : Top像很多電腦語(yǔ)言一樣,HTML 文件亦提供注解功能。瀏覽器會(huì)忽略此標(biāo)記中的文字(可以 是很多行)而不作顯示,一般使用目的:為文中不同部份加上說(shuō)明,方便日后修改。這對(duì)較復(fù)雜或非私人網(wǎng)頁(yè)尤其重要,它不單是提醒自已,亦提醒你的同事這部分 做什么、那部分做什么。例子:用作版權(quán)聲明。假如你不希望別人使用或復(fù)制你的網(wǎng)頁(yè),可加上警告字眼。例子: : Top稱(chēng)為段落標(biāo)記。作用:為字、畫(huà)、表格等之間留一空白行。本來(lái)是一圍堵標(biāo)記,標(biāo)于一段落的頭尾,但從 HTML 2.0 開(kāi)始己不需要作結(jié)尾。 的常用參數(shù): 如:align=center可選值:right, left, center。內(nèi)定值: align=left例子: 原始碼 Here is the text for my paragraph. It doest matter how long it is,how many space are between the words or when I decide to hit the return key.It will create a new paragraph only when I begin the tag with another one.Heres the next paragraph. 顯示結(jié)果 Here is the text for my paragraph. It doest matter how long it is, how many space are between the words or when I decide to hit the return key. It will create a new paragraph only when I begin the tag with another one.Heres the next paragraph. : Top稱(chēng)為換行標(biāo)記。作用:令字、畫(huà)、表格等顯示于下一行。由于瀏覽器會(huì)自動(dòng)忽略原始碼中空白和換行的部分,這令到成為最常用的標(biāo)記之 一。因?yàn)闊o(wú)論你在原始碼中編好了多漂亮的文章,若不適當(dāng)?shù)丶由蠐Q行標(biāo)記或段落標(biāo)記, 瀏覽器只會(huì)將它顯示成一大段。錯(cuò)誤示范:(郵局可不會(huì)接受一行過(guò)的地址) 原始碼 566 E Boston Post RDMamaroneck NY 10543-9982United States of America 結(jié)果 566 E Boston Post RD Mamaroneck NY 10543-9982 United States of America 正確例子: 原始碼 566 E Boston Post RDMamaroneck NY 10543-9982United States of America 結(jié)果 566 E Boston Post RDMamaroneck NY 10543-9982United States of America : Top稱(chēng)為水平線(xiàn)。作用:插入一條水平線(xiàn)。 之參數(shù)修改:以: 為例。align=LEFT設(shè)定線(xiàn)條置放位置,可選擇:left;right;center 三種設(shè)定值。size=2設(shè)定線(xiàn)條厚度,以像素作單位,內(nèi)定為 2。width=70%設(shè)定線(xiàn)條長(zhǎng)度,可以是絕對(duì)值(以像素作單位)或相對(duì)值,內(nèi)定為 100%。color=#0000FF 只適用于IE設(shè)定線(xiàn)條顏色,內(nèi)定為黑色。 #0000FF 代表藍(lán)色,亦可以采用顏色的名稱(chēng),即 text=blue 。noshade設(shè)定線(xiàn)條為平面顯示,若刪去則具陰影或立體,這是內(nèi)定值。例子: 原始碼 顯示結(jié)果- : Top稱(chēng)為居中標(biāo)記。作用:令字、畫(huà)、表格等顯示于中間。這標(biāo)記原先是 Netscape 所定義,后來(lái)其它瀏覽器都支持它,但你會(huì)發(fā)現(xiàn)很多標(biāo)記已有 align=CENTER 的參數(shù),似乎多馀了,事實(shí)上它還是常用的標(biāo)記之一,其簡(jiǎn)單 易用,常用于文字上,對(duì)于己加有 align=CENTER 參數(shù)的 標(biāo)記亦要不厭其煩 地加上居中標(biāo)記,因有狻多瀏覽器不支持 標(biāo)記中的 align=CENTER 參數(shù)。例子: 原始碼 Chriss First HomepageWhats newMy profile 結(jié)果 Chriss First HomepageWhats newMy profile : Top稱(chēng)為預(yù)設(shè)格式標(biāo)記。作用:令文件按照原始碼的排列方式顯示。這標(biāo)記允許保留你于原始碼中輸入的空白及 Return。細(xì)看以下例子你便可體會(huì)到此標(biāo)記的 威力。除了運(yùn)用一大堆表格標(biāo)記之外你只有采用這標(biāo)記才能有此效果。能以標(biāo)記產(chǎn)生對(duì)效果,或產(chǎn)生多于一行的空白才算上乘!例子: 原始碼 Creation of Webpage Log Analysis I Composer Learning 459 407 480 522 547 586 673 HTML Advanced 200 268 296 358 385 453 506顯示結(jié)果 Creation of Webpage Log Analysis I Composer Learning 459 407 480 522 547 586 673 HTML Advanced 200 268 296 358 385 453 506 : Top稱(chēng)為區(qū)隔標(biāo)記。作用:設(shè)定字、畫(huà)、表格等的擺放位置。應(yīng)用于 Style Sheet(式樣表)方面會(huì)更顯威力,它最終目的是給設(shè)計(jì)者另一種組織 能力,有 Class ; Style ; title ; ID 等屬性,將會(huì)于【Style Sheet】一節(jié)才作詳述,這處只介紹 一個(gè)屬性設(shè)定。以 為例:align=center可選值:center ; left ; right 。決定字、畫(huà)、表格等居中、靠左或靠右。 的作用和居中標(biāo)記 一樣,前者是由 HTML3.0 開(kāi)始 的標(biāo)準(zhǔn),后者是通用己久的標(biāo)示法。例子: 原始碼 Chriss First HomepageWhats newMy profile 結(jié)果 Chriss First HomepageWhats newMy profile : Top稱(chēng)為不折行標(biāo)記。作用:令某些文字不因太長(zhǎng)而繞行,一顯示于同一行或下一 行。它對(duì)住址、數(shù)學(xué)算式、一行數(shù)字、程式碼等尤為有用。例子:(其中 Chriss Creation of Webpage 將不被分開(kāi)而顯示于同一行。) 碼 If you want to know how to create you own homepage quickly, dont miss Chriss Creation of Webpage which will help you a lot. 結(jié)果 If you want to know how to create you own homepage quickly, dont miss Chriss Creation of Webpage which will help you a lot. : Top稱(chēng)為建議折行標(biāo)記。作用:預(yù)設(shè)折行部位。它沒(méi)有侵犯到 的責(zé)任,只是作建議而已,若觀(guān)者的系統(tǒng)解像度夠高的話(huà),那么它是 不會(huì)折行的。例子:(若不加標(biāo)記,整個(gè)網(wǎng)址會(huì)顯示于下一行。) 原始碼 Please visit my other 5、6、7、 homepage which locate at /SiliconValley/Sector/8234/index.html There are many softwares for download. I think you will really love that place. 結(jié)果 Please visit my other homepage which locate at /SiliconValley/Sector/8234/index.html There are many softwares for download. I think you will really love that place.5、 HTML語(yǔ)言剖析之字體標(biāo)記 實(shí)體標(biāo)記與邏輯標(biāo)記 : Top這一節(jié)【字體標(biāo)記】你必須先明白實(shí)體標(biāo)記與邏輯標(biāo)記的分別,否則你會(huì)迷惑于為何不同 的標(biāo)記卻有相同的效果。兩者分別有以下兩處:實(shí)體標(biāo)記有固定的顯示效果,邏輯標(biāo)記則依不同瀏覽器而不同。例如邏輯標(biāo)記的 由于瀏覽器的不同它所標(biāo)示的文字不一定出現(xiàn)斜體效果, 它可能是加底線(xiàn)、粗體或反白等,所以這一節(jié)是以它們?cè)?IE 和 NC 中的效果作介 紹。多個(gè)實(shí)體標(biāo)記亦可有效標(biāo)示同一字句,邏輯標(biāo)記則通常于舊瀏覽器不能有效顯示多 重的標(biāo)示。例如兩個(gè)邏輯標(biāo)記 及 同時(shí)標(biāo)示一字句于舊瀏覽器常失去作用。實(shí)體標(biāo)記有: 邏輯標(biāo)記有: 若要求真確的效果當(dāng)然以實(shí)體標(biāo)記為佳。 : Top兩者皆能產(chǎn)生字體加粗的效果,但必須注意的是當(dāng)文件被設(shè)為 gb2312 Encoding 時(shí),兩者所 標(biāo)示的中文字不會(huì)于 Netscape Netvigator 顯示粗體效果。例子: (第一行是沒(méi)有任何字體標(biāo)記的,作對(duì)照之用) HTML Source Code (原始碼) 瀏覽器顯示結(jié)果Creation of WebpageCreation of WebpageCreation of Webpage Creation of WebpageCreation of WebpageCreation of Webpage : Top這些標(biāo)記于 Internet Explorer 都產(chǎn)生斜體效果,而只有 于 Netscape Netvigator 失去作 用。這些標(biāo)記中只有 較為特別,因它包括換行效果所以不必在它前面加上 標(biāo)記。例子: HTML Source Code (原始碼) 瀏覽器顯示結(jié)果Creation of WebpageCreation of WebpageCreation of WebpageCreation of WebpageCreation of WebpageCreation of Webpage Creation of WebpageCreation of WebpageCreation of WebpageCreation of WebpageCreation of WebpageCreation of Webpage Top為方便對(duì)照及記認(rèn),所以把十個(gè)標(biāo)記于在一起介紹。 可令每字母有相等寬度且每字母之間的距離稍為加 寬。但于 NC 不見(jiàn)得如此。 是加底線(xiàn)的標(biāo)記,一些特別的瀏覽器并不支援,因顧慮到與連結(jié)混淆。 加上刪除線(xiàn)的標(biāo)記。 令字體加大。 令字體變細(xì)。 為下標(biāo)字, 則為上標(biāo)字,僅剩的數(shù)學(xué)標(biāo)記。例子: (第一行是沒(méi)有任何字體標(biāo)記的,作對(duì)照之用) HTML Source Code (原始碼) 瀏覽器顯示結(jié)果Creation of WebpageCreation of WebpageCreation of WebpageCreation of WebpageCreation of WebpageCreation of WebpageCreation of WebpageCreation of WebpageCreation of Webpage123457 67899 Creation of WebpageCreation of WebpageCreation of WebpageCreation of WebpageCreation of WebpageCreation of WebpageCreation of WebpageCreation of WebpageCreation of Webpage123457 67899 : Top這些是標(biāo)題標(biāo)記,由 至 變粗變大加寬的程度逐漸減小。每個(gè)標(biāo)題標(biāo)記所標(biāo)示 的字句將獨(dú)占一行且上下留一空白行。例子: 原始碼 Header Level 1Header Level 2Header Level 3Header Level 4Header Level 5Header Level 6 顯示結(jié)果 Header Level 1Header Level 2Header Level 3Header Level 4Header Level 5Header Level 6 : Top這一節(jié)只有這兩個(gè)標(biāo)記具參數(shù)設(shè)定,且兩者的參數(shù)設(shè)定是一樣的,都是負(fù)責(zé)設(shè)定文字的大 小、字形及顏色,但各有用處,且看以下比較: 可以用于文件的開(kāi)頭部分,即 與 之間的位置,將 影響全文字句,是一個(gè)空標(biāo)記,用以改變字體顯示的內(nèi)定值。 是應(yīng)用于文件的內(nèi)文部分,即 與 之間的位置,只影響 所標(biāo)示的字句,是一個(gè)圍堵標(biāo)記。兩標(biāo)記可同時(shí)存在,唯沒(méi)被 所標(biāo)示的字句才直接受 所影 響,而 本身亦受 的影響。的參數(shù)設(shè)定:例子: Creation of Webpageface=Arial設(shè)定文字的字形。Arial 是常用的一種,請(qǐng)不要使用 Window 內(nèi)建字 形以外的字形。于沒(méi)有設(shè)定為 Gb2312 Encoding 的中文網(wǎng)頁(yè),Netscape Netvigator 不會(huì)顯示此標(biāo)記 所指明的任何中文字形。size=+2設(shè)定文字的大小。其值可以是絕對(duì)或相對(duì),絕對(duì)的意思便是標(biāo)記自己決定文字的大小,不受 的影響,如size=5 表示其大小便是 5, 而html內(nèi)定值為 3,即 size=3和沒(méi)有設(shè)定是一樣的。相對(duì)的意思便是在內(nèi)定值 3 的基礎(chǔ)上增加或減少大小級(jí)數(shù),如 size=+2 便等同絕 對(duì)表示法的 size=5,但若已設(shè)定 則其實(shí)際大小便是 n+2 不 再是 3+2 了。只有絕對(duì)表示法。color=#008000設(shè)定文字的顏色。#008000 表示綠色例子: 原始碼 I love Creation of WebpageI love Creation of WebpageI love Creation of Webpage 顯示結(jié)果 I love Creation of WebpageI love Creation of WebpageI love Creation of Webpage6、 HTML語(yǔ)言剖析之清單標(biāo)記 : 稱(chēng)為順序清單標(biāo)記。則用以標(biāo)示清單項(xiàng)目。所謂順序清單就是在每一項(xiàng)前面加上 1,2,3. 等數(shù)目,又稱(chēng)編號(hào)清單。 的參數(shù)設(shè)定(常用):例如: type=i設(shè)定數(shù)目款式,其值有五種,請(qǐng)參考 右表,內(nèi)定為 type=1。start=4設(shè)定開(kāi)始數(shù)目,不論設(shè)定了哪一數(shù) 目款式,其值只能是 1,2,3. 等整 數(shù),內(nèi)定為 start=1。Type Numbering style1 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, III, . 的參數(shù)設(shè)定(常用):例如: type=square只適用于非順序清單,設(shè)定符號(hào)款式,其值有三種,如下,內(nèi)定為 type=disc:符號(hào) 是當(dāng) type=disc 時(shí)的列項(xiàng)符號(hào)。符號(hào) if width=10 height=10 border=0 是當(dāng) type=circle 時(shí)的列項(xiàng)符號(hào)。符號(hào) 是當(dāng) type=square 時(shí)的列項(xiàng)符號(hào)。value=4只適用于順序清單,設(shè)定該一項(xiàng)的數(shù)目,其後各項(xiàng)將以此作為起始數(shù)目而遞增, 但前面各項(xiàng)則不受影響,其值只能是 1,2,3. 等整數(shù),沒(méi)有內(nèi)定值。例子: HTML Source Code (原始碼) 瀏覽器顯示結(jié)果My best friends:Michelle WeiMichael WanGloria Lam My best friends:Michelle WeiMichael WanGloria Lam : 稱(chēng)為無(wú)序清單標(biāo)記。所謂無(wú)序清單就是在每一項(xiàng)前面加上 、 等符號(hào),故又稱(chēng)符號(hào)清單。 的參數(shù)設(shè)定(常用):例如: type=square設(shè)定符號(hào)款式,其值有三種,如下,內(nèi)定為 type=disc:符號(hào) 是當(dāng) type=disc 時(shí)的列項(xiàng)符號(hào)。符號(hào) 是當(dāng) type=circle 時(shí)的列項(xiàng)符號(hào)。符號(hào) 是當(dāng) type=square 時(shí)的列項(xiàng)符號(hào)。注意:由于 及 都有 type 這個(gè)參數(shù),兩者盡可能選用其一。例子: HTML Source Code (原始碼) 瀏覽器顯示結(jié)果My Homepages:Penpals GardenICQ GardenSoftware CityCreation of Webpage My Homepages:Penpals GardenICQ GardenSoftware CityCreation of Webpage : 這兩個(gè)標(biāo)記都不為 W3C 所贊同,希望用者能以 及 代之。 及 ,基本上它和 是一樣的,在一些特別的瀏覽器可能表現(xiàn)出 的 效果,于舊版的 IE 或 NC 標(biāo)記 不顯示符號(hào)或數(shù)目。兩標(biāo)記的用法與 完全一 樣。例子: HTML Source Code (原始碼) 瀏覽器顯示結(jié)果My Homepages:Penpals GardenICQ GardenSoftware CityCreation of Webpage My Homepages:Penpals GardenICQ GardenSoftware CityCreation of Webpage : 稱(chēng)為定義清單標(biāo)記。 用以標(biāo)示定義條目, 則用以標(biāo)示定義內(nèi)容。所謂定義清單就是一種分二層的項(xiàng)目清單,其不故符號(hào)及數(shù)目。三個(gè)標(biāo)記都沒(méi)有常用的參數(shù)。而 可以獨(dú)立使用,只是一些舊的瀏覽器并不支 援,如 IE 3.0。常用的如 標(biāo)記可用以制造段落第一個(gè)字前面的空白。例子: 原始碼 How to use Definition ListFirst, you should not place paragraph 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.Other things to knowWe usually put only ONE Definition 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. 顯示結(jié)果 How to use Definition ListFirst, you should not place paragraph 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.Other things to knowWe usually put only ONE Definition 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.7、 HTML語(yǔ)言剖析之表格標(biāo)記表格標(biāo)記 : Top這三個(gè)標(biāo)記是定義表格的最重要的標(biāo)記,可以說(shuō)只學(xué)這三個(gè)己足夠。是一個(gè)容器標(biāo)記,意思是說(shuō)它用以聲明這是表格而且其他表格標(biāo)記只能在他的 范圍內(nèi)才適用,屬容器標(biāo)記的還有其他。用以標(biāo)示表格列(row)用以標(biāo)示儲(chǔ)存格(cell) 的參數(shù)設(shè)定(常用):例如: width=400表格寬度,接受絕對(duì)值(如 80)及相對(duì)值(如 80%)。border=1表格邊框厚度,不同瀏覽器有不同的內(nèi)定值,故請(qǐng)指明。cellspacing=2表格格線(xiàn)厚度,請(qǐng)看例子三,那是加厚到 5 的格線(xiàn)。cellpadding=2文字與格線(xiàn)的距離,請(qǐng)看例子四,那是加至 10 的 padding。align=CENTER表格的擺放位置(水平),可選值為: left, right, center,請(qǐng)看例子五或六,那表格 是放于中間的,為怕一些瀏覽器不支援,故特加上居中標(biāo)記,只是多 層保證而己,當(dāng)然只用亦可。valig

溫馨提示

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

最新文檔

評(píng)論

0/150

提交評(píng)論