個人資訊
李百麗
訪客 (47370), 推薦 (1)
文章 (35)
回應 (14)
文章分類
隨手小品 (1)
最新文章
(2012-11-05) 數位內容導論 第18講 (11-05)
(2012-10-31) 數位內容導論 第17講 (10-31)
(2012-10-30) 3D電腦動畫 第15講 (10-30)
(2012-10-26) 3D電腦動畫 第14講 (10-26)
(2012-10-25) 3D電腦動畫 第13講 (10-25)
最新回應
re: 性別與升遷的小小分享 (10-11, 李百麗)
re: 性別與升遷的小小分享 (10-11, 黃惠玲)
re: 20121007(數位內容導論)上課筆記 (10-11, 黃惠玲)
re: 20121007(數位內容導論)上課筆記 (10-09, 莊春敏)
re: 20121007(數位內容導論)上課筆記 (10-08, 洪月霞)
(2012-10-06) 數位內容導論第06講 
by 李百麗
2012-10-06 17:35:47, 回應(0), 人氣(870)
2012-10-06 17:35:47, 回應(0), 人氣(870)
---<a>標籤的用法---
．<a href="URL">超連結提示</a>
．URL(Uniform Resource Location，網路資源的位址)，翻成網址。
．URL的格式http://領域名稱/index.htm
--http://www.nkfust.edu.tw/index.htm
．www.nkfust.edu.tw為Domain Name，領域名稱
<a href="http://www.yahoo.com">Yahoo</a>
---瀏覽器看到<a>標籤語法的細部動作---
．範例
<html><body>
<a href="http://www.nkfust.edu.tw/index.htm">連到第一科大</a>
</body></html>
．瀏覽器對底下語法的解讀
<a href="http://www.nkfust.edu.tw/index.htm">連到第一科大</a>
1.在窗格上出現hyperlink的功能，滑鼠滑過，出現hand游標(cursor)。提示文字出現底線。
2.滑鼠按下，Borwser會把URL所指向的文件index.htm下載回來，並且再加以解讀。
．由於下載回來的htm文件有可能又有<a>標籤，因此就構成網網相連的世界(World Wide Web,WWW)
---再展示<a>的作用---
．記事本編輯內容後存成href.htm
．瀏覽器測試
<html>
<body>
<a href="http://www.nkfust.edu.tw/index.htm">
連到第一科大
</a>
</body>
</html>
---html與php網頁的不同---
．html是靜態網頁，也就是網頁伺服器(Web Server)直接把瀏覽器所要求(Request)的html檔回應(Response)給瀏覽器(Browser)。
．php是動態網頁。當瀏覽器向Web Server要求一個php檔時，這個php檔會在Web Server先執行。執行時會echo字串到Browser。所echo的是HTML語法的字串，因此Browser的畫面會呈現HTML標籤的效果。
．php是一種程式語言。網站應用程式，例如E-learning網站就可以使用php語法完成。
---領域名稱與IP的對應---
．網域名稱與IP address是對應的。
．例如網域名稱www.ntu.edu.tw的對應IP是140.112.8.116，所以<a href="http://www.ntu.edu.tw/index.html">連到台大</a>
也可以寫成
<a href="http://140.112.8.116/index.htm">連到台大</a>
---<a>的href也可以是其他類型的檔案---
<a href="http://www2.nkfust.edu.tw/~werchih/test.doc">
下載doc檔
<a>
．<a href="http://www2.nkfust.edu.tw/~weichih/ColdplayClock.mp3">
下載MP3檔
</a>
．<a href="URL">超連結提示</a>
．URL(Uniform Resource Location，網路資源的位址)，翻成網址。
．URL的格式http://領域名稱/index.htm
--http://www.nkfust.edu.tw/index.htm
．www.nkfust.edu.tw為Domain Name，領域名稱
<a href="http://www.yahoo.com">Yahoo</a>
---瀏覽器看到<a>標籤語法的細部動作---
．範例
<html><body>
<a href="http://www.nkfust.edu.tw/index.htm">連到第一科大</a>
</body></html>
．瀏覽器對底下語法的解讀
<a href="http://www.nkfust.edu.tw/index.htm">連到第一科大</a>
1.在窗格上出現hyperlink的功能，滑鼠滑過，出現hand游標(cursor)。提示文字出現底線。
2.滑鼠按下，Borwser會把URL所指向的文件index.htm下載回來，並且再加以解讀。
．由於下載回來的htm文件有可能又有<a>標籤，因此就構成網網相連的世界(World Wide Web,WWW)
---再展示<a>的作用---
．記事本編輯內容後存成href.htm
．瀏覽器測試
<html>
<body>
<a href="http://www.nkfust.edu.tw/index.htm">
連到第一科大
</a>
</body>
</html>
---html與php網頁的不同---
．html是靜態網頁，也就是網頁伺服器(Web Server)直接把瀏覽器所要求(Request)的html檔回應(Response)給瀏覽器(Browser)。
．php是動態網頁。當瀏覽器向Web Server要求一個php檔時，這個php檔會在Web Server先執行。執行時會echo字串到Browser。所echo的是HTML語法的字串，因此Browser的畫面會呈現HTML標籤的效果。
．php是一種程式語言。網站應用程式，例如E-learning網站就可以使用php語法完成。
---領域名稱與IP的對應---
．網域名稱與IP address是對應的。
．例如網域名稱www.ntu.edu.tw的對應IP是140.112.8.116，所以<a href="http://www.ntu.edu.tw/index.html">連到台大</a>
也可以寫成
<a href="http://140.112.8.116/index.htm">連到台大</a>
---<a>的href也可以是其他類型的檔案---
<a href="http://www2.nkfust.edu.tw/~werchih/test.doc">
下載doc檔
<a>
．<a href="http://www2.nkfust.edu.tw/~weichih/ColdplayClock.mp3">
下載MP3檔
</a>