Unix網(wǎng)絡(luò)

haoji

194 第三部分網(wǎng)絡(luò)及Internet工具
下載
圖14-2 Netscape Navigator瀏覽器

該瀏覽器界面上端的圖標(biāo)欄中有一些按鈕，用于在不同的網(wǎng)頁(yè)之間移動(dòng)以及完成其他一
些操作。其中，有兩個(gè)分別標(biāo)記為B a c k和F o w a r d的按鈕，分別用來(lái)在已訪問過的網(wǎng)頁(yè)列表中
前進(jìn)和后退。有一個(gè)標(biāo)記為H o m e的按鈕，用來(lái)返回到用戶設(shè)置成H o m e的網(wǎng)頁(yè)。另外，還有
一個(gè)標(biāo)記為S t o p的按鈕，用來(lái)取消已經(jīng)發(fā)出去的訪問請(qǐng)求；它在用戶打開一個(gè)網(wǎng)頁(yè)時(shí)有效，
如果打開一個(gè)網(wǎng)頁(yè)需要的時(shí)間過長(zhǎng)，就可以點(diǎn)擊S t o p按鈕取消該進(jìn)程。

N e t s c a p e設(shè)有書簽和歷史記錄功能，用戶可以將經(jīng)常訪問的網(wǎng)頁(yè)放在書簽中，待以后訪問
時(shí)直接選擇書簽列表即可。在U R L區(qū)域的左邊有一個(gè)標(biāo)為B o o k m a r k s的按鈕，用戶點(diǎn)擊它后就
出現(xiàn)一個(gè)有關(guān)書簽內(nèi)容的下拉菜單；另外在N e t s c a p e的菜單中也設(shè)有一個(gè)具有同樣功能的
B o o k m a r k s菜單項(xiàng)。下拉菜單中的前面幾項(xiàng)用來(lái)管理書簽，如果要將當(dāng)前打開的網(wǎng)頁(yè)添加到書
簽中，就選擇A d d菜單項(xiàng)或者敲入C t r l - k；如果要打開已列在書簽中的網(wǎng)頁(yè)，只要在菜單里選
中相應(yīng)的項(xiàng)；如果敲入C t r l - b，就彈出一個(gè)用于編輯書簽的窗口。N e t s c a p e將用戶最近訪問過
的網(wǎng)頁(yè)地址都保存在歷史記錄中，如果用戶沒有將一個(gè)訪問過的網(wǎng)頁(yè)放在書簽中，還可以在
歷史記錄中查找它。需要查看歷史記錄時(shí)，可以輸入C t r l - h或者在菜單中選擇相應(yīng)的項(xiàng)。

如果要保存當(dāng)前的網(wǎng)頁(yè)，選擇F i l e菜單中的Save As，系統(tǒng)彈出一個(gè)對(duì)話框，該對(duì)話框的
底部列出了網(wǎng)頁(yè)文件在本地系統(tǒng)中保存的名字，如果需要用戶，可以改變；對(duì)話框中還列出
了保存文件的目錄，供用戶自由選擇；另外，還能選擇保存文件的類型，可以選擇為文本類
型或H T M L類型。

在We b 頁(yè)面上還經(jīng)常有到F T P站點(diǎn)文件的鏈接，如果使用N e t s c a p e瀏覽器下載這類文件時(shí)，
需要按住s h i f t鍵的同時(shí)點(diǎn)擊該鏈接。如果直接訪問F T P站點(diǎn)，也是這樣操作的。要是沒有按住
s h i f t鍵，只是單擊一下，那么就按文本方式在另一個(gè)網(wǎng)頁(yè)中顯示文件內(nèi)容。一旦用戶選擇好
了下載的文件，系統(tǒng)就彈出一個(gè)對(duì)話框，供用戶選擇保存文件的目錄和文件名，待用戶選擇
完畢點(diǎn)擊O K按鈕后，就開始進(jìn)行下載。在文件下載過程中，N e t s c a p e會(huì)顯示下載的進(jìn)程和估
計(jì)的剩余時(shí)間。

Netscape Communicator不僅提供We b 瀏覽器N a v i g a t o r，還提供郵件和新聞閱讀器客戶軟

haoji

第14章World Wide Web 195
下載
件。使用它的郵件客戶軟件，用戶可以在I n t e r n e t上收發(fā)信件，就像在U n i x系統(tǒng)之間使用m a i l x
或E l m等郵件客戶程序一樣（參見圖1 4 - 3）。新聞閱讀器用來(lái)在U s e n e t新聞組中閱讀和發(fā)布文
章。在Netscape Communicator的菜單中，設(shè)有n e w s r e a d e r和m a i l e r菜單項(xiàng)；用戶也可以通過敲
入A l t - 2啟動(dòng)m a i l e r，敲入A l t - 3啟動(dòng)新聞閱讀器,敲入A l t - 1啟動(dòng)N a v i g a t o r。如果使用遠(yuǎn)程郵件或
新聞服務(wù)器，就必須在E d i t菜單里的P r e f e r e n c e中填入它們的網(wǎng)絡(luò)地址。


圖14-3 Netscape Communicator中的m a i l e r

