Page 22 - eFG11203_丙級網頁設計含資訊類題庫工作項目解析學術科通關寶典_課本PDF

丙級 網頁設計 術科
（四）插入圖片的 HTML 語法

格式： <img src=" 路徑 / 圖片檔名 " 屬性 1=" 屬性 1 的值 " 屬性 2=" 屬性 2 的值 " …>

說明： <img> 用以在網頁內插入圖片，並設定其邊框、高度、寬度、提示文
字等。
屬性： (1) border：外框粗細，0 表示無外框。
(2) height：設定圖片高度（單位為像素）。

(3) width：設定圖片寬度（單位為像素）。
(4) alt：設定滑鼠移動到圖片時出現的提示文字。有時候需配合 title 設定。
(5) align ： 對齊方式， 例如 ： left （靠左）、 center （置中）、 right （靠右）。
範例： <img src="images/0507.jpg" width="120" height="120" alt=" 書曼 "
title = " 書曼 ">

執行結果：

（五）跑馬燈的 HTML 語法

格式： < marquee 屬性 1=" 屬性 1 的值 " 屬性 2=" 屬性 2 的值 " …> 跑馬燈文字
</marquee>

說明：跑馬燈是指在網頁內一串流動的文字串，用於重要訊息的提示。
屬性： (1) behavior：表現方式，有捲動、滑動（slide）、交替（alternate）等。
(2) bgcolor：設定背景色彩。

(3) direction：設定方向，有向左（Left）及向右（right）。
範例： <marquee behavior="scroll" direction="left" height="29" style="font-
family: ' 標楷體 '; font-size: x-large; color: #00F;"> 歡迎光臨校園社團介紹
網，參觀後請支持社團活動並熱烈參與 </marquee>

（六）插入表格的 HTML 語法

格式：<table 屬性 1=" 屬性 1 的值 " 屬性 2=" 屬性 2 的值 " …>… </table>
說明： <table> 用以在網頁內插入表格，並設定其外框粗細、寬度、背景顏色、

外框顏色、儲存格間距等屬性。
屬性： (1) border：框線粗細，0 表示無外框，1 表示框線 1px。
(2) width：設定表格寬度，例如：width="300"（像素），或
width="80%"（百分比）。
(3) height：設定表格高度，例如：height="509"（像素）。
(4) bgcolor：背景顏色，bordercolor：外框顏色。

(5) cellspacing：儲存格間距，cellpadding：儲存格與邊框距離。

0-14

'( @ஔ߅ ਿ͉ٝᗆ 1IPUP*NQBDU JOEE ɨʹ