HTML語言剖析(3)

- 中國WEB開發者網絡 (http://www.webasp.net)
-- 技術教程 (http://www.webasp.net/article/)
--- HTML語言剖析(3) (http://www.webasp.net/article/19/18039.htm)
-- 作者：未知
-- 發佈日期： 2005-04-28
 

文件標記

<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 剖析】介紹。

webasp.net