第2章第1部分 HTML語言

1、1/112第第2章章 HTML語言語言網(wǎng)頁是由HTML語言組成的，所以要學(xué)習(xí)網(wǎng)頁設(shè)計與制作，必須從網(wǎng)頁的基本語言HTML開始。主要內(nèi)容：l 2.1 HTML概述l 2.2 HTML語法l 2.3 HTML文檔結(jié)構(gòu)l 2.4 HTML常用標(biāo)記2/112 2.1 HTML概述HTML的全稱是Hypertext Markup Language（超文本標(biāo)記語言），是用于描述網(wǎng)頁文檔的一種標(biāo)記語言。HTML的發(fā)展經(jīng)歷了如下很多版本。（1）HTML 2.0：1995年11月發(fā)布，于2000年6月之后被淘汰。 （2）HTML 3.2：1996年1月14日發(fā)布，W3C推薦標(biāo)準(zhǔn)。 （3）HTML 4.0：199

2、7年12月18日發(fā)布，W3C推薦標(biāo)準(zhǔn)。 （4）XHTML 1.0：2000年1月26日發(fā)布，W3C推薦標(biāo)準(zhǔn)，2002年8月1日修訂后發(fā)布。 （5）XHTML 2.0：W3C工作草案，因為改動過大，學(xué)習(xí)這個新技術(shù)的成本過高，現(xiàn)在最常用的還是XHTML1.0的標(biāo)準(zhǔn)。（6）HTML 5：2008年，W3C取消了對XHTML的開發(fā)，將HTML5規(guī)范納入W3C的框架中。3/112 2.2 HTML語法HTML是一種描述性的標(biāo)記語言，用于描述超文本中內(nèi)容的顯示方式。1雙標(biāo)記雙標(biāo)記雙標(biāo)記是由一個起始標(biāo)記和一個結(jié)束標(biāo)記所組成，其語法為：受控制內(nèi)容 例如：這是斜體字2. 單標(biāo)記單標(biāo)記HTML中大部分的標(biāo)記是成對

3、出現(xiàn)的，但也有一些是單獨存在的。這些單獨存在的標(biāo)記稱為單標(biāo)記。其語法為：，例如，標(biāo)記等。3注釋標(biāo)記注釋標(biāo)記注釋是網(wǎng)頁設(shè)計者對頁面代碼進(jìn)行的解釋，不會在瀏覽器中顯示。注釋標(biāo)記的語法格式如下：4/112 2.3 HTML文檔結(jié)構(gòu)l 2.3.1 DOCTYPE文檔聲明l 2.3.2 頭部標(biāo)記l 2.3.3 body標(biāo)記5/112 2.3 HTML文檔結(jié)構(gòu)nHTML文件的基本結(jié)構(gòu) html文件開始 html文件的頭部開始 html文件的頭部內(nèi)容 html文件的頭部結(jié)束 html文件的主體開始 html文件的主體內(nèi)容 html文件的主體結(jié)束 html文件結(jié)束 6/1122.3.1 DOCTYPE文檔聲明

4、nDOCTYPE是document type（文檔類型）的簡寫，是指示W(wǎng)eb瀏覽器關(guān)于頁面使用的XHTML或者HTML是什么版本。以下是三種版本的HTML文檔聲明示例：n（1）n（2）n（3）7/1122.3.2 頭部標(biāo)記n與標(biāo)記之間是網(wǎng)頁的描述性信息，頭部標(biāo)記是指存放在與標(biāo)記之間的標(biāo)記，頭部標(biāo)記中描述的內(nèi)容信息不會顯示在頁面中，常見的頭部標(biāo)記有以下幾種。8/1122.3.2 頭部標(biāo)記n1頁面標(biāo)題頁面標(biāo)題標(biāo)記標(biāo)記n標(biāo)記用來定義網(wǎng)頁文檔的標(biāo)題，語法格式為：標(biāo)題n-【代碼清單】-nnnn n網(wǎng)站首頁nnn 河南科技大學(xué)軟件學(xué)院nn9/1122.3.2 頭部標(biāo)記n2元信息標(biāo)記元信息標(biāo)記n標(biāo)記：通過屬