如果通過代理服務(wù)器連接到I n t e r n e t上，就必須提供代理服務(wù)器的I P地址。代理服務(wù)器是
一臺(tái)作用類似于網(wǎng)關(guān)的計(jì)算機(jī)，它接受內(nèi)部用戶發(fā)出的請(qǐng)求，然后再將請(qǐng)求轉(zhuǎn)發(fā)到I n t e r n e t上，
這樣內(nèi)部用戶與I n t e r n e t之間就沒有直接的連接，必須通過代理服務(wù)器的轉(zhuǎn)發(fā)。代理服務(wù)器的
設(shè)置也在E d i t菜單里的P r e f e r e n c e中進(jìn)行。

14.3.2 Mosaic
M o s a i c是第一個(gè)基于圖形的We b 瀏覽器，它與N e t s c a p e一樣，也有多種分別用于不同平臺(tái)
的版本，包括Wi n d o w s 、M a c i n t o s h和U n i x版本。M o s a i c是由設(shè)置在I I I i n o i s大學(xué)的美國(guó)超級(jí)計(jì)
算應(yīng)用國(guó)家中心（N C S A）開發(fā)出來(lái)的，關(guān)于M o s a i c更詳細(xì)的信息可以查詢N C S A的We b 站點(diǎn)
w w w. n c s a . u i u c . e d u，用戶可以從該站點(diǎn)上或N C S A的F T P站點(diǎn)上下載M o s a i c軟件。

與N e t s c a p e類似，U n i x系統(tǒng)上的M o s a i c也是一個(gè)基于X - Wi n d o w s的應(yīng)用程序，用戶需在X -
Wi n d o w s 界面（如O p e n - L o o k或M o t i f）上操作它。M o s a i c的窗口界面上端有兩個(gè)方框，一個(gè)用
來(lái)顯示當(dāng)前網(wǎng)頁(yè)的標(biāo)題，另一個(gè)用來(lái)輸入U(xiǎn) R L地址。在窗口底部設(shè)置了一些按鈕，用于管理訪
問過的網(wǎng)頁(yè)。其中，B a c k和F o r w a r d按鈕分別用來(lái)在已訪問過的網(wǎng)頁(yè)列表中后退和前進(jìn)；H o m e
按鈕用來(lái)返回到用戶的H o m e網(wǎng)頁(yè)；Save As 按鈕用來(lái)在本地系統(tǒng)上保存當(dāng)前的網(wǎng)頁(yè)。

當(dāng)用戶正在打開一個(gè)網(wǎng)頁(yè)時(shí)，位于右上角的一個(gè)地球儀圖標(biāo)在轉(zhuǎn)動(dòng)；一旦打開完畢后，
地球儀圖標(biāo)就停止轉(zhuǎn)動(dòng)。這個(gè)地球儀圖標(biāo)的功能就類似于S t o p按鈕，如果在打開網(wǎng)頁(yè)地球儀
圖標(biāo)轉(zhuǎn)動(dòng)時(shí)，點(diǎn)擊該圖標(biāo)就取消了打開的進(jìn)程。

位于M o s a i c窗口上部的各種下拉菜單，用來(lái)管理用戶的We b 訪問。其中，在N a v i g a t e菜單
里，可以設(shè)置一個(gè)用戶最喜歡網(wǎng)站的書簽列表；在O p t i o n s菜單里可以對(duì)瀏覽器進(jìn)行配置；通
過N e w s菜單，可以訪問U s e n e t新聞組、顯示和保存文章。

14.3.3 Ly n x
Ly n x 是一種命令行模式的瀏覽器，可以用在沒有X - Wi n d o w s界面支持的情況，在U n i x命

haoji

196 第三部分網(wǎng)絡(luò)及Internet工具
下載
令行中啟動(dòng)它。Ly n x 采用基于光標(biāo)的顯示，很像E l m或P i n e。在網(wǎng)頁(yè)上只能顯示文本，文本頁(yè)
面上可以包括到其他I n t e r n e t資源的鏈接，但不能顯示任何圖形、視頻或聲音。除了顯示功能
有限外，Ly n x 完全可以勝任其他We b 瀏覽器的功能。它也能用來(lái)下載F T P站點(diǎn)上的文件。與那
些基于圖形的瀏覽器相比，由于Ly n x 的負(fù)載輕，因此它能以更快的速度顯示文本。用戶可以
從l y n x . b r o w s e r. o rg 站點(diǎn)下載用于U n i x的Ly n x 瀏覽器。如果下載用于U n i x的源程序文件，一般
是一個(gè)壓縮了的檔案文件，必須進(jìn)行解壓和解檔，并建立一個(gè)包含源程序文件的目錄。然后
在這個(gè)目錄中，使用c o n t i n u e命令產(chǎn)生一個(gè)適用于本地系統(tǒng)的M a k e f i l e ,再通過m a k e命令創(chuàng)建一
個(gè)Ly n x 瀏覽器應(yīng)用程序，最后安裝在本地系統(tǒng)上就可以了。

與基于圖形的We b 瀏覽器不同，Ly n x 采用的是一系列屏幕方式顯示網(wǎng)頁(yè)，而不使用滾動(dòng)
屏幕的方式顯示網(wǎng)頁(yè)。需要移動(dòng)到下一屏?xí)r，敲入空格鍵或P a g e D o w n鍵；返回到上一屏，使
用P a g e U p鍵；光標(biāo)的上下鍵，用來(lái)在文本的前后鏈接之間移動(dòng)。

