要看到你的瀏覽器當前窗口所顯示信息的原始文件, 可以選擇瀏覽器菜單中的 View Source (或者等價操作) 選項. 文件的內(nèi)容和所有的 HTML 標記將顯示在一個新窗口中. 這是學習使用 HTML 和掌握技巧和構造的一個非常好的方式. 當然, 你看的 HTML 不一定在技術上是正確的. 當你熟悉了 HTML 并且看了很多這方面的參考資料,你將能夠區(qū)分 "好的" 和 "不好的" HTML. 記住你可以保存 HTML 編碼的源文件,用做你的 Web 頁的模板,或者把它修改之后用做其他用途. HTML 標記 HTML 該元素指明你的文件包含 HTML-編碼 信息. 文件擴展名 .html 也指明該文件是一個 HTML 文檔而且 必須使用. (如果你的系統(tǒng)受 8.3 制文件名的限制 (如., LeeHome.htm), 可以用 .htm 做擴展名.) HEAD 頭元素 head 是你的 HTML-編碼 文檔中包含標題 title 的第一部分. 標題是作為你的瀏覽器窗口的一部分來顯示的 (見下文). TITLE 標題 title 元素含有你的文檔標題并且作為一種全局上下文識別其內(nèi)容. 標題通常顯示在瀏覽器窗口的某個位置 (通常在頂端), 而不是在文本區(qū). 標題同時也用于熱點列表 hotlist 或書簽列表 bookmark list 中的顯示, 因此標題的選擇因當是描述性的, 獨特的, 和相對簡潔的. 標題在 WAIS 服務中還用于搜索服務器. 例如, 你可能在一章的內(nèi)容中包含一個短小的書本的標題: NCSA Mosaic 指南 (Windows): 安裝. 這個標題說明了軟件的名稱, 使用平臺, 和本章內(nèi)容, 它比簡單地把該文檔稱為 安裝. 要好得多。一般你的標題應該不超過 64 個字符. BODY HTML 文檔的第二部分,也是最大的部分是正文 body, 它含有你的文檔的內(nèi)容 (顯示在你的瀏覽器窗口文本區(qū)的部分). 下面介紹的標記用在 HTML 文檔的正文 body 內(nèi). 標題字體Headings HTML 有六級標題字體, 從 1 到 6 編號, 1 號最小. 標題字體的顯示比普通文本字體大或者粗. 每個文檔中的第一個標題字體應該標記為 <H1>. 標題字體元素的語法為: <Hy>標題字體文本 </Hy> 其中 y 是從 1 到 6 的數(shù)字,指明標題字體的等級. 在你的文檔中不要跳躍使用標題字體等級. 例如, 不要用一級標題 (<H1>) 開始,然后跟隨一個三級標題 (<H3>) . 段落Paragraphs 不同于多數(shù)字處理器中的文檔, HTML 文件中的換行是不重要的. 你不用擔心你的文本中行的長度 ( 當然最好不要超過 72 個字符). 在你的源文件中任何地方可以使用換行, 多個空白在你的瀏覽器中被重疊成為一個空白. 在“最小的 HTML 文檔”中給出的例子中第一段的編碼為 <P>Welcome to the world of HTML. This is the first paragraph. While short it is still a paragraph!</P> 源文件中各行之間有換行. Web 瀏覽器忽略這些換行,只有遇到另一個 <p> 標記時才開始新段落 <P> 要點: 你必須用 <P> 元素指明段落. 瀏覽器忽略源文件中的任何縮進或空行. 如果沒有 <P> 元素, 文檔將被看作一個大段落處理. (一個例外的情況是把文本標記為 "preformatted," 下文中將做介紹.) 例如, 下面的內(nèi)容的輸出和第一個 HTML 例子完全相同: <H1>Level-one heading</H1> <P>Welcome to the world of HTML. This is the first paragraph. While short it is still a paragraph! </P> <P>And this is the second paragraph.</P> 為了保持 HTML 文件的可讀性, 標題字體應該獨占一行, 在開始一個新的部分之前加一到兩行空行,段落之間也用空行隔開( 除了用<P> 標記以外). 這些額外的空白在你編輯文件時將會有用 ( 但是你的瀏覽器將忽略這些空白因為它有自己的關于空白的規(guī)則,不依賴于你源文件中的空白). 注意: 結束標記 </P> 可以省略. 這是因為當瀏覽器遇到一個 <P> 標記時, 它認為前一個段落到此結束. 使用 <P> 和 </P> 作為段落標記使得你可以通過在源文件中使用 ALIGN=alignment 屬性使一個段落居中排列. <P ALIGN=CENTER> 這是一個居中的段落. [見下面的輸出形式] </P> |
|