iLMS知識社群ePortfolioeeClass學習平台空大首頁登入
(2012-10-10) 數位內容導論 第09講
by 李百麗 2012-10-10 22:33:57, 回應(0), 人氣(889)
---可以內嵌多媒體物件的標籤---
.<embed src="多媒體物件的網址"/>
.常見的多媒體物件之檔案格式:mp3、wma、wmv、wav、asf、mid、rm、ra、ram、avi、mpg、mpeg、mov、swf

---<embed>的使用範例---
.在http://www2.nkfust.edu.tw/~weichih/有一個ht.wmv
<embed src="http://www2.nkfust.edu.tw/~weichih/ht/wmv"/>

---參考網址---
http://orzs.net/use-html-embed-tag-to-player

---與排版樣式有關的HTML標籤---
.字型設定標籤<font>
.<font size="50" face="標楷體" color="#ff0000">字的排版樣式</font>

---設定字串為粗體的標籤<b>---
.<b>這一段為粗體樣式</b>
<i>斜體</i>

---HTML與CSS的比較---
.HTML語法
缺點:內容與外觀的設定混在一起(很難維護)
內容:文字、圖像
外觀:顏色、大小


.CSS(Cascading Style Sheet)語法(必須依附HTML運作)
只設定外觀、不管內容
外觀:排版樣式(Style Sheet)
Cascading:串接、連續作用


---以CSS語法設定文字為紅色的範例---
<p style="color:red">行內樣式</p>
-->Browser會解讀<p>tag的意義,顯示文字內容。
-->當Browser看到style屬性時,會啟動CSS語法解譯器來解釋style之文字內容的CSS語法。
-->CSS語法解譯器看到color:red,知道要把color樣式設為red
-->因為style="color:red"是寫在<p>裏,所以樣式效果作用在<p>與</p>所包含的內容上。

---CSS語法的格式---
--樣式:值;(樣式設定:設定值)
--color:red;
-->以;結束,有可能要串接下一個

***cascading的例子
<p style= "font-size: 18px; font-family: '新細明體'; color:$669999;">
這是行內樣式(inline style),直接寫在HTML元素內,因此只能套用在這個元素。您使用HTML元素的style屬性來設定行內樣式。</p>