網(wǎng)頁(yè)中的鏈接點(diǎn)文本采用粗體字顯示，如圖1 4 - 4所示。如果需要激活鏈接點(diǎn)，必須首先
移動(dòng)光標(biāo)選中它后輸入回車鍵E n t e r或右光標(biāo)鍵，而不是像其他瀏覽器那樣使用鼠標(biāo)點(diǎn)擊。被
選中的鏈接點(diǎn)在屏幕上采用高亮度帶陰影的顏色顯示，最初屏幕中的第一個(gè)鏈接點(diǎn)總是會(huì)自
動(dòng)被選中，用戶可以根據(jù)需要通過移動(dòng)上下光標(biāo)鍵改變選擇；值得注意的是，一定要使用上
下光標(biāo)鍵來(lái)移動(dòng)，而不能使用左右光標(biāo)鍵。


圖14-4 Lynx We b 瀏覽器界面示意圖

類似于其他瀏覽器，Ly n x 也保存著一張已訪問過的網(wǎng)頁(yè)列表，使用左光標(biāo)鍵返回前一網(wǎng)
頁(yè)，右光標(biāo)鍵轉(zhuǎn)到列表中的下一網(wǎng)頁(yè)。輸入E s c鍵時(shí)，就能調(diào)出已訪問網(wǎng)頁(yè)的列表，用戶可以
使用上下光標(biāo)鍵在列表中選擇一個(gè)鏈接到某個(gè)網(wǎng)頁(yè)的鏈接點(diǎn)，然后輸入右光標(biāo)鍵或回車鍵打
開相應(yīng)的網(wǎng)頁(yè)。

如果要轉(zhuǎn)到某一個(gè)站點(diǎn)上，可以敲入g鍵，這時(shí)在屏幕的底端出現(xiàn)提示“URL to open:”
，
用戶只要輸入相應(yīng)站點(diǎn)的U R L即可。如果想返回到用戶設(shè)置好的h o m e網(wǎng)頁(yè)，就輸入m鍵。另
外，Ly n x 也支持書簽功能，敲入a鍵時(shí)就可以將當(dāng)前顯示的網(wǎng)頁(yè)添加到書簽列表中；如果輸入
v鍵就能調(diào)出書簽列表；用戶也可以使用上下光標(biāo)鍵在書簽中選擇一個(gè)列表項(xiàng)，然后輸入右光
標(biāo)鍵或回車鍵打開相應(yīng)的網(wǎng)頁(yè)。

用戶可以使用單個(gè)字母的命令完成一些瀏覽器功能，例如下載文件或搜索網(wǎng)頁(yè)。其中，

haoji

第14章World Wide Web 197
下載
輸入“?”鍵就顯示出所有這些命令；下載文件時(shí)使用“d”鍵；“h”鍵用來(lái)顯示幫助信息
。
如果想在當(dāng)前網(wǎng)頁(yè)中搜索文本，就輸入“/”鍵，這時(shí)在屏幕底下出現(xiàn)一個(gè)提示，用于輸入
搜
索內(nèi)容。Ly n x 將以高亮度顯示第一個(gè)匹配到的文本內(nèi)容，如果輸入“n”鍵，就顯示下一個(gè)
匹
配到的文本內(nèi)容。通過“\”鍵，可以在網(wǎng)頁(yè)的源文件和顯示版本之間進(jìn)行切換
。


14.4 Java
J a v a給傳統(tǒng)的We b 瀏覽器帶來(lái)了許多新的功能，它允許用戶執(zhí)行放在We b 站點(diǎn)上的程序
；
采用J a v a，用戶可以與We b 站點(diǎn)交互信息。大多數(shù)瀏覽器，例如N e t s c a p e，支持J a v a，能運(yùn)
行
J a v a小程序（a p p l e t）。另外，已有大量基于J a v a的產(chǎn)品可用于U n i x平臺(tái)，例如用于U n i x版
本
的J a v a開發(fā)工具包（J D K）、HotJava We b 瀏覽器、Java We b 服務(wù)器。用戶可以從S u n公司
的
We b 站點(diǎn)w w w. s u n . c o m上下載這些產(chǎn)品
。


J a v a開發(fā)工具包提供有J a v a編譯器、J a v a調(diào)試器等一些工具，用于幫助用戶創(chuàng)建和調(diào)試
自
己的J a v a小程序或其他的J a v a應(yīng)用程序。工具包里包含了一些J a v a小程序的源代碼，用戶可
以
從S u n公司的We b 站點(diǎn)上獲得詳細(xì)的J D K文檔。J D K軟件包集成了各種J a v a應(yīng)用、庫(kù)和演示
程
序，其中J a v a應(yīng)用包括J a v a 編譯器（j a v a c ）、J a v a 調(diào)試器（j d b ）和J a v a 小程序查看
器


（a p p l e t v i e w e r）。J D K還具有國(guó)際化、大數(shù)字、J D B C等一些特性，有關(guān)這些特性的詳細(xì)描述可
以參考J D K文檔。

如同采用其他標(biāo)準(zhǔn)編程語(yǔ)言編寫一個(gè)程序一樣，可以使用J a v a語(yǔ)言編寫一個(gè)J a v a小程序。

首先要做的是，使用一個(gè)文本編輯器編寫源代碼，完成后將它保存在一個(gè)擴(kuò)展名為. j a v a的文

件里；然后，使用j a v a c編譯器對(duì)該源代碼文件進(jìn)行編譯，就得到一個(gè)J a v a可執(zhí)行程序，即

