|
網(wǎng)站建設(shè)是指使用標(biāo)識(shí)語(yǔ)言（markup language)，通過(guò)一系列設(shè)計(jì)、建模、和執(zhí)行的過(guò)程將電子格式的信息通過(guò)互聯(lián)網(wǎng)傳輸，最終以圖形用戶界面（GUI）的形式被用戶所瀏覽。簡(jiǎn)單來(lái)說(shuō)，網(wǎng)頁(yè)設(shè)計(jì)的目的就是產(chǎn)生網(wǎng)站。簡(jiǎn)單的信息如文字，圖片（GIF，JPEG，PNG）和表格，都可以通過(guò)使超文件標(biāo)示語(yǔ)言、可擴(kuò)展超文本標(biāo)記語(yǔ)言等標(biāo)示語(yǔ)言放置到網(wǎng)站頁(yè)面上。
邏輯風(fēng)格Logical Styles
<DFN>
用于被定義的單詞. 一般用斜體顯示. (NCSA Mosaic is a World Wide Web browser.)
<EM>
用于強(qiáng)調(diào). 通常用斜體顯示. (Consultants cannot reset your password unless you call the help line.)
<CITE>
用于書(shū)籍的標(biāo)題, 等. 通常斜體顯示. (A Beginner's Guide to HTML)
<CODE>
用于計(jì)算機(jī)編碼. 用固定寬度字體顯示. (The <stdio.h> header file)
<KBD>
用于用戶鍵盤輸入. 通常用無(wú)格式固定寬度字體顯示. (Enter passwd to change your password.)
<SAMP>
用于字母序列. 用固定寬度字體顯示. (Segmentation fault: Core dumped.)
<STRONG>
用于著重強(qiáng)調(diào). 通常用粗體顯示. (NOTE: Always check your links.)
<VAR>
用于變量, 你將用確定的信息代替這個(gè)變量. 通常用斜體顯示. (rm filename deletes the file.)
物理風(fēng)格標(biāo)記
<B>
粗體文本
<I>
斜體文本
<TT>
打字機(jī)文本typewriter text, 如固定寬度文本.
轉(zhuǎn)義序列Escape Sequences (a.k.a. Character Entities)
字符有兩種功能: 轉(zhuǎn)義特殊字符
顯示普通 ASCII 字符集中不包含的字符 ( 帶有可區(qū)別標(biāo)記的基本字符)
有三個(gè) ASCII 字符--左尖括號(hào)(<), 右尖括號(hào) (>), 和ampersand (&)--在 HTML 中有特殊含義，因此不能按照原樣用在文本中. (尖括號(hào)用于指示 HTML 標(biāo)記的開(kāi)始和結(jié)束, ampersand 用于指示一個(gè)轉(zhuǎn)義序列的開(kāi)始.) 雙引號(hào)可以原樣使用，但是也可以使用字符實(shí)體("). 如果在 HTML 文檔中使用上述三個(gè)字符, you must enter its escape sequence instead: <
< 的轉(zhuǎn)義序列;
>
> 的轉(zhuǎn)義序列;
&
& 的轉(zhuǎn)義序列;
其它的轉(zhuǎn)義序列支持重讀字符, 如: ö
帶元音變音的小寫字母 o : *
ñ
小寫字母n 帶 tilde: *
È
大寫字母 E 帶低重音（ grave accent）: *
你可以用其它字母替代上面的 o, n, 和 E. 參考特殊字符清單. 注意: 轉(zhuǎn)義序列是區(qū)分大小寫的，這一點(diǎn)不同于 HTML 的其它部分。例如，你不能用 < 代替 <. 鏈接 Linking
HTML 的主要長(zhǎng)處在于它能夠鏈接文本和/或圖象到另一個(gè)文檔或者文檔的一部分中. 瀏覽器用顏色和/或下劃線突出指定的文本或圖象，以說(shuō)明它是一個(gè)超文本鏈接hypertext link (通常簡(jiǎn)寫為 hyperlink 或 link). HTML 的單個(gè)與超文本鏈接有關(guān)的標(biāo)記為 <A>, 表示 anchor. 在文檔中包含 anchor: 用 <A 開(kāi)始一個(gè) anchor ( A 后面要留一個(gè)空白)
指明你要連接的文檔：HREF="filename" ，后面?zhèn)�跟一個(gè)右尖括號(hào) (>)
輸入在當(dāng)前文檔中作為超鏈文本的部分
輸入 anchor 結(jié)束標(biāo)記: </A> ( anchor 結(jié)束標(biāo)記之前不需空白 )
以下是一個(gè)含有超文本鏈接到 US.html: 的例子 <A HREF="MaineStats.html">Maine</A> 上面的例子中，單詞 Maine 被作為指向文檔 MaineStats.html的超鏈，它和第一個(gè)文檔在同一個(gè)目錄下. 相對(duì)路徑名和絕對(duì)路徑名
你可以通過(guò)和當(dāng)前文檔的相對(duì)路徑relative path指明鏈接到其它目錄的文檔. 例如, 到 AtlanticStatesa 子目錄的文件 NYStats.html 的鏈接為: <A HREF="AtlanticStates/NYStats.html">New York</A> 它們之所以被稱為 相對(duì)路徑鏈接 是因?yàn)槟阒付ǖ竭B接文件的路徑是相對(duì)于當(dāng)前文件的位置而言的. 你也可以使用文件的絕對(duì)路徑 (完整的 URL), 但是相對(duì)路徑在訪問(wèn)一個(gè)服務(wù)器時(shí)效率更高. 路徑名使用標(biāo)準(zhǔn) UNIX 格式. 在 UNIX 格式中，父目錄(包含當(dāng)前目錄的目錄) 表示為 "..". (更詳盡的信息請(qǐng)參考 UNIX 入門參考手冊(cè)如 Learning the UNIX Operating System from O'Reilly and Associates, Inc.) 假設(shè)你在 NYStats.html 文件中，想要參考原始文檔 US.html, 你的鏈接如下: <A HREF="../US.html">United States</A> 一般地, 你應(yīng)該使用相對(duì)鏈接，因?yàn)? 移動(dòng)一組文件到另一個(gè)位置會(huì)比較容易(因?yàn)橄鄬?duì)路徑名依然有效)
和服務(wù)器的連接更有效率
需要鍵入的信息更少
但是，如果指向的文檔和當(dāng)前文檔沒(méi)有直接聯(lián)系，就需要絕對(duì)路徑名. 例如, 考慮構(gòu)成一個(gè)用戶手冊(cè)的一組文檔. 這組文檔內(nèi)部的鏈接應(yīng)該采用相對(duì)鏈接. 而到其它文檔的鏈接 ( 可能指向一個(gè)相關(guān)的軟件) 應(yīng)該用絕對(duì)鏈接. 這樣，當(dāng)你把用戶手冊(cè)移到一個(gè)新目錄下時(shí)，所有的鏈接都不必改變. URLs
World Wide Web 使用標(biāo)準(zhǔn)資源定位 Uniform Resource Locators (URLs) 指明其它服務(wù)器中的文件. 一個(gè) URL 包括訪問(wèn)資源的類型(例如, Web, gopher, WAIS), 服務(wù)器的地址, 和文件的位置. 語(yǔ)法格式為: scheme://host.domain [:port]/path/ filename 其中 scheme 是以下的一個(gè) file
本地系統(tǒng)的一個(gè)文件
ftp
匿名FTP 服務(wù)器中的文件
http
World Wide Web 服務(wù)器中的文件
gopher
Gopher 服務(wù)器中的文件
WAIS
WAIS 服務(wù)器中的文件
news
Usenet 的一個(gè)新聞組newsgroup
telnet
到一個(gè)基于Telnet 的服務(wù)的連接
端口port 號(hào)通常可以省略. (除非對(duì)方告訴你使用它，否則忽略它) 例如，在你的文檔中鏈接本指南: <A >
NCSA's Beginner's Guide to HTML</A> 它將文本 NCSA's Beginner's Guide to HTML 標(biāo)記為一個(gè)超鏈，連到當(dāng)前文檔中 . 到指定部分的鏈接
錨鏈也可以用于引導(dǎo)讀者到一篇文檔（可以是當(dāng)前文檔或其他文檔）中的 特定區(qū)域，而不一定到缺省的頂端位置. 這種類型的錨鏈通常稱為一個(gè) 命名錨鏈named anchor ，因?yàn)閯?chuàng)建鏈接時(shí), 你需要在文檔中插入 HTML 名字. 本指南是在同一篇文檔中使用命名錨鏈的很好的例子. 它作成一篇文檔以便于打印. 但是當(dāng)你只是想了解關(guān)于HTML 的一部分信息時(shí)，在這樣一篇（長(zhǎng)）文檔中瀏覽是比較費(fèi)時(shí)的. 內(nèi)部的超鏈用于在文檔開(kāi)始創(chuàng)建一個(gè)"內(nèi)容索引table of contents". 這些超鏈?zhǔn)鼓憧梢詮奈臋n中的一個(gè)位置移到另一個(gè)位置。(到本文的頂端點(diǎn)擊內(nèi)容索引中 到指定部分的鏈接. 你就會(huì)返回這里.) 你還可以鏈接到另一篇文檔中的指定部分. 首先提這一點(diǎn)是因?yàn)檫@會(huì)有助于幫助你理解一篇文檔內(nèi)部的鏈接. 不同文檔中指定部分之間的鏈接
假設(shè)你想從文檔A (documentA.html)中建立一條到另一篇文檔(MaineStats.html)中的一個(gè)指定部分的鏈接. 輸入HTML編碼指向一個(gè)命名鏈接: documentA.html: In addition to the many state parks, Maine is also home to
<a href="MaineStats.html#ANP">Acadia National Park</a>. 井號(hào)（＃）后面的字符串可以看作文件MaineStats.html 中的一個(gè)標(biāo)簽. 這個(gè)標(biāo)簽說(shuō)明了當(dāng)該鏈接被激活時(shí)瀏覽器從什么地方開(kāi)始顯示. 在上例中，顯示的第一行將是 Acadia NationalPark heading. 第二步, 在MaineStats.html中創(chuàng)建 命名錨鏈 (本例中為 "ANP") <H2><A NAME="ANP">Acadia National Park</a></H2> 這些元素都作好以后，你就可以讓讀者直接找到MaineStats.html中Acadia 的參考信息了. 注意: 要想鏈接到另一篇文檔中的指定位置，你需要對(duì)那篇文檔具有寫權(quán)限，或者那篇文檔中已經(jīng)含有文檔內(nèi)部的命名錨鏈.例如，你可以在你所寫的文檔中包含指向本指南的錨鏈，因?yàn)楸疚闹幸呀?jīng)含有命名錨鏈 (使用瀏覽器中的 ViewSource 看一看編碼). 但是如果本文檔 沒(méi)有命名錨鏈, 你就不能制作到特定位置的鏈接，因?yàn)槟悴荒芫庉婲CSA服務(wù)器中的原始文件. 指向當(dāng)前文檔內(nèi)指定部分的鏈接
語(yǔ)法和前文相同，只是文件名 省略. 例如, 要從 MaineStats中鏈接到ANP : ...More information about <A HREF="#ANP">Acadia National Park</a>
is available elsewhere in this document. 注意確保你的文檔中在鏈接指向的部分包含 <A NAME=> 標(biāo)記(<H2><A NAME="ANP">Acadia National Park</a></H2>). 當(dāng)你認(rèn)為讀者可能需要打印全部文檔，或者在一個(gè)文件中有很多短信息需要在線說(shuō)明的情況下非常有用. 郵件發(fā)送Mailto
在超鏈中包含mailto屬性，可以方便讀者給某個(gè)人或別名發(fā)送電子郵件. 格式為: <A HREF="mailto:emailinfo@host">Name</a> 例如, 輸入: <A HREF="mailto:pubs@ncsa.uiuc.edu">NCSA Publications Group</a> 可以創(chuàng)建一個(gè)已經(jīng)配置好的發(fā)往 BUPT Publications Group的郵件窗口. (你當(dāng)然應(yīng)該換用另一個(gè)地址!) 嵌入行中的圖象
多數(shù) Web 瀏覽器可以顯示嵌入行中的X 位圖(XBM), GIF, 或 JPEG 格式的圖象(即和文本想鄰的圖象) . 其他格式的圖象正在合并到Web 瀏覽器中[如, Portable Network Graphic (PNG) 格式]. 每個(gè)圖象都花費(fèi)處理時(shí)間并降低文檔顯示的速度. 仔細(xì)選擇你的文檔中的圖象和圖象的個(gè)數(shù). 包含一個(gè)嵌入行中的圖象, 輸入: <IMG SRC=圖象名>
ALT="FORWARD" HEIGHT=32 WIDTH=32> 其中 圖象名 是圖象文件的URL . <IMG SRC> URLs 的語(yǔ)法格式和錨鏈HREF使用的格式相同. 如果圖象文件是GIF 文件, 則圖象名中的文件名部分必須以.gif結(jié)束. X 位圖格式的文件必須以.xbm結(jié)尾; JPEG 圖象文件必須以.jpg或 .jpeg結(jié)束; Portable Network Graphic 文件必須以.png結(jié)束. 圖象大小屬性
在<IMG> 標(biāo)記中你應(yīng)該包含其它兩個(gè)屬性，用于通知瀏覽器正在和文本一起下載的圖象的大小. HEIGHT 和 WIDTH 屬性使瀏覽器在下載文件其它部分的時(shí)候?yàn)閳D象留出適當(dāng)?shù)目臻g（象素）. (從你的圖象處理軟件如Adobe Photoshop中可以得到象素大小.) 例如, 要在文件中包含一幅自己的肖像, 輸入: <IMG SRC=http://www.okasp.com/techinfo/SelfPortrait.gif HEIGHT=100 WIDTH=65>
ALT="FORWARD" HEIGHT=32 WIDTH=32> 注意: 當(dāng)圖象大小與屬性描述大小不一致時(shí)，有些瀏覽器使用 HEIGHT 和 WIDTH屬性來(lái)擴(kuò)大或縮小一幅圖象以使它適用于分配的空間. 并非所有的瀏覽器開(kāi)發(fā)者都贊同放大／縮小圖象. 因此，在安排時(shí)不要假設(shè)你的讀者都可以使用這種特性. 最好查看一下圖象大小，使用正確的尺寸. 圖象定位
對(duì)于圖象的顯示你具有一定的靈活性. 你可以讓圖象和文本分開(kāi)，把圖象放在左邊，右邊，或者中間. 或者你可以讓圖象和文本在同一行。你可以嘗試多種形式，看一看哪種最好 使圖象和文本在同一行
缺省情況下圖象的底部和隨后的文本在同一行顯示，就象現(xiàn)在的這段. 你也可以通過(guò)把ALIGN= 屬性的值設(shè)為 TOP 或 CENTER，把圖象放到一段的頂端或中間。 這段文本與圖象的頂端在同一行(<IMG SRC = "BarHotlist.gif" ALIGN=TOP>). 注意只有一行文本如此，其他行跳到圖象的底部顯示. 這一行文本顯示在圖象中間(<IMG SRC = "BarHotlist.gif" ALIGN=CENTER>). 同樣，只有一行顯示在中間，其他行在圖象的下面. 不帶文本的圖象
如果要顯示一幅不帶文本的圖象(例如，你的組織的徽標(biāo)), 只要把它作為單獨(dú)的一段即可. 使用段落標(biāo)記的 ALIGN=屬性把圖象調(diào)整到窗口的中間或右邊，如下所示: <p ALIGN=CENTER>
<IMG SRC = "BarHotlist.gif">
</p> 結(jié)果為: 圖象顯示在中間; 本段從它下面靠左開(kāi)始. 圖象的替換文本
一些 World Wide Web 瀏覽器--主要是那些在 VT100 終端上運(yùn)行的瀏覽器--不能顯示圖象. 有些用戶會(huì)關(guān)掉圖象下載功能，就算他們的軟件可以顯示圖象(特別是如果他們是 modem 或低速線路的用戶). HTML 提供一種機(jī)制使得讀者知道他們看到的頁(yè)面上缺少了什么. ALT 屬性使你可以指定一段可以替代圖象來(lái)顯示的文本. 例如: <IMG SRC="http://www.okasp.com/techinfo/UpArrow.gif" ALT="Up">
ALT="" HEIGHT=48 WIDTH=50> 其中 http://www.okasp.com/techinfo/UpArrow.gif 是一個(gè)向上的箭頭.在具有圖象顯示功能并且圖象下載打開(kāi)的瀏覽器中，你可以看到一個(gè)上箭頭的圖形。在VT100 瀏覽器中或者圖象下載關(guān)閉的情況下, 你的窗口中將顯示 Up 這個(gè)單詞. 你應(yīng)該對(duì)出現(xiàn)在你的文檔中的每個(gè)圖象都使用一個(gè)替換文本, 這是一種對(duì)讀者的禮貌. 背景圖象
新版本的 Web 瀏覽器可以下載一幅圖象用做顯示一個(gè)主頁(yè)時(shí)的背景. 有些人喜歡使用背景，有些人不喜歡. 通常，如果你想包含一個(gè)背景, 你要確保你的文本在背景上依然可以被很清晰地閱讀. 背景圖象可以是一個(gè)物體的組織 (例如亞麻布紙張)或圖象 (可能是一個(gè)徽標(biāo)). 你可以象生成其他任何圖象一樣來(lái)生成背景圖象。 不過(guò)你只需要制作一個(gè)很小的圖象. 瀏覽器會(huì)使用一種稱之為“蓋瓦”tiling的特性重復(fù)顯示這個(gè)圖象，填滿整個(gè)瀏覽器窗口。簡(jiǎn)單地說(shuō)，你只要生成一幅圖象，瀏覽器會(huì)自動(dòng)重復(fù)多次，直到填滿你的窗口。當(dāng)你使用下面說(shuō)明的標(biāo)記時(shí)，這個(gè)動(dòng)作會(huì)自動(dòng)執(zhí)行. 包含背景圖象的標(biāo)記包含在 <BODY> 標(biāo)記描述中作為一個(gè)屬性: <BODY BACKGROUND="filename.gif"> 背景顏色
缺省情況下瀏覽器使用灰底黑字顯示文本. 但是, 你可以改變它們. 一些 HTML 作者選擇一個(gè)背景顏色，配以文本顏色的相應(yīng)改變. 對(duì)于這種改變一定要預(yù)先看一看，是否還易于閱讀. (例如, 不少人用黑底紅字，非常難以閱讀!) 使用<BODY>標(biāo)記的多種屬性，你可以改變文本，鏈接，看過(guò)的鏈接和活動(dòng)鏈接的顏色. 例如, 輸入: <BODY BGCOLOR="#000000" TEXT="#FFFFFF" LINK="#9690CC"> 將創(chuàng)建一個(gè)窗口，背景為黑色 (BGCOLOR), 文本為白色 (TEXT), 超鏈為銀色 (LINK). 六位的數(shù)字和字母的組合代表顏色，它給出某種顏色的 RGB (紅red, 綠green, 藍(lán)blue)的值. 這個(gè)六位數(shù)字實(shí)際上是三個(gè)順序排列的兩位數(shù), 代表從00到FF的紅，綠，藍(lán)比重的十六進(jìn)制值。例如, 000000 表示黑色(沒(méi)有任何顏色), FF0000 是亮紅, FFFFFF 是白色 (所有三種顏色全部飽和). 這些數(shù)字和字母的組合的含義是模糊的. 幸運(yùn)的是有一個(gè)在線資源可以幫助你了解各種組合與顏色的對(duì)應(yīng)關(guān)系: ColorPro Web server
外部圖象，聲音，和動(dòng)畫(huà)
你可能希望當(dāng)用戶激活你的文檔中一個(gè)單詞或小的圖象作成的鏈接時(shí)，把一幅圖象作為單獨(dú)的文檔打開(kāi). 這種情況稱為一個(gè)外部圖象, 當(dāng)你不想由于大的圖象而降低主文檔的下載速度時(shí)，它是很有用的. 要包含一個(gè)外部圖象的鏈接, 輸入: <A >link anchor</A> 你也可以用一個(gè)小的圖象作為到大圖象的鏈接. 輸入: <A ><IMG SRC="http://www.okasp.com/techinfo/SmallImage.gif"></A>
ALT="" HEIGHT=48 WIDTH=50> 讀者看到圖象 http://www.okasp.com/techinfo/SmallImage.gif ，點(diǎn)擊它就可以打開(kāi)文件 http://www.okasp.com/techinfo/LargerImage.gif . 使用同樣的語(yǔ)法鏈接外部動(dòng)畫(huà)和聲音. 唯一的不同在于鏈接文件的擴(kuò)展名. 例如, <A HREF="AdamsRib.mov">link anchor</A> 指明一個(gè)到QuickTime 電影的鏈接. 一些通常的文件類型和其擴(kuò)展名為: 文件類型 擴(kuò)展名
純文本plain text .txt
HTML 文檔 .html
GIF 圖象 .gif
TIFF 圖象 .tiff
X 位圖圖象 .xbm
JPEG 圖象 .jpg 或 .jpeg
PostScript 文件 .ps
AIFF 聲音文件 .aiff
AU 聲音文件 .au
WAV 聲音文件 .wav
QuickTime 電影 .mov
MPEG 電影 .mpeg 或 .mpg 記住你假設(shè)的讀者和他們使用的軟件. 例如，多數(shù)UNIX 工作站不能播放QuickTime 電影. 表格Tables
在 HTML 制定表格標(biāo)記之前, HTML 作者不得不在<PRE> 標(biāo)記中仔細(xì)安排他們的表格式的信息，計(jì)算空格的個(gè)數(shù)，預(yù)覽輸出效果。表格不僅對(duì)描述表格式信息十分有用，對(duì)于那些經(jīng)常性的 HTML 作者來(lái)說(shuō)，它可以使他們可以方便地完成大量的 Web 頁(yè). (請(qǐng)看 NCSA Relativity Group's pages ，一個(gè)很好的例子.) 根據(jù)下面的編碼解釋考慮你的表格式信息. 一個(gè)表格得有一些表頭，用于說(shuō)明每行/列包含什么內(nèi)容，行rows表示信息, 單元cells表示每個(gè)項(xiàng). 在下面的表格中, 第一列包含表頭信息, 每行說(shuō)明一個(gè) HTML 表格標(biāo)記, 每個(gè)單元含有一對(duì)標(biāo)記或者對(duì)標(biāo)記功能的解釋. 表格元素
元素 描述
<TABLE> ... </TABLE> 定義一個(gè)表格。 如果使用了 BORDER 屬性, 瀏覽器顯示一個(gè)帶邊界的表格.
<CAPTION> ... </CAPTION> 定義表格標(biāo)題的caption . 標(biāo)題的缺省位置在表格的頂部. 屬性 ALIGN=BOTTOM可以用于指定標(biāo)題顯示在表格底部
注:caption標(biāo)記內(nèi)可以使用任意其他標(biāo)記.
<TR> ... </TR> 說(shuō)明表格中的一行. 你可以定義整個(gè)行的缺省屬性: ALIGN (LEFT, CENTER, RIGHT) 和/或 VALIGN (TOP, MIDDLE, BOTTOM). 詳細(xì)內(nèi)容參考本表格末尾的"表格屬性"部分.
<TH> ... </TH> 定義一個(gè)表格頭單元. 缺省狀態(tài)該單元的文本為粗體居中. 該單元可以包含其他屬性,說(shuō)明單元屬性和/或單元內(nèi)容. 詳細(xì)內(nèi)容參見(jiàn)本表格底部的"表格屬性"部分.
<TD> ... </TD> 定義一個(gè)表格數(shù)據(jù)單元. 缺省情況下該單元內(nèi)的文本為水平方向靠左對(duì)齊, 垂直方向居中排放. 該單元可以包含其他屬性,說(shuō)明單元屬性和/或單元內(nèi)容. 詳細(xì)內(nèi)容參見(jiàn)本表格底部的"表格屬性"部分.
表格屬性
注: 在<TH> ... </TH> 或 <TD> ... </TD> 單元中定義的屬性將覆蓋( override ) <TR> ... </TR>中的缺省定義.
屬性 描述
ALIGN (LEFT, CENTER, RIGHT)
VALIGN (TOP, MIDDLE, BOTTOM)
COLSPAN=n
ROWSPAN=n
NOWRAP
一個(gè)單元的水平位置分配.
一個(gè)單元的垂直位置分配.
一個(gè)單元跨多少列(n).
一個(gè)單元跨多少行(n).
關(guān)閉一個(gè)單元中的自動(dòng)換行（word wrapping）.
通用表格格式
一個(gè)表格的通用格式形式為: <TABLE> <== 表格定義的開(kāi)始
<CAPTION> caption 內(nèi)容 </CAPTION> <== caption 定義 <TR> <== 第一行定義的開(kāi)始
<TH> 單元cell 內(nèi)容 </TH> <== 第一行的第一個(gè)單元 (一個(gè)頭head)
<TH> 單元內(nèi)容 </TH> <== 第一行最后一個(gè)單元(一個(gè)頭 head)
</TR> <== 第一行定義的結(jié)尾
<TR> <== 第二行定義的開(kāi)始
<TD> 單元內(nèi)容 </TD> <== 第二行第一個(gè)單元
....
<TD> 單元內(nèi)容 </TD> <== 第二行最后一個(gè)單元
</TR> <== 第二行定義的結(jié)尾
<TR> <== 最后一行定義的開(kāi)始
<TD> 單元內(nèi)容 </TD> <== 最后一行第一個(gè)單元
...
<TD> 單元內(nèi)容 </TD> <== 最后一行最后一個(gè)單元
</TR> <== 最后一行定義結(jié)尾
</TABLE> <== 表格定義結(jié)束
<TABLE> 和 </TABLE> 標(biāo)記必須把整個(gè)表格括起. 表格中的第一個(gè)項(xiàng)是 CAPTION, 它是可選部分. 然后你可以用 <TR> 和 </TR> 標(biāo)記定義任意多行. 在一行內(nèi)也可以有用<TD>...</TD> 或 <TH>...</TH> 標(biāo)記定義的任意數(shù)目的單元. 表格中的每一行在本質(zhì)上是和它的上下行獨(dú)立編排格式的. 這使得你可以很容易地顯示象上文中的只有一個(gè)單元的表格, 例如表格屬性, 跨越表格中的多個(gè)列. 非表格式信息使用的表格
有些 HTML 作者使用表格描述非表格化信息. 例如, 因?yàn)殒溄涌梢园诒砀駟卧? 一些作者使用沒(méi)有邊界的表格組合一些分離的圖象創(chuàng)建“一個(gè)”圖象. 可以顯示表格的瀏覽器可以無(wú)縫隙地顯示這些實(shí)際分離的圖象, 使得合成的圖象類似于一個(gè) 圖象映象image map (一個(gè)帶有矩形超鏈區(qū)域的圖象). 使用帶有圖象邊界的表格也可以得到很好的顯示效果. 不妨試一試，看看自己喜歡哪種風(fēng)格. 填充 Form (Fill-out Forms)
Web form 使讀者可以向 Web 服務(wù)器返回信息以產(chǎn)生某種動(dòng)作. 例如, 假設(shè)你想收集名字和電子郵件地址以便向提出要求的讀者發(fā)送電子郵件. 對(duì)每個(gè)輸入他/她的姓名和地址的人, 你需要得到要發(fā)送的信息和加到數(shù)據(jù)庫(kù)中的響應(yīng)者的項(xiàng)目. 這種輸入數(shù)據(jù)的處理工作通常是由script(描述式語(yǔ)言：譯者注)描述函數(shù)或者用 Perl 或其他處理文本，文件和信息的語(yǔ)言編寫的程序來(lái)完成的. 如果你寫不出能夠處理輸入數(shù)據(jù)的程序或script函數(shù), 你就得找其他人替你完成. Form 本身倒是比較簡(jiǎn)單. 它們也使用 HTML 標(biāo)記來(lái)生成. 可能不同的地方在于接受并處理遞交數(shù)據(jù)的程序或script描述函數(shù). 由于需要說(shuō)明專門的處理輸入信息的script描述函數(shù), 在本指南中不討論 填充forms. 疑難解答
避免標(biāo)記重疊
請(qǐng)看這個(gè) HTML 例子: <B>This is an example of <DFN>overlapping</B> HTML tags.</DFN> overlapping 這個(gè)單詞被同時(shí)包含在 <B> 和 <DFN> 兩個(gè)標(biāo)記中. 瀏覽器在這種情況下會(huì)無(wú)所適從，因而你可能得不到預(yù)期的效果. 通常情況下應(yīng)該避免標(biāo)記重疊. 檢查你的標(biāo)記，讓它們成對(duì)出現(xiàn). 成對(duì)使用的標(biāo)記(顯然，結(jié)束標(biāo)記可以省略的元素除外, 如段落標(biāo)記) 中間不應(yīng)該被打斷. 再看看上面的例子. 在中間的標(biāo)記(DFN)尚未結(jié)束前，你不能使粗體標(biāo)記<B>結(jié)束. 在你把文件放入服務(wù)器中之前，應(yīng)該先檢查以下是否含有類似上述情況的錯(cuò)誤. 只嵌入錨鏈和字符標(biāo)記mbed Only Anchors and Character Tags
HTML 協(xié)議允許你在其他 HTML 標(biāo)記中嵌入超鏈: <H1><A HREF="Destination.html">My heading</A></H1> 不要 在一個(gè)錨鏈中嵌入 HTML 標(biāo)記: <A HREF="Destination.html">
<H1>My heading</H1>
</A> 盡管當(dāng)前的多數(shù)瀏覽器能夠處理第二個(gè)例子, HTML 的正式說(shuō)明是不支持這種結(jié)構(gòu)的，你的文件也許在將來(lái)的瀏覽器中將發(fā)生問(wèn)題. 記住，一個(gè)瀏覽器顯示不正確編碼的文件是可以被原諒的. 但是這種寬容可能不會(huì)延續(xù)到該軟件的下一個(gè)版本！當(dāng)發(fā)生疑問(wèn)時(shí), 就根據(jù) HTML 說(shuō)明的規(guī)定來(lái)書(shū)寫 (參見(jiàn)下面的 其它信息 ). 字符標(biāo)記可以用在其它元素中改變文本顯示模式: <UL>
<LI><B>A bold list item</B>
<LI><I>An italic list item</I>
</UL> 避免嵌入其它類型的 HTML 元素標(biāo)記. 例如, 你可能想在一個(gè)列表中嵌入標(biāo)題字體以增大一些字符的顯示: <UL>
<LI><H1>A large heading</H1>
<LI><H2>Something slightly smaller</H2>
</UL> 盡管有些瀏覽器可以很好地顯示這種編碼, 這種格式將來(lái)是否有效是很難說(shuō)的，因?yàn)樗俏炊x的 . 為了保證對(duì)所有瀏覽器兼容, 你應(yīng)該避免使用這種結(jié)構(gòu). (Netscape 支持一種 <FONT> 標(biāo)記, 用于指定某個(gè)字符在瀏覽器中顯示的大小, 也不是當(dāng)前官方 HTML 說(shuō)明中的定義.) 在 <LI> 標(biāo)記中插入 <B> 標(biāo)記與在 <LI> 標(biāo)記中插入 <H1> 標(biāo)記有什么不同呢? 在訦TML 語(yǔ)義說(shuō)明中 <H1> 的含義是一個(gè)文檔中主標(biāo)題字體的開(kāi)始，它后面應(yīng)該跟當(dāng)前文檔的內(nèi)容. 因此在一個(gè)列表中出現(xiàn) <H1> 時(shí)是沒(méi)有含義的. 字符格式標(biāo)記通常也不可以附加. 例如, 你可能想這樣寫: <B><I>some text</I></B> 期望得到一種加粗的斜體文本. 有些瀏覽器確實(shí)可以; 另外一些瀏覽器則只解釋最內(nèi)層的標(biāo)記. 最后的步驟
使你的編碼有效
當(dāng)你把一篇文檔放入一個(gè) Web 服務(wù)器時(shí), 要確保格式和每個(gè)鏈接正確(包括命名錨鏈在內(nèi)). 理想的情況是在你認(rèn)為一篇文檔完成了的時(shí)候讓其他人瀏覽一遍并且給出評(píng)論. 你可以通過(guò) HTML 有效性服務(wù)來(lái)驗(yàn)證你的文件是否符合目前普遍接受的 HTML 的標(biāo)準(zhǔn). 如果你不知道你的文檔是否符合 HTML 說(shuō)明, 這個(gè)服務(wù)是一個(gè)有用的教學(xué)工具. 這個(gè)服務(wù)允許你選擇一個(gè)校驗(yàn)的級(jí)別(如, 嚴(yán)格校驗(yàn)strict, 二級(jí)校驗(yàn)level 2, 三級(jí)校驗(yàn)level 3).如果你想使用一些非標(biāo)準(zhǔn)的格式，這種自由是很有用的. 替代圖像
當(dāng)<IMG SRC> 標(biāo)記指向的圖像不存在時(shí), 你的瀏覽器會(huì)使用一個(gè)替代圖像. 在你最后檢查你的文件時(shí)如果出現(xiàn)了這種情況, 應(yīng)該確保所指向的圖像文件確實(shí)存在, 超鏈?zhǔn)褂玫?URL 信息正確, 以及文件屬性被正確設(shè)置(對(duì)所有人可讀). 然后再檢查一遍! 更新你的文件
如果一個(gè)文件的內(nèi)容是靜態(tài)的 (例如George Washington的個(gè)人傳記), 可能不會(huì)需要更新. 但是對(duì)于和時(shí)間關(guān)系密切的內(nèi)容，或者包含的領(lǐng)域是經(jīng)常變化的, 記住不斷更新你的文件! 當(dāng)文件含有諸如每周計(jì)劃或事件的最后期限這一類信息時(shí)，更新是非常重要的. 刪除過(guò)時(shí)的文件或注明為什么有些過(guò)期的信息依然在服務(wù)器中 (例如, 某個(gè)事件在下一輪中的要求和當(dāng)前內(nèi)容是相同的，所以該文件過(guò)一段時(shí)間后仍有參考價(jià)值). 瀏覽器的區(qū)別
不同的 Web 瀏覽器顯示的 HTML 元素不盡相同. 記住不是所有的瀏覽器都能夠解釋 HTML 文件中所有的標(biāo)記元素. 不過(guò)，瀏覽器對(duì)于不能識(shí)別的標(biāo)記通常只是忽略而已. 你可能花費(fèi)了很多時(shí)間是你的文件在你當(dāng)前使用的瀏覽器上“看上去非常漂亮”. 如果你用另一個(gè)瀏覽器察看你的文件, 它很可能看起來(lái)不太一樣，甚至很不相同. 因此請(qǐng)記住這個(gè)建議：使用正確的 HTML 來(lái)書(shū)寫你的文件. 把解釋工作留給瀏覽器，爭(zhēng)取得到最好的效果. 注釋你的文件
在你的HTML文件中你可能需要留一些注釋. HTML 中的注釋類似于計(jì)算機(jī)程序中的注釋--你輸入的文本不是用于給瀏覽器顯示的，讀者也無(wú)法直接看到它們，就象計(jì)算機(jī)程序中的注釋是不被程序本身使用的，程序使用者也看不到這些注釋. 不過(guò)，如果讀者看原始文件的話，將可以看到注釋. 一般的注釋包括更新文件的作者姓名, 生成一個(gè)文件所使用的軟件和其版本, 或者一些較小的改動(dòng)信息等. 加入一段注釋的格式為: <!-- 注釋內(nèi)容 --> 你必須包含嘆號(hào)和連字符. 其他信息
本指南只是一個(gè)關(guān)于 HTML 的簡(jiǎn)介, 而不是一個(gè)詳盡的參考. 下面是一些其他的參考信息. 別忘了先到附近的書(shū)店查一查 Web 和 HTML 的書(shū)籍.
大多數(shù)人在上網(wǎng)的時(shí)候，都會(huì)瀏覽網(wǎng)頁(yè)提供給我們的信息。
|
