網頁原始碼II 113

※自雲端硬碟www資料夾下載1.html檔案至D槽。

※開啟 Notepad++，將 1.html 載入編輯※

◎複習:

在了解了基本的HTML標記後，我們就可以在網頁內輸入文字了。如先前所提的，

你在網頁內輸入的文字必須在<body>及</body>間，往後所介紹的標記，除了特殊的語法外，都必須遵照此項規則。

換行、 <center></center> 置中

一、段落 (paragraph)

為了使段落分明，你可以用段落標記來控制，標記如右 (其中    代表空白鍵)：

<body>

過故人莊     孟浩然

故人具雞黍，邀我至田家。

綠樹村邊合，青山郭外斜。

開筵面場圃，把酒話桑麻。

待到重陽日，還來就菊花。

</center>

</body>

◎不同語法標籤可加入不同 "屬性"

如: 可加入 align(對齊) 的屬性，語法寫作如

其中 left(左) 可以改成 center(中)、right(右)

複製文字: 真正的成功不是功成名就而是品德上的富足

三、字型 :

◎屬性

(一)字體大小

除了上述的標題字標記外，我們也可以利用文字標記來改變字形的大小，n代表1到7的數字，數字愈大，則字體愈大。

可複製文字: 基隆市立銘傳國中1

範例如下：

(三)字型字體

字型部分，只能夠呈現的只有使用者電腦中有的字型，假設你的電腦有，但其他網際網路上的使用者沒有，就不會出現。

一般來說，中文預設細明體，你也可以更改，如:標楷體、微軟正黑體

基隆市立銘傳國中6

顯示結果如下:

(二)字體顏色

屬性與屬性之間，可以用一個空白鍵來做為區隔，只需一個font語法，即可擁有兩個屬性，如:

基隆市立銘傳國中6

顯示結果如下:

◎在顏色值的設定方面，我們可以有兩種表示方式:

1.指定顏色的英文名稱表

2.利用配色表 #RRGGBB的設定方式(16進制，如:#FFFFFF)

四、背景顏色、全部的文字顏色

◎屬性

（一）背景顏色：<body bgcolor="______"> (因為是整個版面，因此放在 body 的屬性中)

先前你自行練習的網頁背景是白色的，這也是預設的顏色，透過<body>的bgcolor屬性，我們可以指定網頁的背景顏色。所有的背景就會改成單一色系。

範例如下：

背景是水藍色的

</body>

背景是灰色的

</body>

（二）網頁預設文本顏色：<body text="______">

(扣除font指令顏色外，所有的文字顏色都會變色)

網頁的預設文字的顏色是黑色的，不過你可以使用 text 屬性更改網頁的文字顏色。

範例如下：

背景是藍色的，文字是黃色的

font指令個別更改顏色

</body>

背景是藍色的，文字是黃色的，

font指令個別更改顏色

</body>

★☆進行上傳☆★

1.將你 D 磁碟機中 1.html 檔案上傳雲端硬碟 www 資料夾中。

2.進入第三方伺服器DRV，重整檔案(Ctrl+F5)。

3.複製連結並上傳連結至作業繳交區。

Page updated

Report abuse