J a v a小程序，這種J a v a小程序帶有. c l a s s擴(kuò)展名。例如，編譯一個(gè)源代碼文件名叫B l i n k . j a v a的

J a v a程序，將產(chǎn)生一個(gè)名叫B l i n k . c l a s s的J a v a小程序，這個(gè)B l i n k . c l a s s程序可以使用We b 瀏覽器

訪問并執(zhí)行。

在一個(gè)網(wǎng)頁(yè)中，可以使用H T M L標(biāo)記符< A P P L E T >調(diào)用一個(gè)J a v a小程序。在這種標(biāo)記中可

以包括幾種屬性，其中C O D E屬性是必須要有的，它的值就是J a v a小程序的名稱。另外還可以

設(shè)置的一些屬性(例如J a v a小程序顯示的區(qū)域及其對(duì)準(zhǔn)方式)，都可以在J D K文檔中得到有關(guān)的

說明。在下面的示例中，一個(gè)名叫B l i n k . c l a s s的J a v a小程序，在We b 瀏覽器中顯示區(qū)域的高度

為1 0 0個(gè)像素、寬度為8 0個(gè)像素，采用居中對(duì)準(zhǔn)方式：

<APPLET CODE="Blink.class" WIDTH=80 HEIGHT=100 ALIGN=center></APPLET>


14.5 超文本標(biāo)記語(yǔ)言HTML
使用超文本標(biāo)記語(yǔ)言H T M L可以制作We b 頁(yè)面，H T M L是S G M L（Standard Generalized

M a r k u p，標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言）的一個(gè)子集。制作一個(gè)H T M L文檔實(shí)際上就是在一個(gè)文本文件

中插入H T M L標(biāo)記符。因此，制作網(wǎng)頁(yè)就像使用一個(gè)基于標(biāo)記符的字處理器一樣簡(jiǎn)單。采用

H T M L標(biāo)記符將一個(gè)文本格式化后，就可以像We b 頁(yè)面那樣顯示該文本。其實(shí)，We b 頁(yè)面本身

就是一個(gè)文本文件，可以使用任何文本編輯器（例如Vi）創(chuàng)建。那些在U n i x系統(tǒng)上基于標(biāo)記

符的字處理程序，在概念上都類似于t r o ff 。H T M L標(biāo)記符除了用來(lái)指明標(biāo)題、列表和段落外，

還能調(diào)用其他的We b 資源。表1 4 - 3列出了常用的H T M L標(biāo)記符。

可以利用專門的We b 頁(yè)面制作程序，采用X - Wi n d o w s界面創(chuàng)建非常復(fù)雜的We b 頁(yè)面，而不

haoji

198 第三部分網(wǎng)絡(luò)及Internet工具
下載
用手工制作。Netscape Communicator中的一個(gè)組件就是We b 頁(yè)面編輯器，用這個(gè)編輯器可以
制作出你自己的We b 頁(yè)面。通過它的菜單和按鈕，就可以創(chuàng)建諸如列表、標(biāo)題、鏈接之類的
We b 頁(yè)面元素（參見圖1 4 - 5）。而在U n i x版本的Wo r d P e r f e c t 中，不必輸入任何H T M L標(biāo)記符，
就可以用一個(gè)Wo r d P e r f e c t 文檔自動(dòng)生成一個(gè)We b 頁(yè)面。當(dāng)然，一個(gè)制作好的We b 頁(yè)面則是一
個(gè)H T M L文檔，即一個(gè)含有文本和H T M L標(biāo)記符的文本文件。


圖14-5 Netscape We b 頁(yè)面編輯器

表14-3 用于We b 頁(yè)面的H T M L代碼

代碼作用

基本標(biāo)記符

< H T M L > We b 頁(yè)面起始標(biāo)記符，放在網(wǎng)頁(yè)的最前面

< / H T M L > We b 頁(yè)面的結(jié)束標(biāo)記符，放在網(wǎng)頁(yè)的最后面

< H E A D > 網(wǎng)頁(yè)文件頭起始標(biāo)記符

< / H E A D > 網(wǎng)頁(yè)文件頭結(jié)束標(biāo)記符

< T I T L E >title text< / T I T L E > 網(wǎng)頁(yè)的標(biāo)題；它用于熱表( h o t l i s t )中以易于標(biāo)識(shí)此頁(yè)

< B O D Y > 網(wǎng)頁(yè)文件體起始標(biāo)記符

< / B O D Y > 網(wǎng)頁(yè)文件體結(jié)束標(biāo)記符

< A D D R E S S >A d d ress of cre a t o r 網(wǎng)頁(yè)制作者的I n t e r n e t地址
< \ A D D R S S >

< B A S E =H ref 'Web page path name"> 網(wǎng)頁(yè)上相對(duì)路徑的基本路徑名

格式

< H n >Heading title < \H n> 格式化標(biāo)題。n代表子標(biāo)題的級(jí)別，< H 1 >代表最頂層的標(biāo)題，< H 2 >
代表子標(biāo)題，依此類推

