拓米數位HTML教學文件

文件標題：[A0004]：超連結寫法與超連結顏色設定

內容說明：

(1)、超連結
(2)、個別定義超連結的文字顏色
(3)、改變預設超連結文字顏色
(4)、改變預設開啟過的超連結文字顏色

教學內容：

1、超連結

語法：<A Href="超連結網址或檔案相對位置">...連結文字....</A>

範例：

A、連結網址：即欲連結的網址位置，又稱絕對位置

例：http://www.epaper.idv.hm/index.asp

B、檔案位置：又稱相對位置，檔案與檔案之間的相對位置

a、同一目錄下的檔案超連結：例如連結到同一目錄下的 link.html 的寫法

<A Href="link.html">連結到link.html</A>

b、超連結當前目錄中的abc目錄的 link.html 檔案的寫法：

./：表示當前目錄

<A Href="abc/link.html">連結到link.html</A>

或<A Href="/abc/link.html">連結到three.html</A>

或<A Href="./abc/link.html">連結到three.html</A>

c、：上一層目錄中的 link.html 的超連結

<A Href="../link.html">連結到上一層目錄的link.html檔案</A>

../：表示到上一層目錄

../../：表示到上上一層目錄

../../../：表示到上上上一層目錄

d、超連結上一層目錄的 abc 目錄中的 link.htm l檔案

<A HREF="../abc/link.html">連結到上一層的abc目錄的link.html檔案</A>

2、個別定義超連結的文字顏色

語法：在<A Href="...">.........</a>之間加入<font color="#3300FF">連結文字</font>

範例：

<A Href="http://www.many.com.tw"><font color="#3300FF">藍色文字超連結到拓米數位</font></a>

3、改變預設超連結文字顏色

語法：在<Body>內寫入 Link="GREEN"

範例：

4、改變預設開啟過的超連結文字顏色

語法：在<Body>內寫入 VLink="RED"

範例：

5、改變預設執行中的超連結文字顏色

語法：在<Body>內寫入 ALink="#006666"

範例：

當然可一起用<Body Link="#99CC00" VLink="#CC00FF" ALink="#006666" > ！！

(註)、改變預設文字顏色

語法：在<Body>內寫入 Text="#FF6600"

範例：