5、性來定義文件信息的名稱、內(nèi)容等。n標(biāo)記的屬性： http-equiv (生成一個標(biāo)題域) name (表示關(guān)鍵字) content (關(guān)鍵字/取值的內(nèi)容)10/112定義編輯工具定義編輯工具n基本語法： n注明：generator：定義編輯器 content：定義編輯器的名稱2.3.2 頭部標(biāo)記11/112設(shè)定關(guān)鍵字設(shè)定關(guān)鍵字n基本語法： n注明： keywords ：定義關(guān)鍵字 content：定義關(guān)鍵字的內(nèi)容2.3.2 頭部標(biāo)記12/112設(shè)定描述設(shè)定描述n基本語法： n注明： discription ：描述定義 content：定義描述的內(nèi)容2.3.2 頭部標(biāo)記13/112設(shè)定作者設(shè)定作

6、者n基本語法： n注明： author ：作者定義 content：定義描述的內(nèi)容2.3.2 頭部標(biāo)記14/112設(shè)定建立網(wǎng)站的日期設(shè)定建立網(wǎng)站的日期n 基本語法： 注： build ：網(wǎng)頁建設(shè) content：定義建設(shè)的時間 2.3.2 頭部標(biāo)記15/112說明版權(quán)說明版權(quán)n 基本語法： 注： copyright ：版權(quán) content：定義版權(quán)信息 2.3.2 頭部標(biāo)記16/112記載聯(lián)系人的郵箱記載聯(lián)系人的郵箱n 基本語法： 注： reply-to ：回復(fù) content：定義郵箱地址 2.3.2 頭部標(biāo)記17/112限制搜索方式限制搜索方式n 基本語法： 注： robots ：定義搜索

7、方式 content：定義可以采用的方法 2.3.2 頭部標(biāo)記18/112設(shè)定字符集設(shè)定字符集n 基本語法： n 例：gb2312 ：簡體中文 BIG5 ：繁體中文（臺灣計算機(jī)界實行的漢字編碼字符集） UTF-8 ：2.3.2 頭部標(biāo)記19/112設(shè)定自動刷新設(shè)定自動刷新n基本語法： (注：時間以秒記)n 例： 2.3.2 頭部標(biāo)記20/112設(shè)定自動跳轉(zhuǎn)設(shè)定自動跳轉(zhuǎn)n 基本格式: n 例： 2.3.2 頭部標(biāo)記21/112設(shè)定轉(zhuǎn)場效果設(shè)定轉(zhuǎn)場效果n 基本語法： n Page-enter：進(jìn)入網(wǎng)頁時的網(wǎng)頁過渡效果n Page-exit ：退出網(wǎng)頁時的網(wǎng)頁過渡效果2.3.2 頭部標(biāo)記22/112

8、n例： (水平百葉窗) (盒狀收縮)2.3.2 頭部標(biāo)記23/112設(shè)定禁用緩存設(shè)定禁用緩存n 基本語法： 注： cache-control：緩存控制 content：定義禁止緩存 2.3.2 頭部標(biāo)記24/112設(shè)定有效期限設(shè)定有效期限n 基本語法: 注：日期格式： “星期，日 月 年 時 分 秒 gmt ”n 例:2.3.2 頭部標(biāo)記25/1122.3.3 body標(biāo)記n又稱為主體標(biāo)記，用于定義文檔的主體，網(wǎng)頁中所要顯示的內(nèi)容都要放在這個標(biāo)記內(nèi)，在后面章節(jié)所介紹的HTML標(biāo)記都將放在這個標(biāo)記內(nèi)。表2-1 body元素屬性描述26/112文字顏色屬性文字顏色屬性TEXTn 基本語法注： co

9、lor-value 是顏色的值2.3.3 body標(biāo)記27/112背景顏色屬性背景顏色屬性bgcolorn 基本語法注： color-value 是顏色的值2.3.3 body標(biāo)記28/112背景圖像屬性背景圖像屬性backgroudn基本語法注： img_file_url 是圖片的路徑2.3.3 body標(biāo)記29/112背景圖像固定屬性背景圖像固定屬性bgpropertiesn基本語法注： fixed是固定圖像2.3.3 body標(biāo)記30/112鏈接文字的顏色屬性鏈接文字的顏色屬性n link：設(shè)定鏈接文字默認(rèn)的顏色 alink：設(shè)定激活鏈接時文字的顏色 vlink：設(shè)定訪問過的鏈接文字的顏

