■文件標記
<HTML> ; <HEAD> ; <TITLE> ; <BODY>
欲明白本篇【HTML徹底剖析】之標記分類,請看【標記一覽】。
也請先明白圍堵標記與空標記的分別,請看【HTML概念】。
■ HTML 基本架構:
以下HTML Source Code 就是一份HTML 檔案的基本架構:
<HTML> <HEAD> - <TITLE> 網頁的標題</TITLE>
</HEAD> <BODY> - 網頁的內容,許多標記都作用於此
</BODY> </HTML>
|
特點解說:
- 整個文件處於標記<HTML>與</HTML>之間。
<HTML>用來宣告這是HTML 文件,讓瀏覽器認出並正確處理此HTML 文件。 - 文件分為兩份,由<HEAD>至</HEAD>稱為開頭,<BODY>至</BODY>稱本文。
基本上兩者各有適用的標記,如<TITLE>只可出現於開部分。 - 開頭部分用以儲存重要訊息,而只有本文部分會被顯示。
所以大部分標記會應用在本文部分。 - <TITLE>所標示的是文件的標題。
會出現於瀏覽器頂部及為別人Bookmark 時的名稱,所以每頁有不同面明確的標題是需要的。
上述標記中只有<BODY>具參數設定。
■ <BODY> 的參數設定:
範例:
<BODY text ="#000000" link ="#0000FF" alink ="#FF0000" vlink ="#0000FF" background ="bg1.gif" bgcolor ="#FFFFFF" leftmargin =2 topmargin =2 bgproperties ="fixed">
- text ="#000000"
用以設定文字顏色。 #000000代表黑色,也可以採用顏色名稱,即text=" black " 。各種顏色的數值及名稱可參考【調色原理】一節。 - link ="#0000FF"
設定一般文字連結的顏色。 - alink ="#FF0000"
設定剛按下時文字連結顏色。 - vlink ="#0000FF"
設定被按過後的連結的顏色。 - background ="bg1.gif"
設定背景圖。 GIF 或JPEG 皆可,可以是絕對路徑或相對路徑。 - bgcolor ="#FFFFFF"
設定背景顏色,當已設定背景圖片時會失去作用,除非透明部分。 - leftmargin =2
設定整份檔案顯示畫面的左方邊緣空間,單位為像素。 (只適用於IE) - topmargin =2
設定整份文件顯示畫面的上方邊緣空間。 (只適用於IE) - bgproperties ="fixed"
固定背景圖片,捲軸捲動時不會跟著捲動。 (只適用於IE)
標記及參數的字母大小寫都可以。其他如onload 等事件請參考Java Script 的介紹。
|