iLMS知識社群ePortfolioeeClass學習平台空大首頁登入
(2012-10-02) 數位內容導論 第04講
by 李百麗 2012-10-02 22:15:11, 回應(0), 人氣(831)
HTML基本觀念(1/2)
.HTML(HyperText MarkUp Language)
--Language表示是一種溝通的語法(syntax)
--跟瀏覽器(Browser)溝通的一種語法
--所謂看懂,是指會加以解讀之後,產生效果或發生作用。

HTML 的基本觀念(2/2)
.HTML檔案
--以HTML語法所構成的檔案就是HTML檔
副檔名為htm或html
.HTML語法是一種標籤式(tag)的語法
--Browser看得懂HTML標籤,解譯之後表現在瀏覽器的畫面上
--大部分的標籤都是成對的
有開始,有結束
--標籤與標籤的關係是巢狀包含的
--標籤可以設定參數以改變標籤的行為
參數=值

HTML檔的第一個範例
.開啟記事本編輯下列的內容,然後使用瀏覽器測試
<html>
<head>
<title>My first html file example</title>
</head>
<body bgcolor=#00ffff>
<center>我的第一個HTML檔</center>
<hr/>
<a href="http://www.nut.edu.tw/">連到台大</a><br/><br/>
<a href="http://www.yahoo.com.tw/">連到Yahoo</a>
</body>
</html>

實際操作一遍
.開啟記事本
.編輯html內容後存檔成HTML檔
.檔名自取,例如first.html
.注意:記事本存檔時要【存檔類型(T)】要選擇【所有檔案】
.使用IE瀏覽器開啟測試
.請你無論如何自己照著做一遍
養成頭尾標籤一起寫的好習慣

以瀏覽器開啟測試
.開啟IE
.【檔案】/『開啟舊檔』/【瀏覽】

另一種瀏覽器開啟HTML檔的方式
.使用『檔案總管』切換到存放HTML檔的資料夾
.在檔案上按滑鼠右鍵選擇以IE開啟