「2020/資訊基礎應用/復習與補遺」修訂間的差異

於 2020年11月16日 (一) 12:12 的最新修訂

Wiki

Wiki_入門語法
- 摺疊練習：實作練習
wiki中的數學公式
嵌入：
- 連接使用：[[前置字:名字空間:頁名]]，如[[Wikipedia::Main Page]]或[[Wikipedia:Main Page]]都會出現這樣的連結：Wikipedia::Main Page，並連到維基百科的主頁。後者是省略名字空間。
- 嵌入使用：{{前置字:名字空間:頁名}}，如{{zhtwwikipedia::余茂春}}(注意名字空間可放入空字串但不可省略)會嵌入「中文維基百科的『余茂春』介紹頁」：實作練習
- 嵌入本 wiki 的另外一頁，省略「前置字」

HTML

一、回憶殺(介紹解說)

從「網路檔案櫃」找回 base1.htm
<meta http-equiv='content-type' content='text/html; charset=UTF-8' />

二、HTML的簡介與基本規則(問答解說)

[模板 http://jendo.org/wiki1231/index.php?title=HTML/%E7%B0%A1%E4%BB%8B%E8%88%87%E5%9F%BA%E6%9C%AC%E8%A6%8F%E5%89%87&action=render 讀取失敗：HTTP 500]

三、重要的標記、屬性、樣式(問答解說)

[模板 http://jendo.org/wiki1231/index.php?title=HTML/%E9%87%8D%E8%A6%81%E7%9A%84%E6%A8%99%E8%A8%98%E3%80%81%E5%B1%AC%E6%80%A7%E3%80%81%E6%A8%A3%E5%BC%8F&action=render 讀取失敗：HTTP 500]

四、用到的英文單字

[模板 http://jendo.org/wiki1231/index.php?title=HTML/%E8%8B%B1%E6%96%87%E5%96%AE%E5%AD%97&action=render 讀取失敗：HTTP 500]

五、字的進階運用

參考頁(介紹解說)：

重點：

HTML字符轉義(HTML Entity)：實作練習
上標、下標：實作練習
放大、縮小：實作練習
樣式 text-decoration(看原始碼)：
- 樣式
- 樣式
- 樣式
加粗、底線、拉斜、刪除：實作練習「加粗、底線、拉斜」

CSS

一、行內樣式

屬性 style='…;…;…'
請參考本頁「HML/重要的標記、屬性、樣式」段落

二、樣式定義

在 HTML 中起一個
<style>
…
</style>
其中的每一條樣式定義都分成「樣式定義對象 {樣式定義內容}」
樣式定義對象，第一個字是「.」代表「類別名稱」，不是「.」代表「HTML標籤」

三、串接樣式(落實上週的實作練習)

在第一個檔中寫下一條一條的樣式定義
用 /* … */ 進行單行或多行註解
在第二個檔中寫下 <link rel='stylesheet' href='第一個檔的網址' type='text/css'/> 來載入第一個檔
很多檔可以載入相同的樣式檔，讓外觀風格一致，節省書寫的人力，簡化修改的流程

@@ 行 2： / 行 2： @@
 ==Wiki==
 #[[Wiki_入門語法]]
+#*摺疊練習：<span style='color:red'>實作練習</span>
 #[https://zh.wikipedia.org/wiki/Help:數學公式 wiki中的數學公式]
 #嵌入：
 #*連接使用：<nowiki>[[前置字:名字空間:頁名]]</nowiki>，如<nowiki>[[Wikipedia::Main Page]]</nowiki>或<nowiki>[[Wikipedia:Main Page]]</nowiki>都會出現這樣的連結：[[Wikipedia::Main Page]]，並連到維基百科的主頁。後者是省略名字空間。
-#*嵌入使用：<nowiki>{{前置字:名字空間:頁名}}</nowiki>，如<nowiki>{{jendo::跳至頁首}}</nowiki>(注意名字空間可放入空字串但不可省略)會嵌入{{jendo::跳至頁首}}
+#*嵌入使用：<nowiki>{{前置字:名字空間:頁名}}</nowiki>，如<nowiki>{{zhtwwikipedia::余茂春}}</nowiki>(注意名字空間可放入空字串但不可省略)會嵌入「中文維基百科的『余茂春』介紹頁」：<span style='color:red'>實作練習</span>
 #*嵌入本 wiki 的另外一頁，省略「前置字」
+[[2020編輯培力同學/全班|同學實作展示]]
 ==HTML==
-===一、回憶殺===
+===一、回憶殺(<span style='color:blue'>介紹解說</span>)===
 #從「[http://nice-learning.tw/uploadFiles 網路檔案櫃]」找回 base1.htm
 #&lt;meta http-equiv='content-type' content='text/html; charset=UTF-8' /&gt;
-===二、HTML的簡介與基本規則===
+===二、HTML的簡介與基本規則(<span style='color:blue'>問答解說</span>)===
 {{jendo::HTML/簡介與基本規則}}
-===三、重要的標記、屬性、樣式===
+===三、重要的標記、屬性、樣式(<span style='color:blue'>問答解說</span>)===
 {{jendo::HTML/重要的標記、屬性、樣式}}
 ===四、用到的英文單字===
 {{jendo::HTML/英文單字}}
 ===五、字的進階運用===
-參考頁：
+參考頁(<span style='color:blue'>介紹解說</span>)：
 #[http://jendo.org/wiki1231/index.php?title=HTML中的數學符號/常用 常用的數學及科學字符]
 #[http://jendo.org/wiki1231/index.php?title=HTML中的數學符號 HTML頁面可用的數學與科學符號]
@@ 行 25： / 行 30： @@
 #[https://zh.wikipedia.org/wiki/Help:數學公式 wiki中的數學公式]
 重點：
-#HTML字符轉義(HTML Entity)
+#HTML字符轉義(HTML Entity)：<span style='color:red'>實作練習</span>
-#上標、下標
+#上標、下標：<span style='color:red'>實作練習</span>
-#放大、縮小
+#放大、縮小：<span style='color:red'>實作練習</span>
-#樣式 text-decoration
+#樣式 text-decoration(<span style='color:blue'>看原始碼</span>)：
-#加粗、底線、拉斜、刪除
+#*<span style='text-decoration:overline;'>樣式</span>
-==CSS==
+#*<span style='text-decoration:underline;'>樣式</span>
+#*<span style='text-decoration:line-through;'>樣式</span>
+#加粗、底線、拉斜、刪除：實作練習「<span style='color:red'>加粗、底線、拉斜</span>」
+==[[jendo::CSS|CSS]]==
 ===一、行內樣式===
 #屬性 style='…;…;…'
@@ 行 36： / 行 45： @@
 ===二、樣式定義===
-#在 HTML 中起一個&lt;style&gt;<br/>…<br/>&lt;/style&gt;
+#在 HTML 中起一個<br/>&lt;style&gt;<br/>…<br/>&lt;/style&gt;
 #其中的每一條樣式定義都分成「樣式定義對象 {樣式定義內容}」
 #樣式定義對象，第一個字是「.」代表「類別名稱」，不是「.」代表「HTML標籤」
-===三、串接樣式===
+===三、串接樣式(<span style='color:red'>落實上週的實作練習</span>)===
 #在第一個檔中寫下一條一條的樣式定義<br/>用 /* … */ 進行單行或多行註解
 #在第二個檔中寫下 &lt;link rel='stylesheet' href='第一個檔的網址' type='text/css'/&gt; 來載入第一個檔
 #很多檔可以載入相同的樣式檔，讓外觀風格一致，節省書寫的人力，簡化修改的流程