10、色n基本語法：注：color_value是顏色的值2.3.3 body標(biāo)記31/112邊距屬性邊距屬性n topmargin：設(shè)定上邊距 leftmargin：設(shè)定左邊距n基本語法：注：value一般指像素2.3.3 body標(biāo)記32/112 2.4 HTML常用標(biāo)記l 2.4.1 文本標(biāo)記l 2.4.2 圖像標(biāo)記l 2.4.3 超鏈接標(biāo)記l 2.4.4 列表標(biāo)記l 2.4.5 分節(jié)標(biāo)記l 2.4.6 表格標(biāo)記l 2.4.7 浮動框架標(biāo)記l 2.4.8 多媒體標(biāo)記l 2.4.9 交互標(biāo)記33/112文字的內(nèi)容文字的內(nèi)容n 輸入普通的文字 （直接輸入到（直接輸入到與與之間）之間）n 輸入空格符號

11、 基本語法:  n輸入特殊符號n 如: “ - " & - &amp ;2.4.1 文本標(biāo)記34/112n注釋語句, 基本語法： 2.4.1 文本標(biāo)記35/112n 標(biāo)題字標(biāo)記 一級標(biāo)題 大 二級標(biāo)題 三級標(biāo)題 四級標(biāo)題 五級標(biāo)題 六級標(biāo)題 小n 標(biāo)題字的對齊屬性 alignn 左對齊n 居中對齊n 右對齊2.4.1 文本標(biāo)記36/112n 文字的修飾標(biāo)記n 粗體標(biāo)記,n 基本語法： n 斜體標(biāo)記, n基本語法： 2.4.1 文本標(biāo)記37/112n上標(biāo)標(biāo)記 n基本語法： n下標(biāo)標(biāo)記 n基本語法： n大字號標(biāo)記 n基本語法： n小字號標(biāo)記 n基

12、本語法： 2.4.1 文本標(biāo)記38/112n下劃線標(biāo)記 n 基本語法：n刪除線標(biāo)記 ,n基本語法： n地址文字標(biāo)記 n基本語法：n打字機(jī)標(biāo)記 n基本語法：2.4.1 文本標(biāo)記39/112n等寬文字標(biāo)記、n 基本語法： n鍵盤輸入文字標(biāo)記 n基本語法：n聲明變量標(biāo)記 n基本語法：2.4.1 文本標(biāo)記40/112字體標(biāo)記字體標(biāo)記n基本語法： n字體標(biāo)記的屬性 face：字體 size：字號 color：顏色l 基本語法： 2.4.1 文本標(biāo)記41/112n段落標(biāo)記n : 段落標(biāo)記（新建一個段落,相當(dāng)于 enter）n : 換行標(biāo)記 （ 相當(dāng)于軟回車：shift+enter）n : 不換行標(biāo)記基本語

13、法：n n n n 段落對齊屬性 align2.4.1 文本標(biāo)記42/112n : 標(biāo)記中強(qiáng)制換行的標(biāo)記基本語法：n ：預(yù)格式化標(biāo)記 基本語法：n ：居中標(biāo)記基本語法：n：縮排標(biāo)記 基本語法： 2.4.1 文本標(biāo)記43/112n水平線標(biāo)記 nhr中的常用屬性有：nwidth：水平線的寬度nsize：水平線的高度ncolor：水平線的顏色nnoshade：水平線去掉陰影屬性nalign：水平線對齊屬性n 基本語法： 注：value1、value2表示像素值或百分比 value3 表示顏色名稱或十六進(jìn)制數(shù) value4 表示left 、right 或 center 2.4.1 文本標(biāo)記44/112

14、n在文字上方標(biāo)注說明標(biāo)記,l 基本語法： 被標(biāo)示的文字 說明文字 l舉例： 886 拜拜啦 2.4.1 文本標(biāo)記45/112n圖片的基本格式圖片的基本格式nJpgnGifnBmp2.4.2 圖像標(biāo)記46/112n路徑路徑1、絕對路徑：為文件提供的完全路徑，包括適用的協(xié)議或盤符。 例：http:/ d:/wsp/myweb/images/back.jpg2.4.2 圖像標(biāo)記47/1122、 相對路徑：指由這個文件所在的路徑引起的跟其它文件(或文件夾)的路徑關(guān)系。 例：文件1.htm的絕對路徑是：d:/wsp/myweb/1.htm 文件2.htm的絕對路徑是：d:/wsp/myweb/2.htm

