HTML初學者指南(二)(轉)

post0發表於2007-08-15
HTML初學者指南(二)(轉)[@more@]

 

一個教學工具

  要看到你的瀏覽器當前視窗所顯示資訊的原始檔案, 可以選擇瀏覽器選單中的 View Source (或者等價操作) 選項. 檔案的內容和所有的 HTML 標記將顯示在一個新視窗中.

  這是學習使用 HTML 和掌握技巧和構造的一個非常好的方式. 當然, 你看的 HTML 不一定在技術上是正確的. 當你熟悉了 HTML 並且看了很多這方面的參考資料,你將能夠區分 "好的" 和 "不好的" HTML.

  記住你可以儲存 HTML 編碼的原始檔,用做你的 Web 頁的模板,或者把它修改之後用做其他用途.

HTML 標記

HTML

  該元素指明你的檔案包含 HTML-編碼 資訊. 副檔名 .html 也指明該檔案是一個 HTML 文件而且 必須使用. (如果你的系統受 8.3 制檔名的限制 (如., LeeHome.htm), 可以用 .htm 做副檔名.)

HEAD

  頭元素 head 是你的 HTML-編碼 文件中包含標題 title 的第一部分. 標題是作為你的瀏覽器視窗的一部分來顯示的 (見下文).

TITLE

  標題 title 元素含有你的文件標題並且作為一種全域性上下文識別其內容. 標題通常顯示在瀏覽器視窗的某個位置 (通常在頂端), 而不是在文字區. 標題同時也用於熱點列表 hotlist 或書籤列表 bookmark list 中的顯示, 因此標題的選擇因當是描述性的, 獨特的, 和相對簡潔的. 標題在 WAIS 服務中還用於搜尋伺服器.

  例如, 你可能在一章的內容中包含一個短小的書本的標題: NCSA Mosaic 指南 (Windows): 安裝. 這個標題說明了軟體的名稱, 使用平臺, 和本章內容, 它比簡單地把該文件稱為 安裝. 要好得多。一般你的標題應該不超過 64 個字元.

BODY

  HTML 文件的第二部分,也是最大的部分是正文 body, 它含有你的文件的內容 (顯示在你的瀏覽器視窗文字區的部分). 下面介紹的標記用在 HTML 文件的正文 body 內.

標題字型Headings

  HTML 有六級標題字型, 從 1 到 6 編號, 1 號最小. 標題字型的顯示比普通文字字型大或者粗. 每個文件中的第一個標題字型應該標記為

.

標題字型元素的語法為:

標題字型文字

其中 y 是從 1 到 6 的數字,指明標題字型的等級.

  在你的文件中不要跳躍使用標題字型等級. 例如, 不要用一級標題 (

) 開始,然後跟隨一個三級標題 (

) .

段落Paragraphs

  不同於多數字處理器中的文件, HTML 檔案中的換行是不重要的. 你不用擔心你的文字中行的長度 ( 當然最好不要超過 72 個字元). 在你的原始檔中任何地方可以使用換行, 多個空白在你的瀏覽器中被重疊成為一個空白.

在“最小的 HTML 文件”中給出的例子中第一段的編碼為

Welcome to the world of HTML.

This is the first paragraph.

While short it is

still a paragraph!

原始檔中各行之間有換行. Web 瀏覽器忽略這些換行,只有遇到另一個

標記時才開始新段落

要點: 你必須用

元素指明段落. 瀏覽器忽略原始檔中的任何縮排或空行. 如果沒有

元素, 文件將被看作一個大段落處理. (一個例外的情況是把文字標記為 "preformatted," 下文中將做介紹.) 例如, 下面的內容的輸出和第一個 HTML 例子完全相同:

Level-one heading

Welcome to the world of HTML. This is the

first paragraph. While short it is still a

paragraph!

And this is the second paragraph.

  為了保持 HTML 檔案的可讀性, 標題字型應該獨佔一行, 在開始一個新的部分之前加一到兩行空行,段落之間也用空行隔開( 除了用

標記以外). 這些額外的空白在你編輯檔案時將會有用 ( 但是你的瀏覽器將忽略這些空白因為它有自己的關於空白的規則,不依賴於你原始檔中的空白).

注意: 結束標記

可以省略. 這是因為當瀏覽器遇到一個

標記時, 它認為前一個段落到此結束.

使用

作為段落標記使得你可以透過在原始檔中使用 ALIGN=alignment 屬性使一個段落居中排列.

這是一個居中的段落. [見下面的輸出形式]

這是一個居中的段落.

來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/8225414/viewspace-957415/,如需轉載,請註明出處,否則將追究法律責任。

相關文章