【正文】 由 IMG 元素的 ALIGN 屬 性來設(shè)置，圖與文的對(duì)齊排列原則是以文 字的基線 (Baseline)為依據(jù)。其中排列的 方式有以下幾種： 圖形頂端位置與文字基線對(duì)齊 ALIGN=up 圖形中間位置與文字基線對(duì)齊 ALIGN=middle 圖形底端位置與文字基線對(duì)齊 ALIGN=bottom(缺省值 ) 圖形頂端位置與文字最高位置對(duì)齊 ALIGN=texttop 圖形頂端位置與行文字基線對(duì)齊 ALIGN=baseline 表 圖文對(duì)齊排列方式 (2). 浮動(dòng)圖形 圖形與文字除了有以上五種排列方式 之外，也有另外兩種排列方式，分別為 ALIGN=left和 ALIGN=right。 當(dāng) ALIGN為 right時(shí)，文字與圖形分開排 列，圖形漂到文件的右邊界；當(dāng) ALIGN變?yōu)? left時(shí)，圖形告左排列，并把圖形底下的文 字往外擠出去，圖形像漂至左邊界。 (3). 圖形配置控制 寬度設(shè)置 圖形配置寬度的設(shè)置是 由 WIDTH屬性 來完成。 高度設(shè)置 圖形配置高度的設(shè)置是 由 HEIGHT屬性 來實(shí)現(xiàn)。 例如：要插入的圖形原來的尺寸為 100 90大小。如果我們要顯示出 200 180大小的圖，可將 WIDTH和 HEIGHT 兩種屬性分別設(shè)置成 200和 180，如下所示 圖形映射 圖形映射也稱為可單擊圖形 ， 是指在 一個(gè)圖形中包含多個(gè)鏈接 。 單擊圖形映射 的某個(gè)部分即可進(jìn)入該部分所表示的鏈接 目前有兩種圖形映射類型 ， 分別是 服務(wù)器方 和 客戶機(jī)方 。 兩種圖形映射的差 別在于過程 (訪問者的鼠標(biāo)單擊變成對(duì)另一 文檔的鏈接 )在哪里發(fā)生 ， 發(fā)生在服務(wù)器方 時(shí)為服務(wù)器方圖形映射 ， 發(fā)生在訪問者的 計(jì)算機(jī)上時(shí)為客戶機(jī)方圖形映射 。 在 服務(wù)器方圖形映射 中，受到單擊的 點(diǎn)坐標(biāo)傳輸?shù)椒?wù)器計(jì)算機(jī)中，由其確定 對(duì)這個(gè)單擊所采取的動(dòng)作，然后服務(wù)器再 將住處發(fā)送回客戶機(jī)上，再由客戶機(jī)發(fā)出 對(duì)某個(gè)文檔的請(qǐng)求。服務(wù)器計(jì)算機(jī)計(jì)算和 確定客戶機(jī)要做的工作。 在 客戶機(jī)方圖形映射 中。圖形映射的 標(biāo)志及其屬性見表 。 標(biāo)志 /屬性 用法 USEMAP=… 命名要用的客戶機(jī)方映射定義，是 IMG標(biāo)志的屬性 ISMAP 指定圖形使用服務(wù)器方圖形映射，是 IMG標(biāo)志的屬性 MAP 在 HTML文件中標(biāo)識(shí)映射定義塊 NAME=… 提供映射定義塊的名稱 AREA 定義映射區(qū)域 SHAPE=… 將映射區(qū)域的形體表示為 RECT、 CIRCLE或 POLY HREF=… 指定映射區(qū)域的目標(biāo)，單擊該區(qū)鏈接這個(gè) URL NOHREF 指定單擊區(qū)時(shí)不鏈接任何地方 COORDS=x,y,x1,y1,x2,y2 標(biāo)識(shí)區(qū)域的形體 ALT=… 提供描述鏈接的替換文本 (或彈出文本 ) 表 圖形映射的標(biāo)志及其屬性 ２ . 列表 HTML 語言提供多種表結(jié)構(gòu)的元素， 根據(jù)顯示外觀的不同可分為兩類： 詞匯表 (Glossary List)和 規(guī)律性 (Regular List)表 。 第二類規(guī)律性表又可分為兩種： 第一種是 有序表 ；第二種是 無序表 。 定義表 (DL) 定義表屬于詞匯表 ， 它是由一系列 項(xiàng)目和其定義敘述所組成的 。 一般定義 表的每個(gè)項(xiàng)目都列在左邊 ， 而其定義則 列在右邊或下一行有縮排的段落 。 定義表結(jié)構(gòu)塊 ， 是則起始標(biāo)簽 DL 和結(jié)束標(biāo)簽 /DL包圍形成的 ， 而每一個(gè) 項(xiàng)目則以 DT項(xiàng)目標(biāo)簽和 DD定義敘述 標(biāo)簽來表示 。 實(shí)例： 規(guī)律性表 規(guī)律性表結(jié)構(gòu)是一組序列段落 ， 以 一個(gè)特殊記號(hào) 、 序數(shù)或空格為分項(xiàng)符號(hào) 。 它的一般語法為： 表列元素起始標(biāo)簽 表列項(xiàng)目元素 表列項(xiàng)目元素 ............... ............... 表列元素結(jié)束標(biāo)簽 (1). 無序表 典型的無序表的每一個(gè)項(xiàng)目前端， 都用一個(gè)實(shí)心小圓點(diǎn)作為分項(xiàng)符號(hào)。 無序表結(jié)構(gòu)塊，是由起始標(biāo)簽 UL和 結(jié)束標(biāo)簽 /UL包圍形成的，而每一個(gè) 項(xiàng)目是以 LI項(xiàng)目標(biāo)簽來表示。 瀏覽器為無序表元素添加了屬性 TYPE，它的值分別是表的分項(xiàng)符號(hào)樣式， 其值共有三種： DISC(實(shí)心小圓點(diǎn) )、 CIRCLE(虛心小方塊 )和 SQUARE(實(shí)心小 方塊 )，缺省為 DISC 。 實(shí)例： (2). 有序表 有序表的每個(gè)項(xiàng)目都有前后順序之分 多數(shù)用數(shù)字來表示。有序表結(jié)構(gòu)塊，是由 起始標(biāo)簽 OL和結(jié)束標(biāo)簽 /OL包圍形成 的。而每一個(gè)項(xiàng)目是以 LI項(xiàng)目標(biāo)簽來表 示。 瀏覽器為有序表添加了 TYPE和 START 屬性， TYPE屬性可提供更多項(xiàng)目識(shí)別符號(hào)。 它總共提供了五種不同樣式的分項(xiàng)符號(hào)， 分別如下所列。缺省值為 TYPE=1。 START屬性 可設(shè)置表項(xiàng)目的初始值 ， 其值為分項(xiàng)符號(hào)樣式列中第幾個(gè) ， 如 START=5就表示由 ‘ 5’ 、 ‘ E’ 、 ‘ e’ 、 ‘ V’ 、 ‘ v’ 開始 。 OL TYPE=1 數(shù)字，如 1,2,3... OL TYPE=A 大寫字母，如 A,B,C... OL TYPE=a 小寫字母，如 a,b,c... OL TYPE=I 大寫羅馬字母，如 Ⅰ,Ⅱ,Ⅲ... OL TYPE=i 小寫羅馬字母，如 i,ii,iii... H2打開 Web資源的步驟 /H2 OL LI在用戶瀏覽器中 ， 輸要訪問資源的完整 URL。 LI瀏覽器把請(qǐng)示發(fā)送到正與之通信的服務(wù)器 。 LI用戶服務(wù)器把該請(qǐng)求轉(zhuǎn)發(fā)一在 URL中所規(guī)定的服務(wù)器 。 LI那個(gè)服務(wù)器查找資源并把它發(fā)回到用戶服務(wù)器 。 LI用戶服務(wù)器把資源發(fā)送到用戶瀏覽器 。 /OL 實(shí)例 : ３ . 表格 表格在 HTML語言中是以 TABLE元素來 表示，其對(duì)應(yīng)的標(biāo)簽為 TABLE，并以 /TABLE簽來結(jié)束表格結(jié)構(gòu)的有效性。 基本表格結(jié)構(gòu) 在基本表格結(jié)構(gòu)中，包含 項(xiàng)目表頭 (TH元素可表示表格項(xiàng)目的表頭 )和 資料 (TD元素可表示資料 )，并加上了表格的 標(biāo)題。表格 標(biāo)題 是以標(biāo)簽 CAPTION表 示，并以 /CAPTION結(jié)束。表格標(biāo)題、 項(xiàng)目表頭和資料構(gòu)成了表格基本結(jié)構(gòu)三 個(gè)要素。 TR元素是表示表格的行。 實(shí)例： 設(shè)置表格 設(shè)置 有框線表格 ： table border.../table 或 table border=1.../table 設(shè)置 無框線表格 ： table.../table 或 table border=0.../table 設(shè)置 表格的大小 ： table width=n1 height=n2 設(shè)置 表格行數(shù) ： TR元素表示表格的行 一份表格的行數(shù)由 TR標(biāo)簽個(gè)數(shù)來決定。 設(shè)置 表格列數(shù) ：表格列數(shù)由一行中所 包括的 TH和 TD元素個(gè)數(shù)來決定。 實(shí)際應(yīng)用 使用內(nèi)含圖象元素 IMG、 表元素 TABLE 制作出一頁簡單的 Homepage。 此 Homepage 中的表格共分成三個(gè)塊 ， Homepage的顯示 效果如下圖所示 。 htmlheadtitle動(dòng)物園簡介 /title meta name=GENERATOR content=Microsoft FrontPage /head bodytable border=1 width=732 trtd width=229ul lia href=動(dòng)物園簡介 /a/li lia href=游園指南 /a/li lia href=動(dòng)物園里的故事 /a/li lia href=動(dòng)物大使 /a/li /ul/td td width=265img src= width=261 height=167 alt= (16135 bytes)/td td width=306centerb