檢視 HTML+WIKI(二) 的原始碼

[[分類:資訊基礎應用]]
==課堂實作==
#client 與 server
#筆電的作業系統：
#*Windows 10：珊樂、伯罕、斯帖
#*Macintosh：期蔚、宗儀
#*Fedora：高本潤
#在 client 裝綠色軟體的 firefox
#在 client 裝綠色軟體的 emEditor、使用 Sublime Text、Visual studio code
#綠色軟體的特點
#*檔案比較小
#*不用安裝
#*只佔用少量系統資源
#*可直接移動(複製檔案後，換一台電腦繼續工作)
#*刪除方便，移除後也不會將任何紀錄（登錄檔訊息等）留在本機電腦上
#*[https://zh.wikipedia.org/wiki/綠色軟體 各種免安裝軟體]
#打開檢視副檔名
#使用「[http://nice-learning.tw/uploadFiles 網路檔案櫃]」
#寫一個 html：
##base1.htm(以下簡稱練習檔)，用 html,head,body 三標籤，顯出 abc 字樣。
##上傳檔案，並用瀏覽器開啟。用 Ctrl-U 看原始碼。
##分辨顯示與原始碼。
##複製上週的 table 到練習檔，上傳，重刷瀏覽器(以下省略上傳檔案，重刷瀏覽器)。
##加 &lt;meta http-equiv='content-type' content='text/html; charset=UTF-8' /&gt;
##加 &lt;style&gt; … &lt;/style&gt;，並在其中複製上週的 CSS 定義
##解釋 border-collapse 樣式，並示範 collapse,separate 兩樣式值的差別
##解釋「色碼」
##加 &lt;title&gt; … &lt;/title&gt;，並示範頁籤文字改變
##加 &lt;p&gt; … &lt;/p&gt;，並示範font-size,font-family,text-align 三樣式
##表格調中
##去本班 wiki 首頁，以「檢視選取範圍原始碼」，抄出播放影片標籤，放入練習檔
##加上 &lt;br/&gt; 拉開表格與影片的距離，並將影片調中
##加上 &lt;img…/&gt;
##加上 ol 與 li
##將 ol 換成 ul
##找一段字用 span 改變顏色，突顯出來

==HTML的簡介與基本規則==
{{jendo::HTML/簡介與基本規則}}

==重要的標記、屬性、樣式==
{{jendo::HTML/重要的標記、屬性、樣式}}

==用到的英文單字==
{{jendo::HTML/英文單字}}