15、 那么：1.htm相對于2.htm的路徑就是：1.htm2.4.2 圖像標(biāo)記48/112n相對鏈接的使用方法：n如果鏈接到同一目錄下，則只需輸入要鏈接文檔的名稱 。例： n如果鏈接到下一級目錄，則需要先輸入目錄名，然后加 “ / ”，再輸入文件名。例：n如果連接到上一級目錄，則需要先輸入”/ “，然后再輸入目錄名、文件名。 例：2.4.2 圖像標(biāo)記49/1123、 根路徑： 根目錄的相對地址。n根路徑的書寫方式：以斜杠 “ / ” 開頭，然后是文件夾名，再寫文件名。例： 2.4.2 圖像標(biāo)記50/112n圖片標(biāo)記n相關(guān)屬性 ：n src：描述圖片的路徑n lowsrc：設(shè)定分辯率比較低的圖片n

16、 alt：設(shè)定圖像的提示文字屬性n width、height：設(shè)定圖像的寬度和高度n border：設(shè)定圖片的邊框n vspace：設(shè)定圖像的垂直間距n hspace：設(shè)定圖像的水平間距n align：設(shè)定圖像的排列屬性2.4.2 圖像標(biāo)記51/112n圖片標(biāo)記基本語法： 語法解析：是插入圖片的標(biāo)記 src 是描述圖片路徑的屬性 “ image_url ”表示圖片的路徑舉例：2.4.2 圖像標(biāo)記52/112n設(shè)定圖片的提示文字設(shè)定圖片的提示文字 alt屬性屬性 基本語法：舉例：2.4.2 圖像標(biāo)記53/112n 設(shè)定圖片的寬度：設(shè)定圖片的寬度： width 設(shè)定圖片的高度：設(shè)定圖片的高度：he

17、ight基本語法：其中:寬度和高度的單位都是像素舉例： 2.4.2 圖像標(biāo)記54/112n設(shè)定圖像的垂直間距設(shè)定圖像的垂直間距 vspase 設(shè)定圖像的水平間距設(shè)定圖像的水平間距 hspase基本語法：舉例：2.4.2 圖像標(biāo)記55/112n設(shè)定圖片的邊框設(shè)定圖片的邊框 border基本語法： 舉例： 2.4.2 圖像標(biāo)記56/112n設(shè)定圖像的排列屬性設(shè)定圖像的排列屬性 基本語法：注：value值如下表所示,表示的是相對文字的對齊方式。舉例：2.4.2 圖像標(biāo)記57/112屬性值描述Top文字的中間線居在圖片上方Middle文字的中間線居在圖片中間Bottom文字的中間線居在圖片底部Left

18、圖片在文字的左側(cè)Right圖片在文字的右側(cè)Absbottom文字的底線居在圖片底部Absmiddle文字的底線居在圖片中間Baseline英文文字基準(zhǔn)線對齊texttop英文文字上邊線對齊n2.4.2 圖像標(biāo)記58/112圖片的超鏈接圖片的超鏈接n圖片的超鏈接就是在圖片上建立鏈接。和文字的鏈接相同，就是點擊過鏈接的圖片或文字后就會跳到相應(yīng)的目的地址上。n圖片的超鏈接與文字相同都是標(biāo)記，與文字不同的是，文字的鏈接只能是一個，而圖片不同可以是一個或多個。2.4.3 超鏈接標(biāo)記59/112n超鏈接：從一個頁面指向另一個目的端的鏈接。n 鏈接標(biāo)記：鏈接標(biāo)記：l鏈接標(biāo)記的屬性：n href : 指定鏈接