<P> paragraph text < / P > 格式化段落
< C E N T E R > 居中文本標(biāo)記符
< B R > 行結(jié)束標(biāo)記符
< P R E > 預(yù)格式化文本起始標(biāo)記符，它后面的文本顯示時(shí)不需要再進(jìn)行格式化
< / P R E > 預(yù)格式化文本結(jié)束標(biāo)記符
< H R > 水平線標(biāo)記符
< C L E A R > 定義圍繞圖形的換行方式
<B> b o l d - t e x t < / B > 定義黑體文本
< I > i t a l i c - t e x t < / I > 定義斜體文本
<TT> t y p w r i t e r- t e x t < / T T > 定義打字機(jī)文本
< C O D E> code-text < / C O D E > 定義代碼文本
<CITE> c i t a t i o n - t e x t < / C I T E > 定義引用文本
< E M > emphasis-text < / E M > 定義一般強(qiáng)調(diào)的文本
<STRONG> e m p h a s i s - t e x t < / S T R O N G > 定義特別強(qiáng)調(diào)的文本

haoji

第14章World Wide Web 199
下載
(續(xù))

代碼作用
<KBD> k e b o a rd - t e x t < / K B D > 定義用戶輸入的文本
< VAR> variable-text < / VA R > 定義變量文本
圖像
<IMAGE SRC="f i l e . g i f" > 定義在網(wǎng)頁(yè)上顯示的圖像
A L I G N = "p o s i t i o n" 在網(wǎng)頁(yè)上定位圖像或文本
W I D T H = 設(shè)置圖像顯示的寬度
H E I G H T = 設(shè)置圖像顯示的高度
錨定代碼
<A Anchor tag /A> d i s p l a y e d text < / A > 與網(wǎng)頁(yè)上顯示文本相關(guān)的錨定標(biāo)記符
<A HREF="URL addre s s "> 將指定的文本與指定的U R L關(guān)聯(lián)起來(lái)，當(dāng)用戶點(diǎn)擊指定的文本時(shí)，
d i s p l a y e d t e x t < / A > 就跳到相關(guān)的U R L
<A HREF= #Anchor text> 將顯示的文本與命名的元素關(guān)聯(lián)起來(lái)
d i s p l a y e d t e x t < / A >
<A NAME= Anchor text> 定義命名元素
displayed text < / A >
<A NAME= Anchor text> <H n> 將一個(gè)標(biāo)題定義為命名元素
Heading t e x t < \H n> </A>
I D =Achor text 使用I D取代N A M E創(chuàng)建一個(gè)錨定文本
< Hn ID= Anchor text> 使用I D將一個(gè)標(biāo)題定義為一個(gè)錨定文本
Headin gtext < \H n>
<A HREF=URL a d d re s s> 將指定的圖像與指定的U R L地址相關(guān)聯(lián)
<IMAGE SRC="f i l e . g i f"> </A
< L I N K - R E L =R e l a t i o n s h i p 創(chuàng)建一個(gè)到其他網(wǎng)頁(yè)上的鏈接，在網(wǎng)頁(yè)頂上和底下顯示帶有REL描述
H R E F = "URL re f re n c e" > 關(guān)系的按鈕
R E L =R e l a t i o n s h i p 定義當(dāng)前網(wǎng)頁(yè)與其他網(wǎng)頁(yè)的關(guān)系
列表
<LH> List header < / L H > 定義列表的名字
<LI> List item text < / L I > 定義列表項(xiàng)
< U L > 枚舉式列表的起始標(biāo)記符
< O L > 編號(hào)式列表的起始標(biāo)記符
< / O L > 編號(hào)式列表的結(jié)束標(biāo)記符
< D L > 定義式列表的起始標(biāo)記符
< / U L > 枚舉式列表的結(jié)束標(biāo)記符
< / D L > 定義式列表的結(jié)束標(biāo)記符
<DT> Definition term < / D T > 定義式列表項(xiàng)的定義語(yǔ)句
< D D > D e f i n i t i o n < / D D > 定義式列表項(xiàng)的說明語(yǔ)句
表格
< TABLE> Table entries < / TA B L E > 定義一個(gè)表格
<TC> Table caption < / T C > 定義表格的說明
<TR> Table ro w < / T R > 定義表格的行
<TH> Table head < / T H > 定義表格的標(biāo)題
<TD> Table cell < / T D > 定義表格每項(xiàng)中的數(shù)據(jù)
表單
< F O R M > Form entries < / F O R M > 定義一個(gè)表單
<INPUT NAME=n a m e T Y P E = 創(chuàng)建一個(gè)用于輸入的表單。其中N A M E是保存輸入數(shù)據(jù)的對(duì)象名，
t y p e VA L U E = "v a l u e" > l a b e l T Y P E是輸入表單的類型，VA L U E 顯示在表單中的初始值
T Y P E =t y p e 定義輸入表單的類型
< S E L E C T >Selectoptions < / S E L E C T > 創(chuàng)建一個(gè)下拉菜單
<OPTION NAME= n a m e> O p t i o n - t i t l e 為下拉菜單定義一個(gè)選項(xiàng)
< T E X TAREA NAME=n a m e ROWS 創(chuàng)建一個(gè)文本區(qū)域表單，用來(lái)處理可以編輯的多行文本。這種表單
=n u mC O L S =n u m> default-text 包括滾動(dòng)條，最初顯示缺省的文本
< / T E X TA R E A >

haoji

200 第三部分網(wǎng)絡(luò)及Internet工具
下載
(續(xù))

代碼作用
配置
B G C O L O R =rrg g b b 定義背景顏色。使用十六進(jìn)制數(shù)字代表顏色，r r代表紅色，g g代表
綠色，b b代表藍(lán)色，所有為0就是黑色，所有為1（即為F F F F F F）就
是白色。它設(shè)置在B O D Y標(biāo)記符內(nèi)
T E X T =rrg g b b
B A C K G O U N D =f i l e . g i f
定義文本的顏色，它也設(shè)置在B O D Y標(biāo)記符內(nèi)
定義用于網(wǎng)頁(yè)背景的圖片

