<5> 文件標記 【HTML徹底剖析】

本帖於 2005-07-22 14:03:03 時間, 由普通用戶 子樂 編輯
回答: <3> 字體標記 【HTML徹底剖析】夢一生2005-07-21 00:40:42

文件標記

  <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>

用法:      包含了文檔的內容
開始/結束標識: 可選/可選
屬性:      %conreattrs,%i18n,%events
         background="..."被反對。知名背景圖像的URL
         bgcolor="..."被反對。設置背景顏色
         text="..."被反對。設置文本顏色
         link="..."被反對。設置鏈接的顏色
         vlink="..."被反對。設置鏈接被訪問後的顏色
         alink="..."被反對。設置激活鏈接的顏色
         onload="..."文檔裝載時的內部事件觸發器
         onunload="..."文檔卸載時的內部事件觸發器
空:       不允許
注釋:      文當中隻能有一個BODY,並且它隻能跟在HEAD後麵。BODY元素可以被FRAMESET元素替換。反對使用那些有關視覺的屬性有利於在格式表中設置那些屬性的值。

  例子:

<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 的介紹。

  ■<HTML>...<HTML/>

用法:      本元素包含了整個文檔
開始/結束標識: 可選/可選
屬性:      %i18n
         version="..."說明定義文檔類型的URL,指明用來創建當前文檔的HTML版本
空:       不允許
注釋:      其中的版本信息是從<!DOCTYPE>聲明中複製過來的,因此這部分不是必不可少的。

  ■ <HEAD>...</HEAD>

用法:      用來說明這是文檔的標題,並包含了向用戶和搜索引擎提供信息的其他元素
開始/結束標識: 可選/可選
屬性:      %i18n
         progile="..."其中的URL指明了META文件的地址
空:       不允許
注釋:      每個文當中隻能有一個標題。它必須位於打開的HTML標識後麵和BODY前麵

  ■ <TITLE>...</TITLE>

用法:      指明自己Web頁麵的名字。這個元素放在HEAD元素之中,顯示在瀏覽器窗口的標題欄中。
開始/結束標識: 必須/必須
屬性:      %i18n
空:       不允許
注釋:      每個文檔隻允許有一個標題

網頁教學網--專業的網頁教學站點

所有跟帖: 

眾裏尋她千百度 -路過歐洲- 給 路過歐洲 發送悄悄話 (0 bytes) () 07/22/2005 postreply 13:12:27

得來全不費工夫。嗬嗬。。 -夢一生- 給 夢一生 發送悄悄話 (0 bytes) () 07/22/2005 postreply 17:43:59

請您先登陸,再發跟帖!