19、地址n name : 給鏈接命名n title：給鏈接提示文字n target：指定鏈接的目標(biāo)窗口n accesskey：鏈接熱鍵2.4.3 超鏈接標(biāo)記60/112n內(nèi)部鏈接與外部鏈接內(nèi)部鏈接與外部鏈接l內(nèi)部鏈接：鏈接指向站點文件夾之內(nèi)的文件。例： l外部鏈接：鏈接指向站點文件夾之外的文件。例： 2.4.3 超鏈接標(biāo)記61/112n 制作內(nèi)部鏈接制作內(nèi)部鏈接l 基本語法： 鏈接文字 l 舉例：返回首頁n 設(shè)定鏈接的目標(biāo)窗口設(shè)定鏈接的目標(biāo)窗口l 基本語法： 鏈接文字 注：target屬性中value的取值：l_parent ：在上一級窗口中打開。l_blank：在新窗口中打開。l_self：在同

20、一窗口中打開。（默認(rèn)）l_top ：在瀏覽器的整個窗口中打開，忽略任何框架。l 舉例 ：返回2.4.3 超鏈接標(biāo)記62/112書簽鏈接書簽鏈接n建立書簽建立書簽l 基本語法：文字l 舉例：李白n 鏈接同一頁面的書簽鏈接同一頁面的書簽l 基本語法：文字l 舉例： 李白n 鏈接到其他頁面中的書簽鏈接到其他頁面中的書簽l 基本語法：文字l 舉例： 李白2.4.3 超鏈接標(biāo)記63/112外部鏈接外部鏈接n 鏈接路徑應(yīng)使用絕對路徑，即帶有協(xié)議或盤符的路徑。n 鏈接到外部網(wǎng)站鏈接到外部網(wǎng)站n 基本語法：鏈接文字 其中“ http:/ ”表示http站點的“ URL ”n 舉例：2.4.3 超鏈接標(biāo)記64/

21、112n下載文件下載文件n基本語法： 鏈接文字 其中“ file_url ”表示文件所在的路徑。2.4.3 超鏈接標(biāo)記65/112圖片的超鏈接圖片的超鏈接n圖片的超鏈接就是在圖片上建立鏈接。和文字的鏈接相同，就是點擊過鏈接的圖片或文字后就會跳到相應(yīng)的目的地址上。n圖片的超鏈接與文字相同都是標(biāo)記，與文字不同的是，文字的鏈接只能是一個，而圖片不同可以是一個或多個。2.4.3 超鏈接標(biāo)記66/112n基本語法：n文字n舉例：n返回2.4.3 超鏈接標(biāo)記67/112圖片的映射圖片的映射n一張圖片可以有多個超鏈接，一幅圖片被切分成不同的區(qū)域，每一個不同的區(qū)域可以鏈接到不同的地址，這每個區(qū)域被稱為圖像的熱

22、區(qū)。每一個熱區(qū)可以有自己的鏈接地址，瀏覽者單擊圖片上的熱區(qū)后，就會轉(zhuǎn)到相應(yīng)的鏈接地址上去。這個過程就稱為圖像的映射。n建立圖像映射分兩部分：圖像鏈接地址的創(chuàng)建和制作圖像映射。2.4.3 超鏈接標(biāo)記68/112n圖像鏈接地址的創(chuàng)建圖像鏈接地址的創(chuàng)建 先使用html語言創(chuàng)建出包含有文字鏈接地址的頁面；（一般在頁面內(nèi)建立標(biāo)簽或建立頁面間鏈接）2.4.3 超鏈接標(biāo)記69/112n制作圖片映射制作圖片映射使用工具(dreamweaver或frontpage)制作出圖像映射，即創(chuàng)建熱區(qū)，使用、標(biāo)記。建立圖片的映像說明（使用alt屬性標(biāo)簽）2.4.3 超鏈接標(biāo)記70/112n標(biāo)記的屬性標(biāo)記的屬性 shape

23、：定義圖象映射區(qū)域的形狀 rect表示矩形區(qū)域 circle表示橢圓形區(qū)域 poly表示多邊形區(qū)域 href：定義不同區(qū)域的鏈接地址 alt：設(shè)定替代的文字，提示文字 coords：設(shè)定區(qū)域坐標(biāo)2.4.3 超鏈接標(biāo)記71/112n標(biāo)記的基本語法：標(biāo)記的基本語法：例如：例如：2.4.3 超鏈接標(biāo)記72/112n建立熱區(qū)的基本語法：建立熱區(qū)的基本語法：2.4.3 超鏈接標(biāo)記73/112n建立熱區(qū)的基本語法：建立熱區(qū)的基本語法：2.4.3 超鏈接標(biāo)記74/112n列表有兩種類型: n無序列表 有序列表n無序列表: 沒有順序的列表項目,使用等特殊項目符號.n有序列表: 按照字母或數(shù)字等順序排列的列表項

