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