「2020/資訊基礎應用/復習與補遺」修訂間的差異
跳至導覽
跳至搜尋
（→一、回憶殺） |
（→Wiki） |
||
| （未顯示同一使用者於中間所作的 5 次修訂） | |||
| 行 8： | 行 8： | ||
#*嵌入使用：<nowiki>{{前置字:名字空間:頁名}}</nowiki>，如<nowiki>{{zhtwwikipedia::余茂春}}</nowiki>(注意名字空間可放入空字串但不可省略)會嵌入「中文維基百科的『余茂春』介紹頁」：<span style='color:red'>實作練習</span> | #*嵌入使用：<nowiki>{{前置字:名字空間:頁名}}</nowiki>，如<nowiki>{{zhtwwikipedia::余茂春}}</nowiki>(注意名字空間可放入空字串但不可省略)會嵌入「中文維基百科的『余茂春』介紹頁」：<span style='color:red'>實作練習</span> | ||
#*嵌入本 wiki 的另外一頁，省略「前置字」 | #*嵌入本 wiki 的另外一頁，省略「前置字」 | ||
| + | [[2020編輯培力同學/全班|同學實作展示]] | ||
==HTML== | ==HTML== | ||
| 行 14： | 行 15： | ||
#<meta http-equiv='content-type' content='text/html; charset=UTF-8' /> | #<meta http-equiv='content-type' content='text/html; charset=UTF-8' /> | ||
| − | ===二、HTML的簡介與基本規則=== | + | ===二、HTML的簡介與基本規則(<span style='color:blue'>問答解說</span>)=== |
{{jendo::HTML/簡介與基本規則}} | {{jendo::HTML/簡介與基本規則}} | ||
| − | ===三、重要的標記、屬性、樣式=== | + | |
| + | ===三、重要的標記、屬性、樣式(<span style='color:blue'>問答解說</span>)=== | ||
{{jendo::HTML/重要的標記、屬性、樣式}} | {{jendo::HTML/重要的標記、屬性、樣式}} | ||
| + | |||
===四、用到的英文單字=== | ===四、用到的英文單字=== | ||
{{jendo::HTML/英文單字}} | {{jendo::HTML/英文單字}} | ||
| 行 30： | 行 33： | ||
#上標、下標：<span style='color:red'>實作練習</span> | #上標、下標：<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> | ||
| + | #*<span style='text-decoration:underline;'>樣式</span> | ||
| + | #*<span style='text-decoration:line-through;'>樣式</span> | ||
#加粗、底線、拉斜、刪除：實作練習「<span style='color:red'>加粗、底線、拉斜</span>」 | #加粗、底線、拉斜、刪除：實作練習「<span style='color:red'>加粗、底線、拉斜</span>」 | ||
| 行 43： | 行 49： | ||
#樣式定義對象，第一個字是「.」代表「類別名稱」，不是「.」代表「HTML標籤」 | #樣式定義對象，第一個字是「.」代表「類別名稱」，不是「.」代表「HTML標籤」 | ||
| − | ===三、串接樣式=== | + | ===三、串接樣式(<span style='color:red'>落實上週的實作練習</span>)=== |
#在第一個檔中寫下一條一條的樣式定義<br/>用 /* … */ 進行單行或多行註解 | #在第一個檔中寫下一條一條的樣式定義<br/>用 /* … */ 進行單行或多行註解 | ||
#在第二個檔中寫下 <link rel='stylesheet' href='第一個檔的網址' type='text/css'/> 來載入第一個檔 | #在第二個檔中寫下 <link rel='stylesheet' href='第一個檔的網址' type='text/css'/> 來載入第一個檔 | ||
#很多檔可以載入相同的樣式檔，讓外觀風格一致，節省書寫的人力，簡化修改的流程 | #很多檔可以載入相同的樣式檔，讓外觀風格一致，節省書寫的人力，簡化修改的流程 | ||
於 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'/> 來載入第一個檔
- 很多檔可以載入相同的樣式檔，讓外觀風格一致，節省書寫的人力，簡化修改的流程
