|
一個(gè)教學(xué)工具
要看到你的瀏覽器當(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 頁的模板，或者把它修改之后用做其他用途.
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)題是作為你的瀏覽器窗口的一部分來顯示的 (見下文).
TITLE
標(biāo)題 title 元素含有你的文檔標(biāo)題并且作為一種全局上下文識(shí)別其內(nèi)容. 標(biāo)題通常顯示在瀏覽器窗口的某個(gè)位置 (通常在頂端), 而不是在文本區(qū). 標(biāo)題同時(shí)也用于熱點(diǎn)列表 hotlist 或書簽列表 bookmark list 中的顯示, 因此標(biāo)題的選擇因當(dāng)是描述性的, 獨(dú)特的, 和相對(duì)簡潔的. 標(biāo)題在 WAIS 服務(wù)中還用于搜索服務(wù)器.
例如, 你可能在一章的內(nèi)容中包含一個(gè)短小的書本的標(biāo)題: NCSA Mosaic 指南 (Windows): 安裝. 這個(gè)標(biāo)題說明了軟件的名稱, 使用平臺(tái), 和本章內(nèi)容, 它比簡單地把該文檔稱為 安裝. 要好得多。一般你的標(biāo)題應(yīng)該不超過 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)題字體元素的語法為:
<Hy>標(biāo)題字體文本 </Hy>
其中 y 是從 1 到 6 的數(shù)字，指明標(biāo)題字體的等級(jí).
在你的文檔中不要跳躍使用標(biāo)題字體等級(jí). 例如, 不要用一級(jí)標(biāo)題 (<H1>) 開始，然后跟隨一個(gè)三級(jí)標(biāo)題 (<H3>) .
段落Paragraphs
不同于多數(shù)字處理器中的文檔, HTML 文件中的換行是不重要的. 你不用擔(dān)心你的文本中行的長度 ( 當(dāng)然最好不要超過 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í)才開始新段落 <P>
要點(diǎn): 你必須用 <P> 元素指明段落. 瀏覽器忽略源文件中的任何縮進(jìn)或空行. 如果沒有 <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ú)占一行, 在開始一個(gè)新的部分之前加一到兩行空行，段落之間也用空行隔開( 除了用<P> 標(biāo)記以外). 這些額外的空白在你編輯文件時(shí)將會(huì)有用 ( 但是你的瀏覽器將忽略這些空白因?yàn)樗凶约旱年P(guān)于空白的規(guī)則，不依賴于你源文件中的空白).
注意: 結(jié)束標(biāo)記 </P> 可以省略. 這是因?yàn)楫?dāng)瀏覽器遇到一個(gè) <P> 標(biāo)記時(shí), 它認(rèn)為前一個(gè)段落到此結(jié)束.
使用 <P> 和 </P> 作為段落標(biāo)記使得你可以通過在源文件中使用 ALIGN=alignment 屬性使一個(gè)段落居中排列.
<P ALIGN=CENTER>
這是一個(gè)居中的段落. [見下面的輸出形式]
</P>
這是一個(gè)居中的段落.
出處：
責(zé)任編輯：冬兒
上一頁 HTML 初學(xué)者指南(一) 下一頁 HTML 初學(xué)者指南(三)
◎進(jìn)入論壇網(wǎng)頁制作、網(wǎng)站綜合版塊參加討論
|
第 1 頁 
第 2 頁 HTML 初學(xué)者指南(二)