24、目. : 列表項目標(biāo)記2.4.4 列表標(biāo)記 75/112n 有序列表標(biāo)記： 基本語法： 項目1 項目2 2.4.4 列表標(biāo)記 76/112n有序列表的屬性標(biāo)記：、1. 基本語法： 項目1 項目2 注： value1表示有序列表項目符號的類型 value2表示項目開始的數(shù)值有序列表的類型： 1 ：數(shù)字 1 ，2 ，3 a : 字母 a , b , c A : 字母 A , B , C i : 小寫羅馬數(shù)字 I , ii , iii I : 大寫羅馬數(shù)字，2.4.4 列表標(biāo)記 77/112n無序列表標(biāo)記 基本語法： 項目1 項目2 2.4.4 列表標(biāo)記 78/112n 無序列表的類型屬性 基本語法

25、： 項目1 項目2 無序列表的類型： disc 表示 circle 表示 square 表示 2.4.4 列表標(biāo)記 79/112n 定義列表標(biāo)記 、基本語法： 名詞1 解釋1 名詞2 解釋2 注：表示名詞；表示對名詞的解釋。2.4.4 列表標(biāo)記 80/112n 定義列表的嵌套 基本語法： 名詞1 解釋1 解釋2 解釋3 名詞2 解釋1 解釋2 解釋3 2.4.4 列表標(biāo)記 81/112n無序及有序列表的嵌套 l基本語法： 項目1 二級項目1 二級項目2 項目2 二級項目1/LI 二級項目2 2.4.4 列表標(biāo)記 82/112n1.頁眉標(biāo)記頁眉標(biāo)記n標(biāo)記用來包含文檔的頁眉，提供一些介紹性信息（如

26、標(biāo)題、副標(biāo)題或logo等），用于正文或正文中的節(jié)。例如：nwalker石的博客2.4.5 分節(jié)標(biāo)記 83/112n2.頁腳標(biāo)記頁腳標(biāo)記n標(biāo)記定義文檔或節(jié)的頁腳。通常包含文檔的作者、版權(quán)信息、使用條款鏈接、聯(lián)系信息等?？梢栽谝粋€文檔中使用多個標(biāo)記。例如：n版權(quán)所有XXXX2.4.5 分節(jié)標(biāo)記 84/112n3.導(dǎo)航標(biāo)記導(dǎo)航標(biāo)記n標(biāo)記用于定義網(wǎng)頁中的導(dǎo)航欄。例如：nn n 菜單一n 菜單二n 菜單三n n2.4.5 分節(jié)標(biāo)記 85/112n4.章節(jié)標(biāo)記章節(jié)標(biāo)記n標(biāo)記用來為網(wǎng)頁文檔分章節(jié)，表現(xiàn)文檔結(jié)構(gòu)最基本的元素，其代碼結(jié)構(gòu)如下，顯示效果如圖所示。 n 第一章標(biāo)題 內(nèi)容 第二章標(biāo)題 內(nèi)容 2.4.5

27、 分節(jié)標(biāo)記 86/112n5. 獨立文檔標(biāo)記獨立文檔標(biāo)記n標(biāo)記一般用來表現(xiàn)文檔正文內(nèi)容。2.4.5 分節(jié)標(biāo)記 87/112n6.相關(guān)文檔標(biāo)記相關(guān)文檔標(biāo)記n標(biāo)記定義標(biāo)記以外的內(nèi)容，用于包含當(dāng)前文檔相關(guān)的內(nèi)容，如側(cè)欄提示文檔或相關(guān)文檔等。我們可以利用下面的代碼來定義頁面結(jié)構(gòu)，定義完成的頁面結(jié)構(gòu)如圖所示。n- 頂部n導(dǎo)航欄nn 標(biāo)題n 內(nèi)容nn輔助欄n底部2.4.5 分節(jié)標(biāo)記 88/112n語法解釋：表格標(biāo)記：行標(biāo)記：單元格標(biāo)記n舉例說明2.4.6 表格標(biāo)記89/112nborder：設(shè)置表格的邊框。（單位為像素）nbodercolor：設(shè)置表格的邊框顏色。nbodercolorlight：設(shè)置表格

