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