Download presentation
Presentation is loading. Please wait.
1
HTML – 文字格式 資訊教育
2
顏色(一) 在HTML中指定顏色的方法可利用R(紅)、G(綠)、B(藍)三原色來調配，其表示方法如下： #RRGGBB
分別代表紅、綠、藍3色的16進位值(如圖)
3
顏色(一) 除了使用#RRGGBB表示法之外，部分顏色可用顏色名稱來表示(如圖)
4
路徑 絕對路徑 相對路徑 【./】代表目前所在的目錄 【../】代表上一層目錄
一個完整的路徑表示方式，可以明確地指定檔案的位置，讓電腦依循此固定路徑尋找此檔案。 EX：c：/www/img/back.jpg 相對路徑 以相對於目錄的方式來指定檔案位置，電腦會在網頁所在的目錄中尋找此檔案。 EX：img/back.jpg 【./】代表目前所在的目錄 【../】代表上一層目錄
5
兩種路徑的差別 使用絕對路徑來指定檔案位置 使用相對路徑
在本機 (自己的電腦)可以正常瀏覽網頁，但若把檔案上傳到網頁伺服器中，整個網頁的目錄架構會跟著改變(因為網頁不一定是放在c：目錄之下) ，此時電腦若到絕對路徑下尋找檔案，則會發生無法正常開啟檔案的狀況。 使用相對路徑 即使檔案存放的目錄改變了，電腦仍可利用相對的方式找到該檔案。
6
網頁設定 <body></body>的屬性 text：文字顏色 link：超連結的顏色
alink：作用中的超連結顏色 vlink：查閱過的超連結顏色 background：背景圖片 bgcolor：背景顏色 bgproperties="fixed" or "scroll"
7
段落(一) 段落 瀏覽器不接受您在文件中自行加入換行、空一行等格式，而一律依照HTML標籤的控制。
8
段落(二) <br />：換行 <p></p>：分段
<pre></pre>：使用原始排列
9
段落的屬性 align：對齊方式 分別為：center、left、right 以<p></p>為例
10
標題文字 <h*></h*> *：1~6(大~小) 屬性：align(對齊方式) 會自動自成一個段落
11
樣式 <b>文字</b>：粗體字 <i>文字</i>：斜體字
<u>文字</u>：底線 <sup>文字</sup>：上標字 <sub>文字</sub> ：下標字
12
字型與顏色 <font></font> 文字大小、顏色、字型等等，亦可使用css的方式來設定。
size：文字大小，1~7(預設為3) face：字型 color：顏色 文字大小、顏色、字型等等，亦可使用css的方式來設定。
13
項目格式 數字式 <ol type="A" start="3"> <li>文字</li> <li>文字</li> </ol> type：a、A、i、I 符號式 <ul type="circle"> <li>文字</li> <li>文字</li> </ul> type： disc、 circle、square
14
分隔線 <hr /> align：對齊方式 size：高度(數字) width：寬度(數字) color：顏色(#RRGGBB)
noshade：無陰影
15
練習4 請將今天的語法，製作成一個網頁 檔名：學號_ex4.htm 請在自己的首頁，列出練習4的超連結 範例 上傳至學校提供的個人空間
網頁設定：背景顏色(圖片)、編碼... 文字格式：字體大小、字型、顏色... 檔名：學號_ex4.htm 請在自己的首頁，列出練習4的超連結 連結範例 範例 上傳至學校提供的個人空間 ftp://web.thu.edu.tw 帳號密碼與學生系統相同
Similar presentations
