第4章、HTML文件清單樣式設定

Download Report

Transcript 第4章、HTML文件清單樣式設定 

第6章、 HTML文件Body標籤屬性設定
內容章節
1. 文件的邊界屬性設定
2. 設定文件的背景
3. 設定超連結的顏色
HTML文件Body標籤屬性設定
文件的邊界屬性設定
 設定邊界屬性的意義是將網頁的內容保持與網
頁「邊界」一定的距離，以增進閱讀性。

topmargin屬性：設定網頁內容與上邊界的距離。

leftmargin屬性：設定網頁內容與左邊界的距離。

rightmargin屬性：設定網頁內容與右邊界的距離。
<html>
<head><title>設定網頁內容與上邊界的距離</title></head>
<body topmargin="0">
設定網頁內容與上邊界的距離等於零
</body>
</html>
範例顯示
HTML文件Body標籤屬性設定
文件的邊界屬性設定(續)
<html>
<head><title>設定網頁內容與左邊界的距離</title></head>
<body leftmargin="0">
設定網頁內容與左邊界的距離等於零
</body>
</html>
範例顯示
<html>
<head><title>設定網頁內容與右邊界的距離</title></head>
<body rightmargin="0">
0000000000000000000000000000000000000000000000000
0000000000000000000000000000000000000000000000000
000000000000000000000設定網頁內容與右邊界的距離等於
零
</body>
</html>
範例顯示
HTML文件Body標籤屬性設定
設定文件的背景
 設定HTML文件的背景有三種情形
設定文件的背景顏色
 設定文件的背景圖片
 設定文件的字體顏色
 設定文件的背景顏色： bgcolor
語法：<BODY BGCOLOR=“顏色值”>
顏色值的設定請參考第二章「 HTML文件文字標籤語
法」

<html>
<head><title>設定網頁背景顏色</title></head>
<body bgcolor=“blue">
設定網頁內容的背景顏色為藍色
</body>
</html>
範例顯示
HTML文件Body標籤屬性設定
設定文件的背景(續)
 設定文件的背景圖片：BACKGROUND
語法：
<BODY BACKGROUND=“套用的圖片路徑及名稱”>
<html>
<head><title>設定網頁背景圖片</title></head>
<body background=“kaichen.jpg">
指定一張圖片網頁的背景顏
</body>
</html>
範例顯示
HTML文件Body標籤屬性設定
設定文件的背景(續)
 設定文件的字體顏色：TEXT
語法： <BODY TEXT=“顏色值”>
<html>
<head><title>設定網頁內容文字顏色</title></head>
<body text=“#0000FF">
設定網頁內容的文字顏色
</body>
</html>
範例顯示