28、的（大邊框的）左上邊框或（小邊框的）右下邊框的顏色。nbodercolordark：設(shè)置表格的（大邊框的）右下邊框或（小邊框的）左上邊框的顏色。2.4.6 表格標(biāo)記90/112n基本語法： 其中，顏色可以是名稱或十六進(jìn)制數(shù)。n舉例: 2.4.6 表格標(biāo)記91/112n Width、 Height ：設(shè)定表格的寬度、高度n Bgcolor：設(shè)定表格的背景色n Background：設(shè)定表格的背景圖片n基本語法： n舉例 2.4.6 表格標(biāo)記92/112nCellspacing：設(shè)定單元格與單元格之間的距離n基本語法： 其中，value的單位是像素。n舉例 ：2.4.6 表格標(biāo)記93/112nCe

29、llpadding： 設(shè)定單元格邊框與內(nèi)容之間的距離n基本語法： 其中，value的單位是像素。n舉例：2.4.6 表格標(biāo)記94/112n基本語法： n語法解釋： 對齊方式有： left ：居左 right ： 居右 center ：居中n舉例： 2.4.6 表格標(biāo)記95/112n：設(shè)置表格的標(biāo)題，默認(rèn)的情況下居中對齊。nalign：設(shè)置表格標(biāo)題的對齊方式，有三種：left（左對齊 ） right（右對齊 ）center（居中）nvalign：設(shè)置表格標(biāo)題的垂直對齊方式，即可在表格上方或下方，有兩種：top (上方) bottom (下方)n基本語法：基本語法： n舉例 2.4.6 表格標(biāo)記9

30、6/112n基本格式： n舉例：設(shè)置表格的表頭 姓名 出生年月 張三 1986.1.5 李四 1987.2.16 2.4.6 表格標(biāo)記97/112n行標(biāo)記的屬性：nbgcolor：設(shè)置行的背景色。nbordercolor：設(shè)置行的邊框顏色。nbordercolorlight：設(shè)置行的亮邊框顏色。nbordercolordark：設(shè)置行的暗變框顏色。nalign：設(shè)置行的對齊方式，（里面內(nèi)容的對齊方式）有三種：left、center、right。nValign：設(shè)置行的垂直對齊方式，有三種：top（居上）、middle（居中）、bottom（居下）。n 基本語法： 2.4.6 表格標(biāo)記98/11

31、2n單元格標(biāo)記的屬性設(shè)置：nbgcolor：設(shè)置單元格的背景顏色。nbackground：設(shè)置單元格的背景圖片。nbordercolor：設(shè)置單元格的邊框顏色。nbordercolorlight：設(shè)置單元格的亮邊框顏色。nbordercolordark：設(shè)置單元格的暗邊框顏色。nwidth：設(shè)置單元格的寬度。nheight：設(shè)置單元格的高度。nalign：設(shè)定單元格內(nèi)容的水平對齊方式，有三種：right（居右）、 left（居左） 、center（居中）。nValign：設(shè)定單元格的垂直對齊屬性，有三種：top（居上）、middle（居中）、bottom（居下）。n rowspan：單元格的跨

32、行屬性。（垂直方向上）n Colspan：單元格的跨列屬性。（水平方向上）2.4.6 表格標(biāo)記99/112n基本語法：n舉例2.4.6 表格標(biāo)記100/112n表頭標(biāo)記的屬性設(shè)置：nbgcolor：設(shè)置表頭的背景顏色。nbackground：設(shè)置表頭的背景圖片。nbordercolor： 設(shè)置表頭的邊框顏色。nbordercolorlight：設(shè)置表頭的亮邊框顏色。nbordercolordark：設(shè)置表頭的暗邊框顏色。nwidth：設(shè)置表頭的寬度。nheight：設(shè)置表頭的高度。nalign：設(shè)定表頭內(nèi)容的水平對齊方式，有三種：right（居右）、 left（居左） 、center（居中）。nValign：設(shè)定表頭的垂直對齊屬性，有三種：top（居上）、middle（居中）、bottom（居下）。n rowspan：表頭的跨行屬性。n C