一個(gè)H T M L標(biāo)記符就是一對(duì)尖括號(hào)“< >”內(nèi)的一個(gè)H T M L代碼。例如，段落的標(biāo)記符是

< P >。標(biāo)記符一般是成對(duì)地使用，結(jié)束標(biāo)記符與起始標(biāo)記符是一樣的，只是結(jié)束標(biāo)記符要帶有
一個(gè)斜杠“/”。例如，一個(gè)段落要用< P >的標(biāo)記符開頭，結(jié)尾要相應(yīng)地使用< / P >標(biāo)記符。
帶有H T M L標(biāo)記符的We b 頁(yè)面文本必須要由一對(duì)< H T M L >標(biāo)記符括住，即文本起始處要有
< H T M L >標(biāo)記符，并且結(jié)尾處要有< / H T M L >標(biāo)記符。We b 頁(yè)面分成文件頭和文件體兩個(gè)部分。
文件頭包含We b 頁(yè)面的標(biāo)題，而文件體則包含網(wǎng)頁(yè)的內(nèi)容。標(biāo)題用來(lái)在瀏覽器中標(biāo)識(shí)網(wǎng)頁(yè)，可
作為該網(wǎng)頁(yè)在We b 瀏覽器中的書簽記錄項(xiàng)；We b 頁(yè)面的文件體則是在瀏覽器中實(shí)際顯示的文
本。

14.5.1 標(biāo)題和列表
H T M L標(biāo)記符可以用來(lái)格式化標(biāo)題、段落和各種不同的列表。正如你已知道的，< P >可以
格式化一個(gè)段落，在段落的結(jié)尾處用一個(gè)< / P >標(biāo)記符來(lái)結(jié)束該段落。如果需要定位元素，例
如要將圖片或段落定位在We b 頁(yè)面的上部、底部或中部，則分別采用< TO P >、< B O T >及
< M I D >標(biāo)記符實(shí)現(xiàn)；< C E N T E R >、< L E F T >和< R I G H T >標(biāo)記符分別用來(lái)將這些圖片或段落在
網(wǎng)頁(yè)上居中對(duì)齊、左對(duì)齊或右對(duì)齊；< P R E >標(biāo)記符，可以輸入未格式化的文本，這些文本將
會(huì)按你輸入的樣子顯示在We b 頁(yè)面上。

采用< Hn>可以格式化標(biāo)題，其中n指標(biāo)題的字體大小級(jí)數(shù)。如< H 1 >是最高一級(jí)的標(biāo)題，
它要用一種較大的字體顯示；< H 2 >是下一級(jí)的標(biāo)題，用稍小的字體顯示，依此類推。根據(jù)所
使用的瀏覽器類型，子標(biāo)題可以采用不同字體以縮格或特顯形式顯示。每個(gè)標(biāo)題的結(jié)尾處使
用它自己的結(jié)束標(biāo)記符，即< H 1 >采用< / H 1 >，< H 2 >采用< / H 2 >。

一個(gè)We b 頁(yè)面可以顯示多種列表：枚舉式列表（unordered list）、編號(hào)式列表（ordered list）
或定義式列表（descriptive list）。每種列表都帶有它們自己的H T M L標(biāo)記符，并且列表中的每
一項(xiàng)也有自已的H T M L標(biāo)記符。編號(hào)式和枚舉式列表中每一項(xiàng)的起始標(biāo)記符為< L I >，結(jié)尾標(biāo)
記符為< / L I >。枚舉式列表的起始標(biāo)記符為< U L >，結(jié)尾標(biāo)記符為< / U L >。

編號(hào)式列表能對(duì)它里面的各項(xiàng)進(jìn)行編號(hào)，即第一個(gè)列表項(xiàng)前面加上“1 .”，第二個(gè)列表項(xiàng)
前面加“2 .”，依此類推。一個(gè)編號(hào)式列表用標(biāo)記符< O L >起始，用< / O L >結(jié)束。下面給出了一
個(gè)編號(hào)式列表的例子：


該列表在瀏覽器中顯示如下：

haoji

第14章World Wide Web 201
下載
在定義式列表中，每一個(gè)列表項(xiàng)前都顯示一個(gè)用戶指定的詞或圖片。定義式列表的起始
標(biāo)記符是< D L >，結(jié)束標(biāo)記符為< / D L >。與枚舉式列表和編號(hào)式列表不同的是，定義式列表有
它自己的列表項(xiàng)標(biāo)記符。在每一個(gè)列表項(xiàng)前都放置一個(gè)< D T >標(biāo)記符，用來(lái)指明它的描述文本
或圖片，即它相當(dāng)于編號(hào)式列表中的編號(hào)和枚舉式列表中的圓點(diǎn)前導(dǎo)記號(hào)。不管你選擇的是
什么文本或圖片，定義式列表的每個(gè)列表項(xiàng)都有它自己的< D T >標(biāo)記符，在< D T >條目之后，
用< D D >標(biāo)記符來(lái)標(biāo)識(shí)列表項(xiàng)文本的開始。例如：

<DT> chris <DD> Best baseball player in the house

上述例子在瀏覽器中顯示為：

