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

術科解題基本知識
                       (三)文字及段落的 HTML 語法


                              標籤指令                                           說明及範例

                     <b>…</b>                    粗體:將其間的文字加粗處理。
                                                 範例:<b> 網頁 123</b>  結果:網頁 123
                     <i>…</i>                    斜體:將其間的文字改成斜體。

                                                 範例:<i> 網頁 123</i>   結果:網頁 123
                     <u>…</u>                    底線:將其間的文字加底線處理。
                                                 範例:<u> 網頁 123</u>   結果:網頁 123

                     <sup>… </sup>               上標字:將文字設定為上標字。
                                                 範例:(A+B)<sup>2</sup>  結果:(A+B)
                                                                                            2
                     <sub>… </sub>               下標字:將文字設定為下標字。
                                                 範例:A<sub>1</sub>B<sub>2</sub>  結果:A B               2
                                                                                                   1
                     <h1>…</h1>                  大小:  標題樣式及內容,通常標題樣式有 h1~h6 的大小,
                                                        h1 字型最大,而 h6 字型最小。
                     <h6>…</h6>                  範例 1:<h1> 黃慧容 </h1>
                                                 範例 2:<h6> 黃北科 </h6>

                     <font>…</font>              文字格式:更改字體、尺寸及色彩。
                                                 範例:<font face=" 標楷體 " size=3 color=#f00> 日月潭 </font>
                     <p>…</p>                    分段:設定成一個段落,通常段落和段落之間會間隔一個空白行。
                                                 範例:<p> 日月潭 </p>

                     <p align="left">…</p>       靠左對齊:將其間的文字靠左對齊。
                                                 範例:<p align="left"> 日月潭 </p>
                     <p align="center">…</p>     置中對齊:將其間的文字置中對齊。
                                                 範例:<p align="center"> 日月潭 </p>

                     <p align="right">…</p>      靠右對齊:將其間的文字靠右對齊。
                                                 範例:<p align="right"> 日月潭 </p>
                     <center>…</center >         置中對齊:將文字或圖片置中對齊。
                                                 範例:<center>--- 日月潭 --- </center>

                     <br>                        換行:將標籤後的文字顯示於下一行。屬於單一標籤(非對稱)。
                                                 範例:阿里山 <br> 日月潭

                     <hr>                        分隔線:用來產生分隔線。屬於單一標籤(非對稱)。
                                                 範例:阿里山 <hr> 日月潭
                     <!-->                       註解:對網頁的輔助說明文字,不會顯示在網頁上。

                    註  上述範例可在 Dreamweaver 的「程式碼」模式實作。












                                                                                                                      0-13






          '(     @ஔ߅     ਿ͉ٝᗆ 1IPUP*NQBDU  JOEE                                                                               ɨʹ
   16   17   18   19   20   21   22   23   24   25   26