chris Best baseball player in the house


下面給出了一個(gè)定義式列表的示例：


該列表顯示如下：


接下來(lái)給出的r e c l i s t . h t m l文件，示出了用于顯示一個(gè)編號(hào)式列表的H T M L代碼。整個(gè)網(wǎng)頁(yè)
放在< H T M L >和< / H T M L >標(biāo)記符內(nèi)；網(wǎng)頁(yè)的標(biāo)題“My Recipe Site”是用< T I T L E >標(biāo)記符定義
的，它放在< H E A D >標(biāo)記符內(nèi)；< B O D Y >標(biāo)記符用來(lái)標(biāo)記需要顯示的網(wǎng)頁(yè)文本。第一個(gè)顯示
對(duì)象是標(biāo)題“Recipe List ”，它放在< H 1 >和< / H 1 >標(biāo)記符內(nèi)；接著是編號(hào)式列表，它嵌在
< O L >和< / O L >標(biāo)記符內(nèi)，每個(gè)列表項(xiàng)都用< L I >和< / L I >標(biāo)記符指定。圖1 4 - 6為該文件代碼在瀏
覽器中的顯示。

haoji

圖14-6 reclist.html的顯示
202 第三部分網(wǎng)絡(luò)及Internet工具
下載
14.5.2 訪問I n t e r n e t資源
使用HREF HTML錨（a n c h o r）標(biāo)記符，可以指定We b 頁(yè)面中的文本或圖片，鏈接到其他
We b 頁(yè)面、圖片或文檔上，這些網(wǎng)頁(yè)、圖片或文檔可以在你的系統(tǒng)上，也可以在其他系統(tǒng)上。
當(dāng)用戶選擇了代表一個(gè)鏈接的文本，實(shí)際上就是要訪問該鏈接指向的We b 頁(yè)面、圖片或文檔。
如果要?jiǎng)?chuàng)建一個(gè)到網(wǎng)絡(luò)資源上的鏈接，就可以把你的We b 頁(yè)面中的某些文本或圖片與網(wǎng)絡(luò)資
源的一個(gè)U R L關(guān)聯(lián)起來(lái)，這個(gè)網(wǎng)絡(luò)資源可以是另一個(gè)We b 頁(yè)面、其他圖片或文檔，甚至可以
是另外一個(gè)網(wǎng)絡(luò)工具，如F T P或Te l n e t 。該網(wǎng)絡(luò)資源可以在I n t e r n e t、局域網(wǎng)或者你自己的系統(tǒng)
上。

H R E F錨標(biāo)記符就是用來(lái)創(chuàng)建上述鏈接的。H R E F錨標(biāo)記符用“<A HREF=”開始，在“=
”
后輸入用雙引號(hào)圍住的U R L地址，并用“>”結(jié)束H R E F錨標(biāo)記符。在一個(gè)H R E F錨標(biāo)記符后，
輸入用來(lái)代表指定的U R L并顯示在網(wǎng)頁(yè)上的文本，并用< / A >標(biāo)記符結(jié)束文本。當(dāng)在瀏覽器中
顯示網(wǎng)頁(yè)時(shí)，你將會(huì)看到這個(gè)文本被設(shè)置成一種特殊的顏色，以指明它代表一個(gè)U R L。除了
文本之外，你可以用一個(gè)圖片代表鏈接，這樣用戶可以點(diǎn)擊圖片訪問相應(yīng)的U R L。你也可以
同時(shí)用文本和一個(gè)圖片代表鏈接，這樣當(dāng)用戶點(diǎn)擊文本或圖片時(shí)，都可以訪問相應(yīng)的U R L。

<A HREF=“U R L”> t e x t < / A >

在下面的示例中，H R E F錨標(biāo)記符將鏈接到w w w. c a k e s . o rg 系統(tǒng)的一個(gè)網(wǎng)頁(yè)上。一般c h o c o l a t e
c a k e顯示為藍(lán)色，當(dāng)用戶點(diǎn)擊該文本時(shí)，就能訪問URL www. c a k e s . o rg / c a k e s / c h o c o l a t e . h t m l 。由于
傳輸協(xié)議是H T T P，所以能顯示W(wǎng)e b 頁(yè)面。

<A HREF=http: //www.cakes.org/pub/cakes/chocolate.html>Chocolate Cake</A>

H R E F項(xiàng)也可以用來(lái)訪問本地系統(tǒng)上的一個(gè)網(wǎng)頁(yè)，這樣的話，就不用輸入傳輸協(xié)議和主機(jī)
名，僅需輸入本地系統(tǒng)上網(wǎng)頁(yè)的路徑名即可。該路徑名可以是一個(gè)當(dāng)前網(wǎng)頁(yè)目錄下的相對(duì)路
徑名。在下一個(gè)示例中，i n d e x . h t m l網(wǎng)頁(yè)就位于站點(diǎn)本身系統(tǒng)的d e s s e r t s子目錄下：

<A HREF=./desserts/index.html>Dessert Recipes</A>

H R E F錨標(biāo)記符也可用來(lái)訪問同一網(wǎng)頁(yè)上的文本，這要使用兩個(gè)H R E F項(xiàng)，一項(xiàng)用來(lái)標(biāo)記
要訪問的文本，另一項(xiàng)指定要執(zhí)行訪問的文本，這在有幾個(gè)標(biāo)題的網(wǎng)頁(yè)中經(jīng)常用到。在一個(gè)

haoji

第14章World Wide Web 203
下載
含標(biāo)題列表的表格中，它的標(biāo)題列表項(xiàng)用來(lái)訪問在整個(gè)網(wǎng)頁(yè)中顯示的標(biāo)題。只要在表格里點(diǎn)
擊一個(gè)標(biāo)題列表項(xiàng)，就會(huì)移到相應(yīng)標(biāo)題的文本中。

被指向的文本稱為命名元素�？梢允褂肗 A M E標(biāo)記符為指定文本創(chuàng)建一個(gè)標(biāo)簽，它的作
用就相當(dāng)于該文本的名字。這樣，在創(chuàng)建H R E F錨標(biāo)記符時(shí)，就可以使用該名字代表相應(yīng)的文
本。除了可以是文本外，命名的元素還可以是圖像，允許你跳到文本中的圖像。要?jiǎng)?chuàng)建一個(gè)
命名元素，就使用N A M E錨標(biāo)記符，后面輸入命名元素的名字；然后，接著輸入命名元素代
表的文本或圖像，采用< / A >標(biāo)記符結(jié)束。在下面的示例中，元素的名字為m y n e w s t a g，它顯
示的文本是“Recipe Site News”
：

<A NAME=“m y n e w s t a g ”>Recipe Site News</A>

用一個(gè)帶有“#”號(hào)的H R E F標(biāo)記符，可以訪問一個(gè)命名元素代表的文本或圖片。其中，

“#”號(hào)要放在命名元素的前面。在下面的示例中，網(wǎng)頁(yè)中顯示“Recent News”文本,當(dāng)用戶點(diǎn)
擊該文本時(shí)，就會(huì)顯示在網(wǎng)頁(yè)中采用m y n e w s t a g標(biāo)記的元素。這個(gè)元素可以是一個(gè)標(biāo)題、一幅
圖片或任何文本段。

<A NAME=“#m y n e w s t a g ”>Recent news</A>

如前所述，命名元素用來(lái)使用戶轉(zhuǎn)到網(wǎng)頁(yè)不同的標(biāo)題中。例如，在一個(gè)標(biāo)題列表中，包
含了文本中每個(gè)命名標(biāo)題的H R E F項(xiàng)，點(diǎn)擊各個(gè)列表項(xiàng)，就能跳到相應(yīng)的標(biāo)題處。

<A HREF=“# H e a d i n g - n a m e ”>Heading text</A>

這種情況下，網(wǎng)頁(yè)中相應(yīng)的標(biāo)題必須采用N A M E標(biāo)記符命名，并確保名字的匹配。下面

的示例創(chuàng)建了一個(gè)標(biāo)題，當(dāng)點(diǎn)擊它時(shí)，就能跳到一個(gè)名為We l c o m e t a g 的元素處。
<H2><A HREF=#welcometag>About My Recipe Site</A></H2>
下面的例子示出了一個(gè)名為w e l c o m e t a g的元素，它所代表的是一個(gè)標(biāo)題。點(diǎn)擊前一個(gè)示

例中的錨時(shí)，要跳到的地方就是這個(gè)w e l c o m e t a g元素所代表的標(biāo)題。

<A NAME=“W e l c o m e t a g ”
>
<H2>About My Recipe Site<


\H 2
>
< / A
>


你可以用I D標(biāo)記符創(chuàng)建命名元素，這個(gè)I D標(biāo)記符可以放在一個(gè)標(biāo)題標(biāo)記符內(nèi)，如下所示：

<Hn ID=“n a m e\H n >

”>Heading text<

14.5.3 We b 頁(yè)面示例
使用上面已討論過的幾個(gè)代碼，就可以創(chuàng)建We b 頁(yè)面。通過一個(gè)簡(jiǎn)單的文本編輯器，就
可以輸入H T M L代碼和文本。H T M L文本文件可以用任何名字命名，但其擴(kuò)展名必須是. h t m l。
通常，一個(gè)We b 網(wǎng)站是由許多分布在幾個(gè)子目錄下的文件構(gòu)成的。在下面的示例中，有兩個(gè)
分別名為r e c i p e . h t m l和i n d e x . h t m l的We b 頁(yè)面，其中r e c i p e . h t m l是網(wǎng)站主目錄下的文件，而
i n d e x . h t m l是位于網(wǎng)站主目錄下的d e s s e r t s子目錄中的網(wǎng)頁(yè)文件。在r e c i p e . h t m l中有一個(gè)入口，
可以調(diào)用d e s s e r t s / i n d e x . h t m l文件。通常每個(gè)子目錄都有它自己的i n d e x . h t m l文件，用來(lái)列出所
有到自己目錄及其子目錄下的網(wǎng)頁(yè)的鏈接。

R e c i p e . h t m l使用了幾個(gè)H R E F鏈接標(biāo)記符，用來(lái)訪問本地文件和其他站點(diǎn)上的We b 頁(yè)面，

甚至還可以是用來(lái)發(fā)送郵件的U R L 。下面示例中給出的鏈接，顯示電子郵件地址
“c h r i s @ m y g a m e s . c o m”，并且當(dāng)用戶點(diǎn)擊它時(shí)，將啟動(dòng)該系統(tǒng)的郵件編輯器，提示用戶輸入
和發(fā)送信息。H R E F自動(dòng)指定要信件發(fā)送的電子郵件地址。文字段可以是任何文本，不一定要